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

Заряд — промо бренда напитков с розыгрышами и творческим конкурсом

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

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

Задача

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

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

  • Промо-страница из Tilda во фрейме на том же домене: две таблицы победителей — розыгрышей и творческого конкурса — Vue рендерит прямо в документе фрейма через Teleport, а стили приложения переносятся внутрь.
  • Кнопки страницы Tilda общаются с приложением через postMessage: регистрация чека, вход, обратная связь, внешние ссылки.
  • Регистрация с подтверждением e-mail и паролем, завершение профиля с согласием с правилами, восстановление и смена пароля.
  • Регистрация чека: QR-код камерой, фото или ручной ввод; в кабинете — история чеков со статусами и причиной отказа и слайдер призов.
  • Промо-окна сервисов-партнёров с промокодами и таймером, которые включались и выключались по ходу акции.
  • Цели и пиксели нескольких рекламных систем: Метрика, Top.Mail.Ru, Adriver и другие.

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

Следующий проект Бариста — B2B-клуб для кофеен: обучение, конструктор меню и промоВЕБ-ПРИЛОЖЕНИЕ