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

Коньки — промосайт благотворительной акции торговой сети с табло собранных средств и магазином подарков

Семь недель покупки от 500 ₽ в магазинах сети и заказы в её приложении доставки регистрировались на сайте как чеки, а чек с товаром партнёра на любую сумму давал дополнительный шанс. Чеки участвовали в еженедельных розыгрышах смартфонов, телевизоров, стайлеров, роботов-пылесосов, сертификатов на покупки и промокодов на доставку и в розыгрыше главного приза — семейной поездки на ледовое шоу. Принятые чеки копились на балансе и обменивались на гарантированные подарки, а с каждого чека 2 ₽ шли на помощь нуждающимся семьям через благотворительный фонд.

Vue 3JavaScriptFrontendPinia
Роль
Фронтенд-разработчик
Сроки
2025, март — апрель
Механика акции: вкладки с еженедельным розыгрышем, гарантированными призами, главным призом и заказами в доставке

Задача

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

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

  • Механика в четырёх вкладках: еженедельный розыгрыш, гарантированные призы, главный приз и заказы в доставке; на телефоне вкладки превращаются в слайдер с пагинацией.
  • Табло собранных средств: сумма приходит с сервера вместе с признаком окончания акции и раскладывается по семи ячейкам с нулями слева.
  • Магазин подарков за чеки: цена в чеках, остаток и прогресс накопления; заказ подарка — с выбором размера для одежды — списывает чеки с баланса.
  • Регистрация чека: QR-код камерой, ручной ввод или до пяти фото; к отправке добавляется отпечаток браузера, а участнику с выявленными мошенническими действиями загрузка закрыта.
  • Вход через единый аккаунт покупателя сети (OAuth); личный кабинет: история чеков со статусами, призы участника, магазин подарков и форма получения приза с выбором магазина выдачи по области, городу, улице и дому.
  • Товары-партнёры — слайдер категорий с окнами товаров, победители по неделям, вопросы и ответы, адаптивная вёрстка.

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

Следующий проект Кроссовер — промосайт розыгрыша автомобиля за заказы в сервисе доставки торговой сетиПРОМОСАЙТ