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

Финал — промосайт акции торговой сети с прогрессом к главному призу

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

Vue 3JavaScriptFrontendPinia
Роль
Фронтенд-разработчик
Сроки
2026, апрель — июнь
Личный кабинет: прогресс пяти чеков до главного розыгрыша и шансы по источникам

Задача

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

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

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

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

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