Баня.ру — интерфейс бронирования на компьютере и телефоне

Баня.ру

BanyaRU — сервис поиска и бронирования бань по всей России. Я работал над продуктом почти два года и отвечал за полный цикл продуктового дизайна: исследование проблем, проектирование пользовательских сценариев, проверку гипотез, UX-тестирование, дизайн интерфейсов, дизайн-систему и сопровождение решений до разработки.

Role
Product Designer
Продукт
B2C / B2B / Booking / Marketplace
Период
2024–2026
+20%Конверсия в бронирование
−25–40%Время ключевых сценариев
2000+Экранов и состояний

Что в этом проекте получилось хорошо — и что нет

Сложность продукта и UX

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

UI я сегодня сделал бы иначе

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

Масштаб проекта — экраны и состояния сервиса

1. Мааааасштаб

В макетах учитывались не только основные экраны, но и состояния загрузки, ошибки, пустые состояния, разные роли пользователей, ограничения тарифов, варианты бронирования и edge cases.

Система интерфейсов Баня.ру

2. Моя задача была не нарисовать 2000 экранов

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

3. Один сервис — две стороны продукта.

Для гостя BanyaRU — способ выбрать и забронировать баню. Для владельца — инструмент, в котором нужно описать объект и условия его бронирования.

Гость

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

Владелец бани

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

Связь сценариев гостя и владельца бани

5. Сначала понять проблему

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

14 интервью

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

5 опросов

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

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

6. Гипотезы связывали исследование с изменениями продукта.

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

Поиск по дате и времени

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

Проверка:

UX-тест прототипа с задачей найти и забронировать баню на определённое время

Критерии

Время до выбора объекта, количество переходов в неподходящие варианты

Ожидаемый эффект

меньше возвратов к поиску и быстрее переход к бронированию

Создание объекта

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

Проверка:

UX-тест прототипа с владельцами — от начала заполнения до готовности объекта к публикации

Критерии

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

Ожидаемый эффект

больше завершённых форм, меньше ошибок и затруднений при размещении объекта

Поиск бани по дате и времени — интерфейс и сценарий

7. Сначала дата и время — затем подходящие варианты

У разных бань свои расписания и условия бронирования. Чтобы пользователь сразу видел подходящие предложения, мы перенесли выбор даты и времени в начало поиска. Выше показываем доступные варианты, ниже — альтернативы, для которых нужно немного сдвинуть время

Создание объекта — пошаговая форма для владельца

8. Создание объекта по понятным шагам

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

9. Итоговый продукт

Экраны становятся понятнее, когда видна логика решений.