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

Сигнал — промо-лендинг 5G-роутера с игрой и заявкой на тест-драйв

Одностраничный сайт акции оператора связи: 5G-роутер можно взять на тест-драйв или купить в лимитированной серии с подарком. Тематику задаёт фильм-партнёр, а в игре на сайте разыгрываются билеты на премьеру.

Vue 3TypeScriptFrontendi18n
Роль
Фронтенд-разработчик
Сроки
2026, апрель — май
Блок тест-драйва 5G-роутера: преимущества и кнопка заявки

Задача

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

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

  • Русская и казахская версии: язык берётся из браузера при первом визите и запоминается, вопросы и ответы подгружаются для каждого языка отдельно.
  • Форма заявки в модальном окне: имя, телефон с маской и город из списка; заявка уходит в API оператора через прокси на том же домене, с языком версии сайта.
  • Каждая кнопка открывает форму со своим заголовком и источником заявки, а прямая ссылка с ?modal=order открывает её сразу.
  • Игра — отдельная HTML5-сборка во фрейме на весь экран: она открывает форму заявки через postMessage, а на телефоне в вертикальной ориентации сайт просит повернуть устройство и даёт обход, если поворот заблокирован.
  • Первый экран с параллаксом и видеофоном, трейлер с YouTube на языке версии сайта.
  • Кнопка WhatsApp в шапке и плавающая кнопка на телефоне, уведомление о cookie со ссылкой на политику для каждого языка.

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

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