Задачи выполняла в роли UX/UI дизайнера в стартапе TapTable в 2023-2024 году.
TapTable: бронирование столиков
TapTable:
о проекте
TapTable — это двусторонний мобильный сервис, позволяющий пользователям мгновенно находить свободные места и бронировать столики в ресторанах в один клик. Платформа решает проблему долгого ожидания, звонков и сложных согласований, полностью автоматизируя процесс взаимодействия гостя и заведения.
Аналитический контекст
Согласно исследованиям рынка, более 80% людей в возрасте от 17 до 35 лет испытывают психологический дискомфорт или сознательно избегают телефонных звонков для решения бытовых задач. На этом фоне спрос на услуги онлайн-бронирования вырос на 55% (данные Beeline Analytics), что подтверждало острую необходимость рынка в быстрых цифровых альтернативах.
главная задача
На основе готовых аналитических данных спроектировать бесшовный, интуитивный интерфейс приложения с минимальным количеством шагов для бронирования, закрыть основные боли пользователей и оптимизировать структуру экранов.
моя роль и что входило в работу
UX-исследования и логика: Проработка болей и целей целевой аудитории (активных городских жителей), проектирование информационной архитектуры и путей пользователя (User Flows);
Проектирование и UI-дизайн: Создание, детализация и доработка экранов (главная страница, интерактивная карта, карточка ресторана, процесс бронирования, личный кабинет и архивы);
Поддержка дизайн-системы: Работа с гайдлайнами Apple (системные шрифты семейства SF) и внедрение чистого, минималистичного интерфейса с акцентным зеленым цветом (#59C057).
Особенности и вызовы проекта
Барьер звонков и ожидания: Пользователи часто сталкиваются с задержками и долгим ответом хостес при классическом бронировании. Интерфейс должен был обеспечивать мгновенный отклик и прозрачный статус брони.
Сложность поиска: Найти свободный стол на нужное время и состав гостей без удобных фильтров — это стресс. Требовалась гибкая система фильтрации и визуальный просмотр схемы столов прямо в приложении.
Изменение планов: Отмена или редактирование брони часто превращаются в сложный квест. Продукту был необходим раздел «Мои заказы» с возможностью быстро отменить или скорректировать параметры в пару тапов.
Как я решала задачи через UX/UI
1. Спроектировала главный экран и умный поиск (Точка входа)
Контекст: Главный экран должен помогать пользователю мгновенно сориентироваться в городе и найти заведение под конкретный запрос без блуждания по меню.
Решение:
Разработала интерфейс главного экрана, куда вывела интеллектуальную поисковую строку, выбор локации, блок «Избранное» для быстрого доступа к любимым местам и детальные фильтры по типам кухни. Также интегрировала удобный режим карты для наглядного поиска ресторанов поблизости.
2. Превратила карточку ресторана в структурированный инфо-хаб
Контекст: Карточка заведения содержала слишком много разнородной информации (меню, контакты, отзывы, бронь), которая сливалась в один нечитаемый блок.
Решение:
Полностью переработала структуру карточки. Теперь она аккуратно вмещает всю ключевую информацию: рейтинг, краткое описание, контакты и режим работы. Главное UX-решение здесь — возможность интерактивного просмотра схемы расположения столов. Пользователь видит планировку зала и понимает, какое именно место он выбирает.
3. Оптимизировала сценарий бронирования (Фокус на конверсию)
Контекст: Процесс оформления брони на черновых схемах был перегружен полями ввода, что снижало конверсию в итоговое действие.
Решение:
Максимально сжала форму заказа, сведя к минимуму количество шагов. На одном экране пользователь последовательно выбирает дату, время, продолжительность визита, количество человек, конкретный стол на схеме и при необходимости оставляет короткий комментарий для ресторана. Путь стал линейным и понятным.
4. Разработала личный кабинет и промо-механики
Контекст: Необходимо было дать пользователю контроль над его заказами и повысить Retention.
Решение:
Раздел «Мои заказы»: Спроектировала удобный хаб, где разделены текущие активные бронирования (с понятными статусами) и история прошлых визитов, а также вынесена кнопка быстрой отмены.
Промо-уведомления: Разработала логику всплывающих экранов (поп-апов), которые мягко оповещают об акциях ресторанов и оперативно обновляют статус текущей брони.
5. Систематизировала UI-kit под стандарты iOS
Контекст: Для быстрой разработки стартапу требовался легкий, масштабируемый интерфейс, соответствующий гайдлайнам Apple.
Решение:
Собрала UI-kit на компонентах в Figma. За основу взяла системные шрифты SF Pro и чистый, «воздушный» стиль, разбавленный сочным акцентным зеленым цветом. Все состояния кнопок, карточек, тегов и фильтров были строго зафиксированы.
Результат и итоги проекта
В результате работы над TapTable продуктовая команда получила полностью спроектированное
и готовое к реализации мобильное приложение с легким, не перегруженным интерфейсом.
и готовое к реализации мобильное приложение с легким, не перегруженным интерфейсом.
Что дала моя работа продукту и бизнесу:
Оптимизация пользовательского пути: За счет сокращения шагов в сценарии бронирования
и создания наглядной схемы залов удалось выстроить бесшовный User Flow, минимизирующий стресс пользователя.
и создания наглядной схемы залов удалось выстроить бесшовный User Flow, минимизирующий стресс пользователя.
Повышение продуктовых метрик: Устранение этапа обязательных телефонных звонков
и внедрение мгновенного онлайн-подтверждения заложило основу для роста конверсии сервиса.
и внедрение мгновенного онлайн-подтверждения заложило основу для роста конверсии сервиса.
Ускорение разработки: Создание системного UI-kit на базе гайдлайнов Apple позволило разработчикам быстро собирать новые экраны, сохраняя идеальную визуальную консистентность интерфейса.
