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

Лупа — промо продуктового бренда с игрой «найди предметы»

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

Vue 3TypeScriptFrontendPinia
Роль
Фронтенд-разработчик
Сроки
2026, февраль — апрель
Первый экран промосайта с иллюстрацией и кнопкой «Начать»

Задача

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

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

  • Экраны акции: вступление, как играть, призы и выбор одной из трёх локаций.
  • Игра во встроенном фрейме: ключ участника и уровень передаются в параметрах, а выход из игры и переход в магазин партнёра приходят на сайт через postMessage.
  • На телефоне игра идёт в горизонтальной ориентации — в вертикальной сайт просит повернуть устройство.
  • Вход и регистрация в модальных окнах, токен в cookie или localStorage в зависимости от «запомнить меня».
  • Проверка новой версии каждые 5 минут с перезагрузкой, ошибки фронтенда уходят на сервер логов.
  • Адаптивная вёрстка с отдельной раскладкой для телефона.

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

Следующий проект Сигнал — промо-лендинг 5G-роутера с игрой и заявкой на тест-драйвПРОМОСАЙТ