← Все проекты
РАЗБОР ПРОЕКТАПРОМОСАЙТ

Трасса — промосайт летней акции торговой сети с игрой-путешествием и магазином подарков за игровые баллы

С начала мая до начала июня покупки от 500 ₽ или с товаром партнёра в магазинах сети и в её приложении регистрировались на сайте как чеки. Чеки участвовали в розыгрыше автомобиля и в еженедельных розыгрышах больше 50 призов — электровелосипеда, музыкальной колонки, смарт-рюкзака, автохолодильника, сертификатов и бонусных баллов программы лояльности. Параллельно шла игра-путешествие по карте родных мест: за неё начислялись баллы, которые обменивались на подарки в магазине на сайте.

Vue 3JavaScriptFrontendPinia
Роль
Фронтенд-разработчик
Сроки
2025, апрель — июнь
Первый экран акции: призы за покупки и за участие в игре-путешествии

Задача

Сделать промосайт по готовому дизайну на общей основе акций сети: главную с механикой, призами, входом в игру, магазином подарков и товарами-партнёрами, вход по номеру телефона, регистрацию чеков, личный кабинет с чеками, призами, магазином подарков и формой получения приза, страницы игры и победителей.

Что входит в решение

  • Вход по номеру телефона из единого аккаунта покупателя сети: подтверждение последними четырьмя цифрами номера входящего звонка, повторный запрос с обратным отсчётом, после входа — согласие с правилами.
  • Игра-путешествие — отдельная сборка во фрейме на своей странице: игре передаётся токен участника, а по её сообщениям сайт возвращает на главную или открывает кабинет для обмена баллов.
  • Магазин подарков за игровые баллы: цена в баллах, остаток, прогресс накопления, заказ с выбором размера; на телефоне — слайдер с сеткой в два ряда.
  • Механика в четырёх вкладках с переходом к игре, призы во вкладках — еженедельные и главный, товары-партнёры.
  • Личный кабинет: история чеков со статусами, призы участника, магазин подарков и форма получения приза с выбором пункта выдачи в магазине по области, городу и адресу из списка пунктов.
  • Регистрация чека: QR-код камерой, ручной ввод или фото; победители с поиском по телефону, вопросы и ответы, адаптивная вёрстка.

Коммерческий проект в команде: весь фронтенд по готовому дизайну сделал я, игра — отдельная сборка другого разработчика. Скриншоты сняты с локальной сборки на тестовых данных; логотипы сети, марка автомобиля и логотипы на призах скрыты, товары партнёров не показаны.

Следующий проект Свитшот — промосайт акции производителя кормов для питомцев: баллы за чеки и задания, магазин призов с фото питомцаПРОМОСАЙТ