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

Стопка — промосайт акции с игрой и рецептом дня

Сайт акции к Масленице: участники регистрируют чеки, получают гарантированный подарок за первый чек и разыгрывают еженедельный приз. Игра «Удержи стопку блинов» даёт дополнительные шансы, а календарь каждый день открывает новый рецепт.

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

Задача

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

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

  • Регистрация чека: QR-код камерой, фото или ввод данных вручную.
  • Игра во встроенном фрейме: вход по токену участника, выход в кабинет по postMessage, накопленные дополнительные шансы в кабинете.
  • Неделя рецептов: календарь на ближайшие дни, рецепт дня открывается в отдельном окне.
  • Победители с фильтром по призу и поиском по номеру телефона.
  • Кабинет: данные участника, история чеков со статусами, призы и реквизиты для доставки с подсказками адреса (DaData).
  • Вход и регистрация по почте и через соцсети, восстановление пароля.
  • Режим после окончания акции: окно о завершении и период выдачи призов.
  • Адаптивная вёрстка с отдельными картинками для телефона, видео в блоке, ошибки фронтенда уходят на сервер логов.

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

Следующий проект Юбилей — промо аптечной сети: виджет и личный кабинетВЕБ-ПРИЛОЖЕНИЕ