Сайт · Турагентство

horizon — Подберём тур мечты за 1 минуту

Hi-fi прототип сайта турагентства (витрина + lead-gen) на мок-данных, без бэкенда. Поиск, каталог туров с фильтрами и форма заявки на подбор работают на клиенте; цены, даты и таймеры демонстрационные, сабмиты ведут на модалку успеха. Отдельной страницы тура и пошагового квиза нет, localStorage не используется.

✓ Сайт✓ Турагентство✓ Живое демо
Рассчитать стоимость →Написать в MAX
horizon-travel.ru
↗
Загружаем демо…
◆Это живое демо — кликайте по интерфейсу прямо здесь. Кнопка ↗ открывает его на весь экран.

О проекте

Hi-fi прототип сайта турагентства (витрина + lead-gen) на мок-данных, без бэкенда. Поиск, каталог туров с фильтрами и форма заявки на подбор работают на клиенте; цены, даты и таймеры демонстрационные, сабмиты ведут на модалку успеха. Отдельной страницы тура и пошагового квиза нет, localStorage не используется.

Страницы сайта

Главная

Hero с формой поиска тура, тизеры разделов, популярные направления, горящие туры с таймером, «4 шага до отпуска», CTA.

Каталог туров

Витрина из мок-массива туров с сайдбаром фильтров, чипами-подборками, сортировкой, счётчиком и пустым состоянием.

Направления

6 подробных блоков стран (сезон, виза, перелёт, что посмотреть, средний чек) с переходом в каталог по стране.

О компании

Цифры, причины лететь с агентством, гарантии и лицензия (демо), карусель отзывов.

Контакты

Офисы по городам, форма заявки на подбор с маской телефона и модалкой успеха, обратный звонок.

Что умеет

✓Форма поиска тура в hero с передачей выбранной страны в каталог через URL-параметр
✓Каталог туров с фильтрами (страна, цена, ночи, звёзды, питание, чипы-вайбы) и сортировкой, мгновенный пересчёт
✓Горящие туры с обратным отсчётом (демо-таймеры)
✓Избранное на карточках тура (лайк + тост, без сохранения)
✓Страницы направлений из мок-данных с переходом в каталог по стране
✓Карусель отзывов туристов со стрелками
✓Форма заявки на подбор с маской телефона и модалкой успеха с номером заявки
✓Обратный звонок и тост-уведомления

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

Хотите такой же продукт для своего бизнеса?

Расскажите про задачу — пришлём идею решения и ориентир по цене в течение дня.

Услуга по этому направлению →← Всё портфолио