Задача
«Чё за квест?» нужна была отдельная посадочная страница под предложение «Праздник под ключ». На неё должны были приходить родители из рекламы: узнать, что входит в праздник, выбрать программу и оставить заявку.
Клиент хотел попробовать Astro вместо Tilda. Главное требование к разработке: страница должна быстро загружаться после перехода из рекламы.
Что показали на странице
Взяли нашу дизайн-концепцию и адаптировали её под новое предложение. Переписали тексты, переработали состав и порядок блоков.
Сначала объяснили, что входит в праздник. Затем показали приключения на выбор, площадки и фотографии мероприятий. Родители могут посмотреть, где будут играть дети и как всё выглядит вживую.
Добавили каталог приключений и квиз для подбора программы. Открыть подбор можно из нескольких разделов, без возврата к началу страницы.
Каталог, квиз и фотографии
Каталог приключений. Посетитель переключается между программами, читает описания и переходит к расчёту стоимости.
Галерея. Фотографии можно листать кнопками, а на телефоне — свайпом. Отдельно показали помещения, в которых проходит праздник.
Квиз. Разбили вопросы о празднике на несколько шагов. В конце посетитель оставляет контакты, выбирает способ связи и даёт согласие на обработку данных.
Добавили и колесо подарков: его можно покрутить прямо на странице.
Куда приходит заявка
В формах можно выбрать MAX, Telegram, WhatsApp или звонок.
Настроили передачу заявок через Roistat в amoCRM. Если посетитель выбрал мессенджер, после отправки формы он может перейти к переписке. Все формы используют общую проверку полей и обработку ответа сервера.
Разработка на Astro
Собрали страницу на Astro. Повторяющиеся элементы вынесли в компоненты, данные отделили от разметки, чтобы их было проще обновлять. Для интерактивных элементов использовали TypeScript, для оформления — CSS.
Astro создаёт готовые HTML-страницы, а заявки принимает отдельный обработчик на PHP. Сайту не нужен постоянно работающий сервер Node.js.
Оптимизировали изображения и видео. Подогнали блоки и формы под экран телефона, проверили прокрутку, кнопки и управление с клавиатуры.
Что получилось
Отдельный лендинг под рекламу «Праздника под ключ». На одной странице родители могут посмотреть площадки, подобрать программу и оставить заявку. Обращения передаются в CRM, а для дальнейшего общения можно выбрать мессенджер или звонок.
