Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

В марте 2022 года к нам обратился сервис для путешествий FUN&SUN. Компания планировала выпустить мобильное приложение TourAgent, в котором люди смогли бы быстро находить подходящие туры с помощью реальных турагентов. И нам, кроме прочего, доверили отвечать за брендинг проекта.

Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

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

Задача

Когда FUN&SUN пришёл к нам, у них не было брендбука или чётких требований к визуальному стилю, а приложение было в формате MVP.

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

После этого мы изучили рынок мобильных приложений для поиска туров и убедились, что подобных FUN&SUN продуктов нет.

Обычно пользователь выбирает туры через агрегаторы — по заданным параметрам система автоматически выдает подборку вариантов. Этот вариант подходит людям, которые точно знают, что искать.

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

Мобильное приложение по сути является посредником между пользователем и турагентом.

Аналитика

Клиенту было важно, чтобы интерфейс был современным и соответствовал трендам в мобильном дизайне. И так как схожих по своей идее FUN&SUN приложений нет, мы решили ориентироваться на то, как в принципе устроены сервисы для туристов.

Оказалось, большинство travel-приложений выглядят перегружено. Порой на одном экране так много информации, что это создает большую когнитивную нагрузку на пользователя.

Тем не менее есть прогрессивные компании, опыт которых стоит учитывать. Например, Airbnb или Aviasales.

Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

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

Общая концепция. Главный экран

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

Как вариант, мы хотели использовать голосового помощника, чтобы он задавал пользователю наводящие вопросы и формировал заявку. Но такое решение (в туристической сфере) показалось слишком кардинальным с точки зрения привычных паттернов для пользователей и довольно трудозатратным с точки зрения разработки. Поэтому решили с ним повременить.

Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

Еще один вариант — поэтапный онбординг с возможными вопросами о путешествии.

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

Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

В итоге мы с клиентом пришли к решению — на главном экране объединить две смысловые части:

  • Слайдер, на котором отражен принцип работы продукта.
  • Форма заявки с фильтрами.
Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

Личный кабинет и подбор туров

Когда пользователь заполнил заявку, она улетает в обработку турагентам. Это могут быть штатные сотрудники FUN&SUN или самостоятельные турагенты, которые прошли аккредитацию и подтвердили высокие знания туристического рынка. Они со своей стороны подбирают релевантные предложения.

Статус заявки и предложения от турагентов отображаются у пользователя в разделе «Заявки».

Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

Дальше остается выбрать, забронировать и оплатить подходящий вариант.

Чтобы помочь пользователю в этом нелегком деле мы долго работали над UX/UI:

  • уменьшали количество шагов по каждому сценарию;
  • прорабатывали верстку контента, чтобы правильно приоритизировать информацию;
  • упрощали процесс заполнения личных данных для бронирования;
  • добавляли визуальные индикаторы — например, прогресс-бар при оформлении тура.

А если у пользователя возникают вопросы, то он может пообщаться с агентом прямо в чате приложения.

А как же ощущение путешествия

После работы над прототипами мы приступили к созданию визуального стиля.

Путешествия — всегда про эмоции и впечатления. Эта тема тесно связана с отпуском, отдыхом и релаксом, и именно эту атмосферу мы хотели передать.

Изначально мы хотели использовать для главного экрана и онбординга фотографии. Мы просмотрели десятки вариантов, но всё выглядело скучно и заезженно. К тому же сложно выработать общий стиль, чтобы идентифицировать бренд компании.

Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

Тогда возникла идея использовать иллюстрации, и мы разработали восемь вариантов.

Путешествия по-новому: как мы делали дизайн приложения для поиска туров FUN&SUN

В итоге мы остановились на варианте, который объединяет в себе два важных критерия:

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

Финал

Приложение уже в релизе!

Пользуйтесь, наслаждайтесь, отдыхайте )

И не забывайте давать обратную связь!

P.S. Подписывайтесь на нас в ВК и других социальных сетях :)

51
24 комментария

вот эти картинки порядком подзбали. это мягко сказано. тесты какие были? от них только мусор конский и их хочется събать науй с экрана. я про заипавший стиль этот для долбебов

6
Ответить

В данном случае мы рассматривали множество стилей - этот отвечал всем нашим задачам, тесты на картинки не проводили

Ответить

Хм, странно, что акцент на реального, персонального и живого агента, а вы все равно отказались от реальных качественных фоток в пользу абстрактных иллюстраций из 2020го :-\

5
Ответить

они художники, они так видят

1
Ответить

Скора эта мода пройдёт

Ответить

Фотки есть в карточках отелей, это неотъемлемая часть подобных приложений, мы просто не стали использовать их на главной странице

Ответить

Здравствуйте! Со всем уважением, но:
Первый бан за иллюстрации, вы их тупо на шаттере брали по доллару за штуку? Второй бан - типографика, столько разных кеглей и начертаний одновременно на одном экране я давно не видел.
Третий бан - (если к этому стремились) то проще не стало, акцентов нет, подсказок нет, а количество атрибутов осталось как и у конкурентов.
Четвертый бан - за презентацию. Вы так и отправляли клиенту, или это пытка только для пользователей виси? Причём тут черно белые фотки, знаки "Ок", черные точки раскиданные по углам, коллажи, и такое количество красного цвета, которое убивает малюсенькие экраны смартфона на слайдах и выходит на первой план?

4
Ответить