Проблема
В Европе существует только один массовый сервис для бронирования столиков в ресторанах, несмотря на то что рынок перенасыщен качественными заведениями.
Большинство ресторанов по‑прежнему работают через телефонные звонки, что неудобно и небезопасно для пользователей из других стран. Посетители не видят схему зала и заранее не знают, где окажутся — у окна, у выхода или в неудобной точке
Назад
Цели
Рост доли пользователей, которые завершили бронирование в ресторане (Conversion Rate)
Следить за временем, потраченным на дизайн-процесс, от постановки задачи, до передачи в разработку (Design Delivery Time)
Быстрее выпустить в прод версию MVP на рынок (Time to Market )
Растить метрику восприятия продукта пользователем, готовых рекомендовать приложение другим (Net Promoter Score)
Задачи
Минимизировать путь пользователя от выбора ресторана до подтверждения бронирования
Обеспечить высокую понятность и прозрачность процесса выбора столика
Увеличить конверсию в выбор стола через удобный и интуитивный интерфейс
Ускорить первое понимание продукта
Команда
CPO, Бизнес-аналитик, Design Lead, Frontend-разработчик, Backend-разработчик и QA
Процесс
работы
Глубинные интервью • Benchmarking • JTBD • опросы • формирование гипотез • Tech Review • User Flow • создание
UI-Kit• первый драфт визуала • ревью командой • юзабилити тестирование • доработка макетов • ревью с разработкой
Глубинные
интервью
Основная боль пользователей связана не с процессом бронирования, а с неопределённостью результата. Пользователи ожидают контроля над тем, где именно они будут сидеть, но редко решают проблему на месте, если ожидания не совпали с реальностью. Эти инсайты легли в основу ключевой продуктовой гипотезы MVP
Benchmarking
✅ Плашки предлагают подборку по типу кухни, что помогает пользователям сразу увидеть релевантные рекомендации
по своим предпочтениям
✅ У Таббар хороший UX/UI, функциональный и понятный
❌ Промо-баннер перегружен. Непонятно зачем сюда добавили логотип и иллюстариции
не по теме
❌ Поиск по локации и еде главная модификация переходов на другие страницы, выполннена мрачно и скучно
✅ Экран хорошо структурирован
- поисковая строка и фильтры находятся вверху для быстрого доступа. Это соответствует принципам мобильного UX
✅ Фокус на ключевых метриках,
выделены четко и компактно
❌ Карта в верхней части экрана содержит слишком много меток,
что создаёт визуальный шум
и может запутать пользователя
❌ Бейдж скидки на темном фоне
фото еды имеет недостаточный контраст
✅ Сразу видно ключевые данные: название, адрес, средний чек и рейтинг рядом,
это упрощает оценку места
✅ Кнопки «поделиться»
и «избранное» вверху позволяют быстро сохранить
или поделиться местом
❌ «For you, Menu, Bookable…»
не сразу понятно, что это переключаемые разделы
✅ Карточки ресторанов содержат ключевые параметры,
в одном блоке, что ускоряет сравнение и выбор без перехода в детали
❌ Тёмный фон и много красных акцентов немного утяжеляют интерфейс и могут утомлять
при долгом просмотре
❌ Несколько горизонтальных списков подряд создают риск,
что пользователь не долистает
до нижних рекомендаций
✅ Слоты времени брони вынесены в отдельную строку, бронирование «в один тап» выглядит простым и быстрым
✅ Большое фото сверху сразу погружает в атмосферу ресторана
❌ Подписи и второстепенный текст мелкие, на тёмном фоне часть информации может быть трудно читать
❌ Нижняя навигация отвлекает от основного сценария бронирования, добавляя лишние точки внимания на экране
✅ Варианты посадки оформлены отдельными блоками с кнопкой Select, легко сравнить и выбрать
❌ Всё на тёмном фоне
без визуальных акцентов, экран выглядит тяжёлым
и однообразным
❌ Кнопка Cancel спорит
с опциями выбора, есть риск случайно закрыть экран
❌ Не видно, какой вариант уже выбран или рекомендуемый, нет визуального приоритета среди опций
JTBD
Функциональная часть. Забронировать ресторан
на конкретное время и получить подходящее место
Эмоциональная часть. Чувствовать спокойствие
и уверенность, что вечер пройдёт так, как я ожидаю
Социальная часть. Выглядеть продуманно и внимательным
к деталям перед партнёром, друзьями или коллегами
Фокус не на типы пользователей, а на их реальной задаче — контроле выбора места в ресторане. Это помогло сформировать ключевую продуктовую гипотезу и определить фокус MVP.
Опрос
Как часто вы бронируете
столик в ресторане заранее?
42%
31%
8%
19%
Несколько раз в месяц
1 раз в месяц
Реже
Почти никогда
Каким способом вы обычно бронируете ресторан?
71%
18%
4%
7%
Через приложение / сайт
По телефону
Через мессенджеры
Через соцсети
Насколько для вас важно, где именно вы будете сидеть?
41%
29%
12%
18%
4 (Очень важно)
3
2
1 (Не важно)
Бывало ли, что вы были недовольны местом?
21%
46%
10%
23%
Да, часто
Иногда
Редко
Никогда
Что раздражает
при бронировании?
50%
29%
15%
6%
Не знаю, какой будет стол
Слишком много шагов
Спорный статус брони
Ничего не раздражает
В каких случаях выбор столика важен?
44%
31%
15%
10%
Свидания
Праздники
Деловые встречи
Всегда важно
Вывод: бронирование ресторанов — частый кейс для большинства пользователей, при этом ключевая боль связана с неопределённостью результата. Более 70% респондентов считают важным, где именно они будут сидеть,
а 73% положительно воспринимают возможность выбора конкретного столика
Гипотезы
Реализовать киллер-фичу — карту ресторанов. Это обеспечит рост удобства
и скорости, время выбора упадет в 3 - 6 раз, конверсия из поиска в бронь 40%. Пользователь понимает результат брони меньше сомнений «что я получу»
решение принимается быстрее
Добавить на кнопку бейдж «осталось немного свободных мест», что увеличит количество броней. Также это улучшит метрику Time to CTA Click (время клика на CTA кнопку) и TTFA (время первого действия)
Сделать парящую кнопку с формой бронирования, чтобы пользователь избегал лишних кликов, при прохождении основной воронки Это повысит CR
на переход к форме бронирования на 20%
Сделать модальное окно
с деталями бронирования и СТА кнопкой, это увеличит количество переходов
к брони, даст возможность редактировать детали брони не возвращаясь назад
Добавить тапбар, что улучшит UX,
при переключение между разделами, улучшит ориентирование внутри приложения
Добавить баннер, с сроком подписки, таймером и % скидки, она повысит долю подписчиков и возвращаемость
в приложение
Tech Review
После формирования продуктовых гипотез мы провели серию tech-review с командой разработки, чтобы проверить реализуемость ключевых сценариев и новой механики выбора столика. Обсудили архитектурные ограничения, работу с картой зала и статусами столиков, а также возможные компромиссы для MVP
UI-Kit
Mobile
320–599
Tablet
600–959
Desktop
960–larger ∞
Headline
PT Root UI Bold
40 / 44
Letter spacing -0.2%
44 / 48
Letter spacing -0.5%
64 / 68
Letter spacing -0.5%
Title 1
PT Root UI Bold
32 / 36
Letter spacing -0.2%
32 / 36
Letter spacing -0.2%
44 / 48
Letter spacing -0.5%
Title 2
PT Root UI Bold
24 / 28
28 / 32
32 / 36
Letter spacing -0.2%
Title 3
PT Root UI Bold
20 / 24
20 / 24
24 / 28
Title 4
PT Root UI Bold
18 / 20
18 / 20
20 / 24
Body Bold
PT Root UI Bold
16 / 20
16 / 20
18 / 24
Body
PT Root UI Medium
16 / 20
Paragraph spacing 12
16 / 20
Paragraph spacing 12
18 / 24
Paragraph spacing 12
Footnote
PT Root UI Medium
14 / 16
Paragraph spacing 8
14 / 16
Paragraph spacing 8
16 / 20
Paragraph spacing 8
Caption Bold
PT Root UI Bold
14 / 16
14 / 16
16 / 20
Caption
PT Root UI Medium
12 / 16
12 / 16
14 / 16
LABEL
PT Root UI Bold
12 / 12
Letter spacing 4%
12 / 12
Letter spacing 4%
14 / 16
Letter spacing 4%
Сбросить
Сбросить
Сбросить
Cancel
Cancel
Cancel
Cancel
Reset filters
Reset filters
Reset filters
Reset filters
Btn name
Btn name
Btn name
Btn name
Btn name
Btn name
Btn name
Btn name
Change details
Change details
Change details
Change details
Btn name
Btn name
Btn name
Btn name
Btn name
Btn name
Btn name
UI elements
Brand
Text
Background
Modern European, Fusion
Nordic Table
8,6
Stockholm • 0.9 km from old town
€60 average price
18:00
19:30
20:00
Typography
Color
Product card
Buttons
The control segment
Текст
Текст
Текст
Текст
Текст
Текст
Текст
Текст
Текст
Текст
User Flow
B2C и B2B: мы разделили флоу на витрину и админку, также учитывали разных роли во внутренних сервисах. Пришлось скрыть NDA информацию блюром
Визуал
Мы сделали первый драфт визуала, провели ревью с командой,
юзабилити тестирование и на основании результатов доработали макеты. В основном, визуал Seatly носит характер NDA, но покажу основные экраны
Book a table in Seatly
Paris
1
Discounts and cashback
Popular now
Best terraces
New location
Amazing view
Family dinners
Find a restaurant or a city
главная
скрол главной
Double your subscription Only 3 days
Limited offer – don’t miss it
2 days 6 hours left
In your city
More
Modern European, Fusion
Nordic Table
8,6
Stockholm • 0.9 km from old town
€60 average price
18:00
19:30
20:00
Italian
Atlantic Empire
9,3
Paris • 4.6 km from city center
€35 average price
18:00
19:30
20:00
French, Seafood
Le Petit Coquillage
8,9
Nice • 2.3 km from beach
€50 average price
18:00
19:30
20:00
Japanese, Sushi
Tokyo Dreams
7,9
Berlin • 1.1 km from city center
€45 average price
18:00
19:30
20:00
Paris — Find a restaurant
Home
Favorites
Booking
Profile
Where will you rest?
City
Restaurant
Guests
2
When
September 30th
Time
12:00
Cancel
Search
выбор параметров
детали бронирования
1 of 8
Booking details
September 30th
2 guests
12:00
Next available time
18:00
19:30
20:00
20:30
21:00
Pick a time
Cancel
Done
Вывод
Киллер-фича: Выбор конкретного столика на карте был предложен как ключевая идея продукта. Мы предположили,
что такая механика может закрыть потребность пользователей в большем контроле над результатом бронирования
Ожидаемый рост метрик: 1) CR в бронирование — когда результат брони более понятен, пользователю проще принять решение и дойти до подтверждения бронирования. 2) Step-to-Step Conversion — User flow был спроектирован так, чтобы путь к бронированию состоял из минимального количества шагов. 3)Bounce Rate – интерактивный формат с картой зала рассматривался как способ удержать внимание пользователя в листинге. За счёт вовлечения и ощущения контроля ожидалось снижение количества выходов со страницы
Еще кейсы
Muroway
Telegram Mini Apps — новый маркетплейс авторских туров
HiSushi
Учебный проект — мобильное
приложение для заказа еды, сайт
