Контакты
Главная · десктоп
2024Интернет-магазин экскурсийUX/UI-дизайн, разработка

KeyTravel UAE: экскурсии в Дубае, которые турист из России выбирает сам и оплачивает в рубляхKeyTravel UAE

  • Web
  • Mobile
  • Туризм
  • Онлайн-бронирование
Главная · десктоп
01 / 04
Задача

KeyTravel продаёт экскурсии, сафари, билеты в парки и музеи, трансферы, полёты и морские прогулки в Дубае и других эмиратах. Большинство клиентов — туристы из России: им нужно заранее понять цену в рублях и заплатить своей картой. Нужен был сайт, где человек сам выбирает экскурсию и тариф, видит итоговую сумму и оставляет заказ, а оператор получает его со всеми данными.

Решение

Каталог из шести направлений. У каждой экскурсии своя страница: фото, программа, условия и панель бронирования рядом. Тариф и число взрослых и детей выбираются кнопками «плюс» и «минус», сумма пересчитывается сразу. Второй шаг — короткая форма в той же панели. Язык и валюту человек выбирает при первом заходе: русский или английский, рубли, доллары или дирхамы.

Сроки

2 недели

Стек
  • Laravel
  • Livewire
  • Alpine.js
  • Swiper
  • nginx
Результат

Магазин на 78 экскурсий и билетов: тариф, сумма в рублях и заказ — на одной странице, с телефона и с компьютера, на русском и английском.

Главные фишки

01

Цена в рублях и оплата картой «Мир»

Цены показываются в рублях, долларах или дирхамах, а рядом с итогом виден курс: 1 AED = 25,5 ₽. Плашка с логотипом «Мир» в панели бронирования отвечает на главный вопрос туриста из России: да, можно заплатить картой своего банка.

02

Заказ в два шага, без корзины

Сначала тариф и количество человек, сумма считается сразу. Потом в той же панели короткая форма: дата, имя латиницей, телефон и почта для чека. Отдельной корзины и страниц оформления нет — человек не уходит с экскурсии, которую выбрал.

03

Витрина меняется при каждом заходе

Первый экран каждый раз показывает другую достопримечательность с ценой «от», а блок «Вам может понравиться» собирает новую подборку. Кто вернулся на сайт, видит не то же самое, а новое предложение.

04

Отзывы скриншотами переписки

Вместо анонимных карточек с пятью звёздами — скриншоты настоящих сообщений от клиентов из WhatsApp. Подделать такое сложнее, поэтому и верят им больше. Под заголовком — приглашение прислать свой отзыв.

78экскурсий и билетов в каталоге
2 шагаот тарифа до заказа на одной странице
3 валютырубли, доллары и дирхамы

Сделаю похожий проект для вас – сам, от макета до запуска

Ключевые экраны

KeyTravel UAE: Первый экран
KeyTravel UAE: Отзывы и подборка
KeyTravel UAE: Бронирование
KeyTravel UAE: Оформление
01Цель: сразу показать цену

Первый экран

С первого взгляда понятно, что здесь продают и сколько это стоит.

  1. 1Под заголовком — случайная достопримечательность и кнопка «Забронировать от 1 704 ₽». При каждом заходе она новая, и первый экран сам работает как витрина.
  2. 2Язык и валюта в шапке: русский или английский, рубли, доллары или дирхамы. При первом заходе сайт спрашивает о них сам.
  3. 3Телефон в Дубае и пять кнопок мессенджеров: написать оператору можно с любой страницы.
  4. 4Шесть направлений — большие карточки с фото: обзорные экскурсии, сафари, билеты, трансфер, полёты и водные туры.
02Цель: доверие и выбор

Отзывы и подборка

Ниже на главной — доказательства от клиентов и подсказки, что выбрать.

  1. 1Отзывы — скриншоты переписки с клиентами, их листают стрелками.
  2. 2Подборка «Вам может понравиться» собирается заново при каждом заходе.
  3. 3Стрелки на фото листают галерею прямо в карточке, открывать экскурсию не нужно.
  4. 4В карточке видно, сколько у экскурсии вариантов и сколько стоит самый недорогой.
03Цель: собрать заказ

Бронирование

Тариф, количество человек и сумма — в одной панели рядом с фото.

  1. 1Каждый тариф — отдельная карточка. Взрослых и детей добавляют кнопками «плюс» и «минус», у детского билета указан возраст.
  2. 2Кроме мест на человека — машина целиком на 4 или 6 человек, для тех, кто едет компанией.
  3. 3Плашка «Мир»: заплатить можно картой любого российского банка, в рублях.
  4. 4Итог пересчитывается при каждом нажатии, рядом курс дирхама.
04Цель: заказ без звонка

Оформление

Второй шаг открывается в той же панели, уходить со страницы не нужно.

  1. 1Подсказка в поле сразу просит ФИО латиницей — как нужно для билета.
  2. 2Код страны выбирается по флагу, по умолчанию стоит флаг ОАЭ.
  3. 3Почта нужна только для чека, и это написано прямо в поле.
  4. 4Обычно оператор пишет в WhatsApp. Кому удобнее Telegram, оставляет логин в комментарии.

Нужен похожий проект?

Расскажите о задаче, и я предложу решение и сроки.

Следующий кейсLOTiСайт туроператора