Шар — промосайт новогодней акции торговой сети с адвент-календарём подарков
Новогодняя акция сети магазинов: покупки от 500 ₽ или товары партнёров в магазине и в приложении дают чеки для еженедельных розыгрышей — больше сотни призов каждую неделю — и для розыгрыша главного приза, 5 000 000 рублей на покупку квартиры. Каждый день участник может открыть одно окошко адвент-календаря и получить гарантированный подарок — скидку, промокод или технику для кухни.
- Роль
- Фронтенд-разработчик
- Сроки
- 2024, ноябрь — декабрь
Задача
Сделать промосайт по готовому дизайну на общей основе акций сети и собрать на нём адвент-календарь: дом с окошками-анимациями, открытие одного окошка в день и выдачу подарка, — а также механику, призы по вкладкам, кабинет и победителей.
Что входит в решение
- Адвент-календарь: дом с четырнадцатью окошками — анимациями из Adobe Animate; нажатие в окошке передаётся странице через postMessage, сайт запрашивает подарок у API и показывает его в окне — с промокодом или как приз.
- Открытые окошки отмечаются по призам участника, а без входа календарь предлагает войти.
- Первый экран с анимированным снежным шаром из Adobe Animate, механика по шагам и призы по вкладкам: главный приз, еженедельные призы и призы календаря.
- Вход через единый аккаунт покупателя сети (OAuth) с передачей кода приглашения.
- Регистрация чека: QR-код камерой или ручной ввод; история чеков и призы в личном кабинете.
- Товары партнёров в слайдере, вопросы и ответы, победители, адаптивная вёрстка.
Коммерческий проект в команде: весь фронтенд по готовому дизайну сделал я, анимации — экспорт из Adobe Animate. Скриншоты сняты с локальной сборки на тестовых данных; название и логотип сети и бренды-партнёры скрыты.