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