Чемодан — промосайт акции торговой сети с розыгрышем путешествий и скретч-картой гарантированных призов
Пять недель, с начала мая до начала июня, покупки от 500 ₽ в магазинах сети и через её сервис доставки регистрировались на сайте как чеки. Чеки участвовали в розыгрыше одного из трёх сертификатов на путешествие по 500 000 ₽ и в еженедельных розыгрышах — сертификатов на телевизор, спортивные товары, отпускной гардероб и косметику, билетов на музыкальный фестиваль и промокодов на доставку, — а чек с товаром партнёра на любую сумму участвовал ещё и в розыгрыше призов от партнёров. За каждый чек полагался гарантированный подарок — подписка на онлайн-кинотеатр или сервис, скидка на доставку или цифровые стикеры, — а пара друзей, участвовавших по приглашению, могла выиграть по сертификату на 4 000 ₽.
- Роль
- Фронтенд-разработчик
- Сроки
- 2025, апрель — май
Задача
Сделать промосайт по готовому дизайну на общей основе акций сети: главную с механикой, призами, товарами-партнёрами и приглашением друга, регистрацию чеков, личный кабинет с историей чеков, скретч-картой гарантированного приза и призами, страницы приглашений и победителей.
Что входит в решение
- Механика в пяти вкладках — главный приз, еженедельные розыгрыши, призы от партнёров, гарантированные призы и приглашение друга; на телефоне вкладки превращаются в слайдер.
- Призы в четырёх вкладках с числом призов в неделю и за акцию; товары-партнёры — слайдер брендов из JSON-списка, у каждого — окно с товарами и призом партнёра.
- Гарантированный приз в кабинете — скретч-карта на canvas во фрейме с токеном участника: когда защитный слой стёрт, фрейм присылает сообщение, и кабинет переходит к призам и обновляет чеки.
- Регистрация чека: QR-код камерой, ручной ввод или фото; история чеков со статусами и причиной отказа; призы с копированием промокодов и ссылками партнёров.
- Приглашение друга: персональная ссылка с копированием и кнопкой «Поделиться», статистика приглашений; код приглашения передаётся при входе через единый аккаунт покупателя сети (OAuth).
- Победители по категориям с поиском по телефону и фильтрами по неделе и призу, вопросы и ответы, обратная связь, адаптивная вёрстка.
Коммерческий проект в команде: весь фронтенд по готовому дизайну сделал я, скретч-карта — отдельная сборка другого разработчика. Скриншоты сняты с локальной сборки на тестовых данных; логотипы и названия сети и её сервиса доставки скрыты, товары и призы партнёров не показаны.