РАЗБОР ПРОЕКТАПРОМОСАЙТ
Матч — промосайт акции торговой сети и футбольного клуба с билетами на матчи
Акция сети магазинов вместе с футбольным клубом на весь сезон: покупки от 850 ₽ дают шансы выиграть билеты на домашние матчи, мяч и футболку с автографами игроков, а главный приз — абонемент на следующий сезон. Билеты разыгрываются перед каждым матчем, мяч и футболка — в три волны.
- Роль
- Фронтенд-разработчик
- Сроки
- 2025, сентябрь — 2026, апрель
Задача
Сделать промосайт на общей основе акций сети: встроить лендинг, собранный в Tilda, во Vue-приложение со входом, регистрацией чеков и кабинетом, связать кнопки лендинга с окнами приложения и весь сезон вести страницу победителей по календарю матчей.
Что входит в решение
- Лендинг из выгрузки Tilda открывается во фрейме внутри приложения: добавленный в выгрузку скрипт передаёт нажатия кнопок «Зарегистрировать чек» и «Личный кабинет» через postMessage, и приложение открывает вход или регистрацию чека.
- Вход по номеру телефона с кодом из SMS и согласием с правилами; тем, кто ещё не принял правила, приложение показывает окно согласия.
- Регистрация чека: QR-код камерой или ручной ввод — дата, время, сумма, ФН, ФД и ФП с фото чека.
- Личный кабинет: история чеков со статусами и причиной отказа, призы участника.
- Победители: поиск по номеру телефона, фильтры по типу приза — билеты, мяч, футболка, главный приз, — по одному из пятнадцати розыгрышей и по матчу, постраничный вывод.
- Даты розыгрышей и список матчей обновлялись весь сезон по календарю клуба; адаптивная вёрстка с отдельным меню для телефона.
Коммерческий проект в команде: весь фронтенд сделал я, промо-страница собрана в Tilda. Скриншоты сняты с локальной сборки на тестовых данных; названия и логотипы сети и клуба скрыты, лендинг под окном входа размыт.