Пенальти — промосайт акции торговой сети с витриной подарков внутри лендинга на Tilda
Акция сети магазинов: покупки от 600 ₽ с картой программы лояльности или заказы в доставке от 1500 ₽ дают шансы в розыгрыше главного приза 5 000 000 ₽ и ценных призов — смартфона, игровой приставки, домашнего кинотеатра и сертификатов на доставку. Принятые чеки можно ещё и обменять на гарантированные подарки из витрины, а товары партнёров и банковская карта сети добавляют шансы.
- Роль
- Фронтенд-разработчик
- Сроки
- 2026, май — июнь
Задача
Сделать на общей основе акций сети приложение к лендингу из Tilda: встроить в лендинг витрину подарков, собрать кабинет с шансами и обменом чеков на подарки и вручение призов по типу доставки.
Что входит в решение
- Витрина подарков рендерится приложением прямо внутри страницы лендинга: Vue Teleport в элемент фрейма и перенос стилей приложения в документ фрейма; на телефоне — слайды по четыре карточки.
- Обмен чеков на подарки: цена в чеках, остаток, прогресс накопления, заказ с выбором размера или цвета, а после заказа — выбор пункта выдачи в магазине.
- Кабинет: шансы в розыгрыше и чеки для обмена, правила начисления шансов, история чеков с числом шансов у каждого чека, баннер розыгрыша для владельцев карты сети.
- Призы вручаются по типу доставки: электронный сертификат — через окно с отправкой на почту, вещь — через форму пункта выдачи, остальные ждут доставки.
- Связка с лендингом через postMessage: кнопки Tilda открывают в приложении регистрацию чека, вход, обратную связь и внешние ссылки.
- Вход с шестизначным кодом из SMS, список регионов-участников, победители с поиском по телефону, адаптивная вёрстка.
Коммерческий проект в команде: весь фронтенд сделал я, промо-страница собрана в Tilda. Скриншоты сняты с локальной сборки на тестовых данных — подарки и призы на них тоже тестовые; названия и логотипы сети, её карты и благотворительного фонда скрыты, первый экран лендинга не показан.