Четыре направления для главной страницы клиентского приложения. Открой любой, чтобы посмотреть в полную ширину (mobile-first, 390px).
Карточная сетка (refined)
Текущий подход в чистом виде: 2×2 больших градиентных карточки + горизонтальный скроллер мелких сервисов + последние адреса.
Эволюция текущего 2Hero-поиск (Glovo/Uber)
Поисковая строка «Куда везём?» — центральный hero на верху. Сервисы — горизонтальные иконки-пилюли. Под ними промо-баннер и история.
Search-first 3Карта сверху (Yandex Go)
Превью карты на пол-экрана с маркером «Откуда». Внизу — выезжающая шторка с сервисами и адресами. Самый «транспортный» подход.
Map-first 4Сториз + 16:9 карточки
Сториз сверху, 4 сервиса картинками 16:9 с подписью снизу, подписка Batele+, поиск «Куда везём?», адреса, нижняя навигация.
Content-rich 5Без нижней навигации
То же, что 4-й, но без bottom nav. Профиль и уведомления — в правом верхнем углу. Контент не обрезан снизу.
No bottom navВарианты остальных публичных экранов клиентского приложения.
Главная · Активные
Секция «Активные» на главной — доставки + заказы еды вместе. 3 варианта (скроллер, список, hero-трекер). Прогресс/ETA, тип 🛵/🍽.
Home.tsx ↗Мои заказы
Два таба: 🛵 Доставки + 🍽 Заказы (еда). Внутри активные и завершённые вместе. 3 варианта вёрстки, цветной статус, A→B / ресторан+позиции.
/deliveries ↗Share delivery
Публичная страница доставки по share-токену — 5 вариантов (Yandex-style, bottom-sheet, hero, minimal, brand).
/d?t=… ↗QR-меню (BOARDING)
Публичное меню гостя по QR со столика — 4 варианта (список, сетка карточек, brand hero, минимал без фото).
/menu?orgId&branchId&resourceId ↗Заказ на посадку
Оформление анонимного заказа со столика — корзина-шторка, чекаут, brand, экран успеха + пустые состояния.
POST /menu/orderКлиентский флоу заказа еды: найти филиал → выбрать способ (самовывоз / посадка / доставка) → меню/бронь → оформление.
Выбранный флоу (на согласование)
Поток: Филиалы V1 (карта) → Меню V1 → Корзина+оформление V3 (один экран). Способ получения — инлайн (merge V2+V4). Ветка Посадка → Бронь V1. Поля выверены по client swagger.
⭐ итог · ждёт одобрения ↗Филиалы поблизости
Список ресторанов рядом — 4 варианта (карта сверху, карточки с фото, лента кухонь, минимал). Бейджи режимов получения на каждом.
GET /client/branches/nearby ↗Способ получения
Выбор Самовывоз / Посадка / Доставка — 4 варианта (большие карточки, сегмент+контекст, bottom-sheet, инлайн в чекауте).
PICKUP · DINE_IN · DELIVERY ↗Выбор столика для брони
Бронь стола для посадки — 4 варианта (план зала, список столов, сетка слотов времени, brand-визард). Дата · время · гости · зона.
POST /client/booking ↗Заказ еды (ресторан)
Карточка ресторана с меню, корзиной и оформлением — 4 варианта (hero+список, сетка+комбо, чекаут, минимал). Переключатель самовывоз/доставка.
POST /client/order