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

Мопед — промосайт весенней акции сервиса доставки торговой сети с игрой и шансами

Месячная акция доставки сети магазинов к весенним праздникам: участник подтверждает участие на сайте и заказывает продукты в приложении от 2000 ₽ — каждый заказ даёт шансы, а заказ с готовой едой ещё больше. Каждую неделю разыгрываются сертификаты партнёров и подписки, главный приз — 500 000 ₽, а в игре на сайте можно собирать баллы и менять их на дополнительные шансы.

Vue 3JavaScriptFrontendPinia
Роль
Фронтенд-разработчик
Сроки
2025, январь — март
Первый экран весенней акции сервиса доставки

Задача

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

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

  • Личный кабинет: шансы в розыгрыше каждой недели и главного приза с разбивкой по видам — заказы, заказы с готовой едой и игровые шансы.
  • Баллы игры в кабинете и их обмен на дополнительные шансы, когда баллов достаточно; подсказка с условиями.
  • Встроенная HTML5-игра на отдельной странице: фрейм получает токен участника, а по сообщению из игры сайт возвращает на главную.
  • Подтверждение участия через единый аккаунт покупателя сети (OAuth): заказы в приложении учитываются автоматически.
  • Шаги участия, призы по вкладкам — еженедельные призы и главный приз, вопросы и ответы.
  • Победители, баннер о cookie, адаптивная вёрстка.

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

Следующий проект Корзина — промосайт весенней акции сервиса доставки торговой сети на Vue 3 и TypeScriptПРОМОСАЙТ