О проекте
App
Book&Go — цифровой сервис для поиска и бронирования жилья. Пользователь может найти подходящий вариант, сравнить предложения, оформить бронь и управлять своими поездками.
При этом сервис работает сразу для двух сторон: гость ищет и бронирует жильё, а владелец может разместить собственный объект и управлять его публикацией.
Поэтому при проектировании мы учитывали не только сценарий бронирования, но и полный путь владельца — от добавления объекта до проверки и публикации.
При этом сервис работает сразу для двух сторон: гость ищет и бронирует жильё, а владелец может разместить собственный объект и управлять его публикацией.
Поэтому при проектировании мы учитывали не только сценарий бронирования, но и полный путь владельца — от добавления объекта до проверки и публикации.
01
Архитектура
Провели исследование рынка и сформировали архитектуру будущего приложения.
Определили основные пользовательские сценарии и связали их в единую систему: поиск жилья, просмотр предложения, бронирование, управление бронями и размещение собственного объекта.
Отдельно проработали сценарии гостя и владельца, поскольку их задачи и точки взаимодействия с продуктом различаются.
Определили основные пользовательские сценарии и связали их в единую систему: поиск жилья, просмотр предложения, бронирование, управление бронями и размещение собственного объекта.
Отдельно проработали сценарии гостя и владельца, поскольку их задачи и точки взаимодействия с продуктом различаются.
02
Дизайн
концепция
концепция
В основу визуальной концепции заложили простые формы и тёплую цветовую палитру, создающие ощущение уюта и гостеприимства.
Визуальный язык поддерживает основную задачу продукта — помочь пользователю быстро найти подходящее место для проживания и принять решение о бронировании.
Визуальный язык поддерживает основную задачу продукта — помочь пользователю быстро найти подходящее место для проживания и принять решение о бронировании.
03
Авторизация
Сделали авторизацию по коду из SMS, чтобы сократить количество действий на первом входе в продукт.
Заполнение дополнительных данных перенесли в профиль, поэтому регистрация не мешает пользователю сразу перейти к поиску жилья.
Заполнение дополнительных данных перенесли в профиль, поэтому регистрация не мешает пользователю сразу перейти к поиску жилья.
Первый экран приложения
Процесс регистрации
04
Главный
экран
экран
После авторизации пользователь попадает на главный экран, который становится основной точкой входа в поиск жилья.
Здесь собраны основные категории и предложения, а пользователь может быстро перейти к поиску, рекомендациям или своему профилю.
Здесь собраны основные категории и предложения, а пользователь может быстро перейти к поиску, рекомендациям или своему профилю.
Меню
Поиск жилья
Разделили
предложения на понятные пользователю категории: популярные варианты, рекомендации и специальные предложения. Это позволяет начать поиск с готовых вариантов.
предложения на понятные пользователю категории: популярные варианты, рекомендации и специальные предложения. Это позволяет начать поиск с готовых вариантов.
Профиль пользователя
В карточке жилья собрали ключевую информацию для первичного сравнения предложений: рейтинг, стоимость за ночь и возможность сохранить вариант в избранное. Пользователь может быстро оценить предложение и вернуться к нему позже.
Поиск построили вокруг основной задачи пользователя — быстро найти подходящий вариант проживания.
05
Страница отеля
и бронирование
и бронирование
Страница объекта стала основной точкой принятия решения о бронировании. Здесь собрали информацию, необходимую пользователю для оценки варианта: преимущества объекта, расположение, варианты размещения и отзывы.
Пользователь может последовательно изучить предложение, выбрать подходящий вариант и перейти к оформлению брони в том же сценарии.
Пользователь может последовательно изучить предложение, выбрать подходящий вариант и перейти к оформлению брони в том же сценарии.
Проработали последовательный сценарий оформления брони: от выбора варианта размещения до подтверждения заказа.
Каждый следующий шаг логично продолжает предыдущий, чтобы пользователь понимал, на каком этапе находится и что произойдёт дальше.
Каждый следующий шаг логично продолжает предыдущий, чтобы пользователь понимал, на каком этапе находится и что произойдёт дальше.
06
Брони
Все бронирования собрали в профиле пользователя, чтобы он мог управлять текущими и завершёнными поездками из одного места.
После завершения бронирования пользователь может оставить отзыв и тем самым дополнить информацию о жилье для следующих гостей.
После завершения бронирования пользователь может оставить отзыв и тем самым дополнить информацию о жилье для следующих гостей.
07
Свое жилье
В продукт заложили отдельный сценарий для владельцев жилья. Пользователь может самостоятельно добавить объект, заполнить его основные характеристики, создать комнаты и проверить результат перед публикацией.
После отправки объект проходит проверку администрацией и только после этого появляется среди доступных предложений.
После отправки объект проходит проверку администрацией и только после этого появляется среди доступных предложений.
1
Жилье пользователя
2
Основная информация о жилье
3
Детали
4
Добавить комнату
5
Информация о комнате
6
Созданные комнаты
7
Просмотр перед публикацией
8
Жильё отправлено на проверку
1
Жилье пользователя
2
Основная информация о жилье
3
Детали
4
Добавить комнату
5
Информация о комнате
6
Созданные комнаты
7
Просмотр перед публикацией
8
Жильё отправлено на проверку
08
Личный кабинет
пользователя
пользователя
Личный кабинет стал единым пространством для управления активностями пользователя.
Здесь собраны персональные данные, бронирования, избранное, уведомления, карты, купоны и настройки профиля.
Пользователю не нужно искать эти функции в разных разделах продукта — все связанные с ним данные и действия находятся в одном месте.
Здесь собраны персональные данные, бронирования, избранное, уведомления, карты, купоны и настройки профиля.
Пользователю не нужно искать эти функции в разных разделах продукта — все связанные с ним данные и действия находятся в одном месте.
1
Главный экран ЛК пользователя
2
Другие гости
3
Данные пользователя
4
Персональные данные
5
Карты
6
Избранное
7
Уведомления
8
Купоны пользователя
9
Купон
10
Настройки
1
Главный экран ЛК пользователя
2
Другие гости
3
Данные пользователя
4
Персональные данные
5
Карты
6
Избранное
7
Уведомления
8
Купоны пользователя
9
Купон
10
Настройки
09
UI-kit
Собрали UI-kit как основу дизайн-системы продукта.
Систематизировали ключевые компоненты, состояния и визуальные правила, чтобы интерфейс оставался единым при развитии новых пользовательских сценариев.
Систематизировали ключевые компоненты, состояния и визуальные правила, чтобы интерфейс оставался единым при развитии новых пользовательских сценариев.
