ЗадачаKeyTravel продаёт экскурсии, сафари, билеты в парки и музеи, трансферы, полёты и морские прогулки в Дубае и других эмиратах. Большинство клиентов — туристы из России: им нужно заранее понять цену в рублях и заплатить своей картой. Нужен был сайт, где человек сам выбирает экскурсию и тариф, видит итоговую сумму и оставляет заказ, а оператор получает его со всеми данными.
РешениеКаталог из шести направлений. У каждой экскурсии своя страница: фото, программа, условия и панель бронирования рядом. Тариф и число взрослых и детей выбираются кнопками «плюс» и «минус», сумма пересчитывается сразу. Второй шаг — короткая форма в той же панели. Язык и валюту человек выбирает при первом заходе: русский или английский, рубли, доллары или дирхамы.
Стек- Laravel
- Livewire
- Alpine.js
- Swiper
- nginx
РезультатМагазин на 78 экскурсий и билетов: тариф, сумма в рублях и заказ — на одной странице, с телефона и с компьютера, на русском и английском.
Главные фишки
01Цена в рублях и оплата картой «Мир»
Цены показываются в рублях, долларах или дирхамах, а рядом с итогом виден курс: 1 AED = 25,5 ₽. Плашка с логотипом «Мир» в панели бронирования отвечает на главный вопрос туриста из России: да, можно заплатить картой своего банка.
02Заказ в два шага, без корзины
Сначала тариф и количество человек, сумма считается сразу. Потом в той же панели короткая форма: дата, имя латиницей, телефон и почта для чека. Отдельной корзины и страниц оформления нет — человек не уходит с экскурсии, которую выбрал.
03Витрина меняется при каждом заходе
Первый экран каждый раз показывает другую достопримечательность с ценой «от», а блок «Вам может понравиться» собирает новую подборку. Кто вернулся на сайт, видит не то же самое, а новое предложение.
04Отзывы скриншотами переписки
Вместо анонимных карточек с пятью звёздами — скриншоты настоящих сообщений от клиентов из WhatsApp. Подделать такое сложнее, поэтому и верят им больше. Под заголовком — приглашение прислать свой отзыв.
78экскурсий и билетов в каталоге
2 шагаот тарифа до заказа на одной странице
3 валютырубли, доллары и дирхамы
Сделаю похожий проект для вас – сам, от макета до запуска
Ключевые экраны
01Цель: сразу показать цену
Первый экран
С первого взгляда понятно, что здесь продают и сколько это стоит.
- 1Под заголовком — случайная достопримечательность и кнопка «Забронировать от 1 704 ₽». При каждом заходе она новая, и первый экран сам работает как витрина.
- 2Язык и валюта в шапке: русский или английский, рубли, доллары или дирхамы. При первом заходе сайт спрашивает о них сам.
- 3Телефон в Дубае и пять кнопок мессенджеров: написать оператору можно с любой страницы.
- 4Шесть направлений — большие карточки с фото: обзорные экскурсии, сафари, билеты, трансфер, полёты и водные туры.
02Цель: доверие и выбор
Отзывы и подборка
Ниже на главной — доказательства от клиентов и подсказки, что выбрать.
- 1Отзывы — скриншоты переписки с клиентами, их листают стрелками.
- 2Подборка «Вам может понравиться» собирается заново при каждом заходе.
- 3Стрелки на фото листают галерею прямо в карточке, открывать экскурсию не нужно.
- 4В карточке видно, сколько у экскурсии вариантов и сколько стоит самый недорогой.
03Цель: собрать заказ
Бронирование
Тариф, количество человек и сумма — в одной панели рядом с фото.
- 1Каждый тариф — отдельная карточка. Взрослых и детей добавляют кнопками «плюс» и «минус», у детского билета указан возраст.
- 2Кроме мест на человека — машина целиком на 4 или 6 человек, для тех, кто едет компанией.
- 3Плашка «Мир»: заплатить можно картой любого российского банка, в рублях.
- 4Итог пересчитывается при каждом нажатии, рядом курс дирхама.
04Цель: заказ без звонка
Оформление
Второй шаг открывается в той же панели, уходить со страницы не нужно.
- 1Подсказка в поле сразу просит ФИО латиницей — как нужно для билета.
- 2Код страны выбирается по флагу, по умолчанию стоит флаг ОАЭ.
- 3Почта нужна только для чека, и это написано прямо в поле.
- 4Обычно оператор пишет в WhatsApp. Кому удобнее Telegram, оставляет логин в комментарии.
Нужен похожий проект?
Расскажите о задаче, и я предложу решение и сроки.