Кейс - Tripora - Сервис бронирования отелей

Tripora - Сервис бронирования отелей

Комплексная UX/UI разработка платформы Tripora, призванная сделать поиск и бронирование жилья максимально простым и приятным.

Моя роль

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

Сроки

4 месяца

Инструменты

Figma, Miro, Adobe Photoshop

mobile app design

UI/UX

CJM

Wireframing

User Research

[1]

О проекте

Tripora — это новый сервис для бронирования отелей, который разрабатывается с нуля, чтобы сделать поиск и бронирование жилья быстрым, удобным и надёжным для пользователей.

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

Проблема

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

Задача

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

[2]

Исследование

Анализ конкурентов

Один из первичных этапов работы был детальный конкурентный анализ. Я тщательно изучила ведущие мировые и местные сервисы бронирования отелей, анализируя их интерфейсы, функционал, пользовательские сценарии и ценообразование. Я фокусировалась на выявлении их сильных сторон, которые стали бы для нас бенчмарками, и слабых сторон, которые создавали бы ниши для наших конкурентных преимуществ.

Для понимания текущего положения рынка, выявления лучших практик и, что критически важно, определения неудовлетворенных потребностей, которые мы могли бы решить с помощью Tripora.

Ключевые выводы

Перегруженность интерфейсов:

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

Неэффективные фильтры и сортировка:

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

Недостаток персонализации:

Рекомендации часто носят общий характер и не учитывают предыдущие предпочтения пользователя. Это дало нам возможность для более умной персонализации.

Персоны

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

Персона 1:

Анастасия, 28

Роль:

Частный путешественник

Ожидания:

Удобный фильтр по цене и удобствам, Apple Pay

Цели:

Найти уютный отель по выгодной цене

Боли:

Скрытые доплаты, перегруженный интерфейс

Поведение:

Бронирует 2−3 раза в год, ориентируется на отзывы и фото

Персона 2:

Ольга и Андрей, 40

Роль:

Семейные путешественники

Ожидания:

Фильтры по инфраструктуре, отзывы родителей

Цели:

Подобрать жильё с условиями для детей

Боли:

Нет фильтра по “детским” удобствам

Поведение:

Читают отзывы, бронируют заранее

Персона 3:

Алексей, 35

Роль:

Командировочный

Ожидания:

Карта, фильтр по району, чек на юрлицо

Цели:

Найти бизнес-отель рядом с мероприятием

Боли:

Нет фильтра по локации/Wi-Fi

Поведение:

Бронирует в последний момент

Ключевые выводы после пользовательских интервью

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

Доминирование визуальной и прозрачной подачи: Исследование показало, что пользователи Tripora ориентируются не только на цену или фильтры, а в первую очередь на визуальную подачу (качественные фото отелей) и полную прозрачность информации.

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

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

CJM

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

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

[3]

Процесс UX-дизайна

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

User flow

Wireframes

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

Смотреть финальный кейс на Dpofile

[4]

Результаты

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

1. Архитектура продукта и флоу

Что спроектировали: длинный список отелей с базовой фильтрацией (цена, рейтинг).

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

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

2. Поиск и фильтрация

Что реализовано: 

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

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

3. Карточки отелей

Что проработали: 

Карточка с ключевой информацией: фото, расстояние до центра, рейтинг, условия брони, цена.
Раздел «удобства» с иконками.
Прозрачные условия (отмена, предоплата, питание и др.)

Почему это важно: Максимум информации за минимальное количество кликов = доверие + скорость принятия решения.

4. Процесс бронирования

Что предусмотрено: 

Пошаговая форма: гости → контакты → оплата.
Автозаполнение данных.
Возможность сохранения карты.
Подтверждение + кнопка «добавить в календарь».

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

5. Поддержка

Что внедрено: 

Чат с оператором (реальный, не бот).
Обратный звонок.
Раздел FAQ.
24/7 поддержка на русском и английском.

Почему это важно: Доверие — ключ к конверсии. Видимая и быстрая поддержка снижает тревожность пользователя.

6. Повторные заказы и личный кабинет

Что добавлено: 

История заказов.
Повтор брони.
Управление уведомлениями, языком, валютой.
Управление аккаунтом и привязанными картами.

Почему это важно: Повторные действия без лишнего поиска = меньшее трение и выше retention.

7. Промо и спецпредложения

Что реализовано:

Система промокодов.
Тематические баннеры (летние скидки, выходные и т. д.)
Список отелей с активными акциями.

Почему это важно: Промо — не просто маркетинг, а часть пользовательского выбора. Пользователи ожидают выгоду — мы встроили её в основной UX.

8. Что получилось в итоге

Что добавлено: 

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

Ключевые решения, которые повлияли на результат:

Приоритет чистого и минималистичного интерфейса: Мы сфокусировались на «less is more» подходе, минимизировав отвлекающие элементы. Это позволило пользователям быстро «считывать» информацию, сосредоточиться на главном.

Сокращение пути бронирования и полная прозрачность цен: Это повысило доверие пользователей и значительно упростило процесс принятия решения, напрямую влияя на конверсию.

Интуитивная и гибкая система фильтрации и поиска: Это дало ощущение контроля и эффективности, сократив время на поиск идеального варианта.

В процессе разработки Tripora, основываясь на проведенных исследованиях и выводах по CJM, мы приняли ряд стратегических дизайнерских решений, которые оказали существенное влияние на итоговый результат и пользовательский опыт:

Что я вынесла из проекта

Создание фундамента с нуля.

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

Понимание рынка и ниши.

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

UX как конкурентное преимущество.

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

следующий кейс

Web & app design

JustEat - сервис доставки еды