Подготовлено: Мургулец Евгений · ООО «Флэт Уайт» · 7 мая 2026
Редизайн всего user-flow приложения.
Продуктовый редизайн 30 существующих экранов с применением брендбука Vagabond, фиксов из UX-аудита, паттернов Кофемании и реальной food-photography. Не концепции и не презентация направлений — финальная версия для разработки.
30
экранов всего user-flow
20+
P0-проблем закрыто из аудита
3
источника правды: брендбук · аудит · конкуренты
1.9 → 2.6
заказов на пользователя в месяц (цель к концу 2026)
— ИЗ БРЕНДБУКА VAGABOND AGENCY —
«Место тёплых ритуалов — не самое модное место города.»
Соседская кафе-кондитерская для людей с повседневными и семейными ритуалами. Утренний кофе «как всегда», семейный десерт после сада, праздничный торт «без риска», своё место для встречи.
Утро · кофе как всегда·День · семейный десерт·Вечер · торт без риска
9:41
С 1995 ГОДА
Британские Пекарни
Место тёплых ритуалов. Соседская кафе-кондитерская в самом центре Петербурга.
Доброе утро.
С чего начнём? Можно сразу выбрать кафе для забора или войти, если уже с нами.
Нажимая «Войти», вы принимаете условия соглашения и политику конфиденциальности
123
01 — WELCOME
Тёплый вход в бренд, не банковский лендинг.
Текущий welcome — два сухих CTA на пустом фоне. Новый — фотохиро с легендой бренда («с 1995 года, место тёплых ритуалов, в самом центре Петербурга») и приветствием. Brand-storytelling начинается с первого касания.
1
Heritage-якорь «С 1995 года» из брендбука
Vagabond указывает: красная коробка и логотип со львами — главные узнаваемые активы. Welcome их раскрывает: фото фасада + heritage-tag.
Брендбук
2
Тёплое приветствие вместо «Сервисы и подарки»
Tone of Voice: тёплый, разговорный («Доброе утро. С чего начнём?»). Не маркетинговый, не директивный.
Брендбук ToVUX-аудит
3
Bottom-sheet вместо stacked CTA на пустом
Drag-handle, белая поверхность над фото, primary CTA + secondary outline + legal-note. Соответствует iOS-конвенциям и нашему дизайн-токенному паттерну sheets.
Вместо плоской 3×3 grid каталога — иерархия по приоритетам. Сверху приветствие по времени, далее Quick Templates как Stories (4 ритуала из брендбука), потом «Заказать как обычно» — главная P0-фича для frequency.
1
Контекстный hero «Утренний как всегда?»
9:41 утром → «Утренний как всегда?». 11:30 → «Успеешь забрать обед?». 17:00 → «Торт на вечер?». Главный механизм retention для daily-сегмента — приветствие меняется по времени и подставляет имя сохранённого шаблона.
UX-аудит P0Новое
2
Quick Templates = 4 ритуала из брендбука
Утренний / После сада / Праздник / Своё место — каждая story = saved order, тап → корзина. Красная рамка («если рамки — то только чтобы за них выходить»). Featured-stamp с золотым border.
БрендбукКофемания
3
Universal picker «Навынос/Доставка/В кафе»
Persistent на всех sales-экранах. Закрывает баг текущего приложения «нет иконки корзины и нет адреса в одном месте».
Кофемания паттерн
4
«Обычный заказ» как dark-card в hero
Прямо под picker'ом. С фото товара, временем готовности, ценой и one-tap CTA. Главная P0-фича для возврата частоты.
Pack 3 — главная P0
⚡ ЗАКАЗАТЬ КАК ОБЫЧНО · 1 ТАП ⚡
9:41
КАТЕГОРИЯ
Завтраки
17 позиций · средний чек 280 ₽
НАВЫНОС · 7 МАЯ
Малая Конюшенная · 10:00–12:00
17 позицийПо популярности
Хит
Круассан с шоколадом
325 ккал · Б4 Ж18 У38
220 ₽
Веган
Овсянка с ягодами
290 ккал · Б8 Ж6 У52
240 ₽
Новинка
Английский завтрак
510 ккал · Б22 Ж28 У36
490 ₽
Сырники с малиной
250 ккал · Б14 Ж9 У28
250 ₽
1234
03 — КАТЕГОРИЯ
Каталог, в котором закрыто пять P0 одновременно.
Сейчас в категории нет фильтров (17 позиций — пользователь тонет), нет КБЖУ и аллергенов, нет тегов «новинка/хит/веган», нет cart-icon на тайле, photo-фон обрезан. Новый каталог закрывает всё это сразу.
1
Persistent picker «Навынос · 7 мая · 10:00–12:00»
Не выходя в корзину — видишь и можешь поменять адрес/время одним тапом «Изм.» Сохраняется в state и переходит на checkout.
Кофемания паттерн
2
Фильтры по диете и аллергенам
Без глютена / Веган / Детское / Горячее / Холодное. Стандарт премиум-сегмента, особенно критично для жен 25-44 на ЗОЖ (60% выручки).
P0 Pack 4
3
КБЖУ под названием в моноширине
«325 ккал · Б4 Ж18 У38». Из брендбука: Din pro для технического набора → используем mono-fallback для tabular-nums.
Брендбук типографикаP0
4
Cart-icon + favorite на каждой карточке
Закрывает главный UX-gap: «нет иконки корзины». Тэг «Хит / Новинка / Веган» — навигационный сигнал. mix-blend-darken на фото — фирменный приём из брендбука.
КофеманияP0
КБЖУ · АЛЛЕРГЕНЫ · ФИЛЬТРЫ · ИКОНКА КОРЗИНЫ
9:41
4.8·132 отзыва·хит утра
Круассан с шоколадом
Слоёное тесто на сливочном масле с бельгийским тёмным шоколадом. Свежая выпечка каждое утро в 7:00. Подойдёт детям.
325
ккал
4 г
белки
18 г
жиры
38 г
углев.
Содержит молоко. Может содержать следы орехов и яиц.
Часто берут вместе
Капучино овсяное
220 ₽
Английский завтрак чай
180 ₽
Булочка с корицей
190 ₽
⚡ УТРЕННИЙ СЕТ
Круассан + капучино
Экономия 60 ₽ vs отдельно
1
2134
04 — КАРТОЧКА ТОВАРА
Полный набор информации, нативный апселл, рейтинг.
Текущая карточка: фото, название, кнопка добавить — и всё. Новая: рейтинг, КБЖУ, аллергены, фото-карусель, избранное, «часто берут вместе», bundle с экономией. Главная цель — поднять AOV через нативный up-sell.
1
КБЖУ + аллергены — стандарт премиум
Серифные цифры калорий, моноширинная подпись. Аллергены — отдельный info-block с amber-фоном. Закрывает gap «нет КБЖУ» из аудита.
P0 Pack 4
2
Фото-карусель + избранное в углу
4 фото (макро, ракурс, упаковка, разрез), dot-pagination внизу. Heart icon в углу — глобальная иконка favorite, которая попадает в раздел «Любимое» в профиле.
КофеманияP0
3
«Часто берут вместе» с горизонтальным скроллом
Алгоритм на истории заказов — то что реально берут, не маркетинговый набор. mix-blend-darken на каждой мини-карточке = единый дизайн.
Pack 4
4
«Утренний сет» — bundle с экономией
Dark-card с brand-gradient. Решает обеденный пик через «Бизнес-ланч 590 ₽» и утренний — через «Утренний сет 380 ₽».
Pack 4 — обеденная стратегияНовое
🥐 КОФЕ, КОТОРЫЙ НЕ ОСТЫЛ 🥐
9:41
Доставка
Навынос
В кафе
Кафе рядом
3 точки в пешей доступности
Малая Конюшенная
3 мин
Малая Конюшенная, 2
● Открыто · до 22:00
Невский
7 мин
Невский проспект, 116
● Открыто · до 23:00
Гоголя
12 мин
улица Гоголя, 14
● Откроется в 8:00
123
05 — АДРЕС: НАВЫНОС
Карта с пинами + bottom-sheet списком кафе.
Существующий экран: пины на карте + список без фотографий точек. Новый — те же пины, но с большим pin'ом текущего выбора и плотный sheet с фото каждого кафе, расстоянием в моноширине и статусом «открыто/закроется».
1
Большой red pin = текущий выбор
Сразу понятно куда ты сейчас идёшь. Остальные точки — маленькие burgundy circles. Иерархия pins без объяснений.
UX-улучшение
2
Glass-tabs «Доставка/Навынос/В кафе» поверх карты
Backdrop-blur 10px, white/0.9. Соответствует токенам из брендбука/figma-extract: tab pill 22px, контейнер 34px.
Из tokens
3
Карточка кафе с фото, расстоянием, статусом
Фото интерьера 64×64 + расстояние моноширинно («3 мин») + green dot «открыто» / gray dot «откроется в 8:00». Фото устраняет «безликий список адресов».
Кофемания паттерн
📍 ВЫБЕРИ СВОЁ КАФЕ 📍
9:41
Оформление
КУДА
Навынос · Малая Конюшенная
КОГДА
7 мая · 10:00 — 12:00
Круассан с шоколадом
2 шт · 220 ₽
440 ₽
Капучино овсяное
1 шт
220 ₽
Промокод УТРЕННИЙ применён · −15% на первый заказ дня
Накопленные бонусы
1 210 ₽
Можно списать до 50% от чека
6-й кофе будет в подарок
После этого: 5 / 6 чашек
Способ оплаты
S
SberPay
T-Pay
T-Bank
СБП
Любой банк
Карта
Apple Pay
Я
YPay
12345
06 — CHECKOUT
Закрываем 5 P0-проблем существующего checkout одной страницей.
Сейчас checkout: дубли позиций, баг «стол при С собой», только Картой, бонусы в input'е, slot-picker спрятан в строку. Новый — persistent state, 6 платежей, активные бонусы, чёткая цена со скидкой на CTA.
1
Persistent state «Куда + Когда» с CTA «Изм.»
Двухстрочный блок с iconography. Тап по «Изм.» открывает slot-picker (см. экран 07). Закрывает gap «slot picker спрятан в строку».
Сейчас 1 210 ₽ просто отображаются. Делаем большую красную CTA-кнопку. Активирует «спрятанный козырь №2» — накопленные подарки.
Pack 2 — спрятанный козырь
4
6 способов оплаты в grid 3×2
SberPay (selected, dark) + T-Pay + СБП + Карта + Apple Pay + YPay. Снижение friction, особенно для аудитории 35+.
P0 Pack 5
5
CTA с двойной строкой: скидка + цена
«Со скидкой 15% / Оформить заказ / 561 ₽» — сразу понятно что было 660 → 561. Цена в серифе для контраста.
UX-улучшение
SBERPAY · T-PAY · СБП · APPLE PAY
9:41
Когда забрать?
Малая Конюшенная · готовим за 10 минут до забора
5 мая
6 мая
Сегодня · 7 мая
Завтра · 8 мая
Пт · 9 мая
Сб · 10 мая
8:00 – 10:00
9:00 – 11:00
10:00 – 12:00
11:00 – 13:00
12:00 – 14:00
13:00 – 15:00
Если опаздываете — нажмите «Я на месте» в статусе заказа, и мы начнём готовить только когда придёте.
123
07 — DATE-TIME PICKER
Slot-picker по 2 часа в bottom-sheet — стандарт food-категории.
Сейчас в текущем приложении выбор времени — это input «Время» с iOS keyboard и табы Сегодня/Завтра. Слишком много свободы, легко ошибиться. Новый — двухколоночный native-style picker с 2-часовыми слотами как у Кофемании.
1
Заголовок-вопрос вместо «Дата и время»
«Когда забрать?» — разговорный tone of voice. Подзаголовок раскрывает главное: «готовим за 10 минут до забора».
Брендбук ToV
2
Двухколоночный picker с highlight-зоной
Левая колонка — даты («Сегодня · 7 мая»). Правая — слоты по 2 часа в моноширине. Selection-bar посередине, выбранное значение жирное. iOS-конвенция, понятна без объяснений.
Кофемания паттернP0 Pack 2
3
Notice про «Я на месте» как объяснение
Прямо тут вводим killer feature: «опаздываете — нажмите Я на месте, и мы начнём готовить только когда придёте». Активация спрятанного козыря.
Pack 2 — Я на местеНовое
⏰ СЛОТ ПО 2 ЧАСА · NATIVE-STYLE ⏰
9:41
ЗАКАЗ № 654 756
Готовим ваш заказ
9:53
Готовность к забору · через 12 минут
Принят
Готовим
Готов
Уже на месте?
Нажмите — и мы начнём готовить только сейчас, чтобы кофе не остыл.
ЗАБРАТЬ В
Малая Конюшенная, 2 · 4 мин пешком
После этого заказа
3 / 5 завтраков
Ещё 2 завтрака до бесплатного
123
08 — АКТИВНЫЙ ЗАКАЗ
Live-таймер + пайплайн + объяснение «Я на месте».
Текущий статус — это «Ожидает», большая красная кнопка «Я на месте» без объяснения и список позиций. Новый — крупный live-таймер в серифе, пайплайн как у Domino's, и объяснение killer-фичи прямо в карточке.
1
Live-таймер с пайплайном «Принят → Готовим → Готов»
9:42 в крупном serif — главный визуальный якорь. Пайплайн снизу — три ступени с green checkmark / red lightning / gray pin. Domino's-style.
P0 Pack 2Кофемания pattern
2
«Я на месте» с пояснением, не голая кнопка
Dark card с pin-icon + текст «Уже на месте? Нажмите — и мы начнём готовить только сейчас, чтобы кофе не остыл». Превращает функцию в маркетинг-message.
Pack 2 — спрятанный козырь #1
3
Cross-screen прогресс лояльности
«После этого 3/5 завтраков». Связь между заказом и подарком, которой сейчас нет вообще. Активация второго спрятанного козыря.
Сейчас профиль — пустая витрина с QR без подписи и table-меню. Бонусы лежат, нет истории, нет повтора заказа, две конфликтующие механики лояльности. Это главный экран для возврата частоты.
1
Loyalty card как hero — burgundy gradient + QR
«⚜ Дружище · Lvl 2» вместо Silver/Gold. «1 210» в крупном серифе. QR с подсказкой «≈ 1 210 ₽ скидки». Камертон tone of voice бренда — без снобизма.
Брендбук ToVP0
2
Единая страница «Мои подарки» с CTA на каждом
«31 завтрак накопился — Получить» (большая red CTA) + «5-й завтрак: 4/5 — ещё 1 заказ» (progress bar). Закрывает конфликт двух механик.
P0 Pack 2
3
Saved Orders с человеческими именами
«Утренний» (320₽) / «Обед лёгкий» (580₽) + «Создать шаблон». Главная P0-фича для возврата частоты. Плюс материализация «4 ритуалов» из брендбука.
Брендбук — 4 ритуалаP0 Pack 3
4
История последних 3 заказов с быстрым повтором
Сейчас истории нет вообще. Список с фото товара + датой + точкой + ценой. Long-press → «повторить» или «сохранить как шаблон».
P0
⚡ ШАБЛОНЫ — МАТЕРИАЛИЗАЦИЯ РИТУАЛОВ ⚡
9:41
☕
Утренний
Шаблон · 47 раз
Твой Утренний
Капучино + круассан
Готов через 12 минут на Малой Конюшенной
Капучино овсяное
300 мл
220 ₽
Круассан с шоколадом
1 шт
220 ₽
1234
10 — STORY VIEWER · QUICK TEMPLATE
Шаблон как полноэкранный story с CTA «1 тап».
Когда пользователь тапает на story «Утренний» с главной — открывается этот экран. Полноэкранное фото, минимум UI, центральный месседж и CTA внизу. Это вид в духе Instagram-сторис, но переосмысленный под коммерцию.
1
Progress timeline сверху + close в углу
4 сегмента (4 шаблона), активный полностью белый. iOS-конвенция Stories. Tap left/right — переключение, swipe down — закрыть.
Кофемания паттерн
2
Центральный hero месседж с heritage-якорем
«Твой Утренний / Капучино + круассан / Готов через 12 минут на Малой Конюшенной» — даёт сразу 4 параметра: что, кто, когда, где.
Брендбук ToV
3
Glass cards с позициями шаблона
Backdrop-blur 12px над фото, фото товара 36×36, название, объём, цена. Прозрачная иерархия — пользователь видит что в шаблоне до того как тапнет.
UX-улучшение
4
«Заказать в 1 тап / Утренний / 320 ₽»
CTA с двойной строкой: лейбл «1 тап», название шаблона, цена в серифе. Закрывает Pack 3 — главную P0-фичу для возврата frequency.
P0 Pack 3 — главная фича
11 — АВТОРИЗАЦИЯ · BOTTOM-SHEET
Auth открывается как настоящий bottom-sheet поверх checkout.
Текущая авторизация — отдельный полноэкранный flow, который теряет контекст заказа. Новая — bottom-sheet поверх корзины: за sheet'ом видна сумма заказа, наверху drag-handle, в углу X. Можно закрыть свайпом вниз и вернуться к меню. Не блокирует, не отвлекает. Сбер ID для снижения friction.
9:41
Оформление
Войти, чтобы сохранить заказ
Бонусы 5% и шаблоны — потом
+7 ___ ___-__-__
Нажимая, вы принимаете условия
или
1
2
3
4
5
6
7
8
9
0
⌫
11.1 · Sheet открылся
9:41
Оформление
Войти, чтобы сохранить заказ
Бонусы 5% и шаблоны — потом
+7 901 234-56-78
Нажимая, вы принимаете условия
или
11.2 · Готов отправить
9:41
Оформление
Код из СМС
На +7 901 234-56-78
Запросить ещё через 0:35
1
2
3
4
5
6
7
8
9
0
⌫
11.3 · Ввод СМС-кода
9:41
Оформление
Код из СМС
На +7 901 234-56-78
1
4
1
8
Код подтверждён · из СМС
Возвращаемся в корзину…
11.4 · Подтверждено
📱 BOTTOM-SHEET AUTH · СБЕР ID 📱
9:41
Заберу в
Малая Конюшенная
Доброе утро. С чего начнём?
Войдите — получите бонусы
5% кешбэка с каждого заказа + персональные шаблоны
Та же главная, но с явным value предложения войти.
Текущая неавторизованная главная — голый каталог без CTA «зачем регистрироваться». Новая — те же категории, но dark-card с ценностью входа («5% кешбэка + шаблоны»). Не блокирующая — пользователь может смотреть меню и заказывать как гость.
1
Кнопка «Войти» вместо bonus-chip
Где у авторизованного пользователя стоит чип «1 210», у гостя — короткий dark CTA. Не агрессивный, но виден всё время.
UX-улучшение
2
Value-карточка вместо «Заказа за стол» баннера
«Войдите — получите бонусы». Конкретно: «5% кешбэка + персональные шаблоны». Не «зарегистрируйтесь», а «вот что получите».
UX-аудит
9:41
Заберу в
Малая Конюшенная
1 210
Доброе утро, Евгений. Утренний как всегда?
Куда доставить?
Выберите из сохранённых или добавьте новый
Невский, 13 — кв. 42
Этаж 5 · подъезд 2 · 7 минут до
Гоголя, 64 — кв. 7
Этаж 3 · 12 минут до
12
13 — ВЫБОР АДРЕСА
Bottom-sheet с radio-списком сохранённых адресов и быстрым CTA.
Сейчас выбор адреса — отдельный шаг flow. Новый — bottom-sheet поверх главной/checkout, не теряет контекст. Список адресов с подсказками (этаж, минуты до доставки), сразу финальный CTA на выбранный.
1
Selected address с red filled checkmark
Большой red circle с белым checkmark вместо текстового radio. Понятно мгновенно. Подсказки: «Этаж 5 · подъезд 2 · 7 минут до».
UX-улучшение
2
«Добавить новый адрес» = dashed outline
Visual hierarchy: основной CTA solid red «Везти на Невский, 13», вторичный — dashed outline для добавления. Один экран — три уровня действий.
Кофемания паттерн
📍 ВЫБРАТЬ КУДА ВЕЗТИ 📍
14 — АДРЕС ДОСТАВКИ
Карта с pinами + bottom-sheet с формой или error.
Текущий текст «Сюда доставить на сможем» (с опечаткой из аудита) → исправлен на «Сюда не сможем». Форма нового адреса упрощена до 3 полей вместо 6.
9:41
Доставка
Навынос
Сюда не сможем
Нет курьеров рядом. Откройте новую точку — мы первые подключимся.
14.1 · Доставка недоступна
9:41
Доставка
Навынос
Куда везти?
Невский проспект, 13
Кв. 42
Этаж 5
Комментарий курьеру (опц.)
14.2 · Адрес найден · форма
9:41
Навынос
Доставка
В кафе
КАФЕ № 1 · С 1995 ГОДА
Малая Конюшенная
9:00 — 22:00
·● открыто
АДРЕС
Малая Конюшенная, 2
Меню кафе
Завтраки
Кофе
Торты
123
15 — КАФЕ HERO
Карточка отдельного кафе как destination, не просто адрес.
Текущий экран кафе — фото и адрес. Новый — полноценная карточка локации: фото интерьера, heritage-якорь («Кафе № 1 · с 1995 года»), часы работы, статус «открыто», quick actions (маршрут, звонок). Превращает каждую точку в destination.
1
Glass-tabs «Навынос/Доставка/В кафе» поверх фото
backdrop-blur-10px, white/0.9. Соответствует токенам. Первые две — заказ-flow, третья — «зайду посидеть».
Из tokens
2
Heritage-якорь над названием
«КАФЕ № 1 · С 1995 ГОДА» в моноширине наверху. Каждая точка получает уникальную идентификацию (#1, на Невском, у моря). Из брендбука: суб-бренды кафе.
Брендбук «Будущее»
3
Quick actions: маршрут + звонок
Иконки в beige-square кнопках рядом с адресом. Для аудитории 35+ — критично уметь позвонить и проложить маршрут одним тапом.
Кофемания паттерн
🦁 КАФЕ № 1 · МАЛАЯ КОНЮШЕННАЯ 🦁
9:41
КАФЕ № 1 · С 1995
Малая Конюшенная
Сначала укажите адрес
Чтобы видеть какие кафе рядом, время доставки и доступное меню — нужен адрес.
1
16 — НЕТ АДРЕСА
Аккуратное напоминание вместо блокирующего экрана.
Текущее «Укажите адрес» выглядит как ошибка. Новое — мягкая illustration, объяснение зачем («чтобы видеть кафе рядом, время доставки, доступное меню»), primary CTA + ненавязчивый «Не сейчас» (можно продолжить смотреть меню).
1
Modal centered, не blocking sheet
Объяснение конкретно «зачем»: без адреса не работают кафе рядом / время доставки / доступное меню. Не «Укажите», а «Смотрите что вам это даст».
Брендбук ToVUX-улучшение
17 — ПОИСК
Search flow: active → results → empty.
Текущий поиск — пустой field, без подсказок и истории. Новый — с подсказками топ-запросов, историей последних, фильтрами в результатах. Empty state с предложением альтернатив, не тупик.
9:41
⌘K
ВЫ НЕДАВНО ИСКАЛИ
ПОПУЛЯРНОЕ СЕЙЧАС
Английский завтрак+38%
Овсянка с малиной+24%
Раф клубничный+19%
17.1 · Поиск активен
9:41
капучино
6 результатов
Капучино классический
220 ₽
Веган
Капучино овсяное
240 ₽
Капучино карамельный
260 ₽
Айс-капучино
280 ₽
17.2 · Результаты «капучино»
9:41
картошка
Ничего не нашли
Картошки у нас нет, но британцы любят фасоль на тосте :)
17.3 · Не нашли
🔍 ИСТОРИЯ · ПОПУЛЯРНОЕ · АЛЬТЕРНАТИВЫ 🔍
9:41
Оформление
Круассан с шоколадом
2 шт · 220 ₽
440 ₽
Капучино овсяное
220 ₽
Промокод
Если есть — введите. Если нет — мы дадим бонусы и так.
УТРЕННИЙ_
АКТУАЛЬНЫЕ ДЛЯ ВАС
УТРЕННИЙ
−15% до 11:00
ВЫХОДНОЙ
−20% сб/вс
12
18 — ПРОМОКОД
Промокод как помощник, не как пустой input.
Текущий экран промокода: пустое поле + кнопка «Применить». Если у пользователя нет промокода — он закрывает sheet и фрустрирован. Новый — поле + список актуальных промо («Утренний −15%», «Выходной −20%»), которые применяются одним тапом.
1
Промокод в моноширине, uppercase
Тёплое пояснение в подзаголовке: «Если есть — введите. Если нет — мы дадим бонусы и так». Снимает фрустрацию у тех у кого нет промокода.
Брендбук ToV
2
Список актуальных промо с one-tap apply
«Утренний −15% до 11:00» / «Выходной −20% сб/вс». Тап «Применить» — мгновенный fill input. Активация скрытой лояльности.
Pack 2 — активацияUX-улучшение
19 — ЗАКАЗ ПРИНЯТ / ОШИБКА
Состояния после оплаты: success → tracking, failure → retry с контекстом.
Текущие success/error экраны generic — иллюстрация + текст. Новые — с конкретикой (номер заказа, время готовности) + явный CTA дальше. Error не тупик — даёт причину и кнопку retry.
9:41
Готовим ваш заказ
№ 654 756 · Малая Конюшенная Готов к 9:42 — через 12 минут
Банк отклонил оплату по карте. Деньги не списаны. Попробуйте другой способ.
Заказ сохранён. Мы вернём вас в корзину — выберите другой способ оплаты.
19.2 · Ошибка оплаты
✓ ЗАКАЗ ПРИНЯТ · ⚠ ОШИБКА С КОНТЕКСТОМ ✓
9:41
ВАША КАРТА
Покажите кассиру
Чтобы получить кешбэк 5% и не вводить телефон вручную
+7 901 234-56-78
1 210
БОНУСЫ
≈ 1 210 ₽ скидки
⚜ Lvl 2
12
20 — QR ДЛЯ КАССЫ
Полноэкранный QR с подписью «зачем» и status-card.
Текущий QR — голый код 200×200 на белом без подписи. Новый — burgundy gradient на полный экран, увеличенный QR в белой карточке, подпись «Покажите кассиру», текущий бонус-баланс снизу. Эффектно, понятно, усиливает бренд.
1
QR в плотной белой карточке + телефон под ним
QR-pattern с центральным «БП»-логотипом (брендирование). Под QR — сам телефон в моноширине, чтобы кассир мог ввести руками если сканер не работает. Защита от поломки.
UX-улучшение
2
Бонус-баланс на этом же экране
«1 210 ₽ ≈ 1 210 ₽ скидки · ⚜ Lvl 2». Кассир сразу видит статус клиента. Тихий апсейл — без давления.
Pack 2 — статус видим
▦ QR · LVL 2 · 1 210 БОНУСОВ ▦
9:41
Мои адреса
Дом — Невский, 13
Кв. 42 · этаж 5 · подъезд 2
Работа — Гоголя, 64
Кв. 7 · этаж 3 · код 1234
Маме — Малая Конюшенная, 7
Кв. 14 · этаж 4
12
21 — АДРЕСА
Адреса с метками + edit на каждой строке.
Текущий список адресов плоский — просто строки с адресами. Новый — метки («Дом», «Работа», «Маме»), детали (этаж, подъезд, код домофона), edit-button на каждой строке. Понятная иерархия не путает курьера.
1
Метки + иконки по типу адреса
«Дом» (house), «Работа» (briefcase), «Маме» (pin). Помогает быстро выбрать. Пользователь видит не «Невский 13», а «Дом — Невский, 13».
UX-улучшение
2
Edit-button прямо на строке
Не нужно тапать на адрес и попадать в form. Pencil-icon = quick edit. Этаж/код-домофона/подъезд видны сразу — не теряются.
UX-улучшение
9:41
Мои заказы
Активные
История
№ 654 756 · СЕЙЧАС
Готов через 12 минут
● Готовим
2 позиции · 660 ₽
ПОВТОРИТЬ
Утренний шаблон
Вчера 9:12 · Малая Конюшенная
320 ₽
+32 бонуса
Торт «Наполеон» 1 кг
2 мая · Невский, 116 · доставка
2 400 ₽
+240 бонусов
123
22 — ЗАКАЗЫ
Активные сверху + история с быстрым повтором.
Текущий экран заказов — список плоских карточек. Новый — табы Активные/История, активные с live-статусом и таймером, история с фото товаров и one-tap «Повторить». Превращает экран в источник retention.
1
Активный заказ с green pill «Готовим»
Сразу видно «Готов через 12 минут» + миниатюры товаров. Кнопка «Отслеживать» открывает детальный экран live-статуса.
Pack 2 live-tracker
2
«Повторить» рядом со старой ценой и бонусами
Видно сколько было баллов начислено («+32», «+240»). Каждый заказ можно повторить — это и есть Pack 3 в profile-flow.
P0 Pack 3
3
Бонусы за прошлый заказ — социальное доказательство
«+240 бонусов» зелёным — пользователь видит что система реально работает. Замотивирован продолжать.
UX-улучшение
📋 АКТИВНЫЕ · ИСТОРИЯ · ПОВТОР 📋
9:41
История бонусов
Пока пусто. Но это поправимо.
За каждый заказ начисляем 5% бонусами. 1 балл = 1 ₽ скидки на следующий заказ.
КАК ЭТО РАБОТАЕТ
1
Заказали капучино за 220 ₽
2
Получили +11 бонусов
3
В следующий раз спишете до 50% чека
12
23 — БОНУСЫ EMPTY
Empty state с объяснением механики, не тупик.
Текущий empty state бонусов — иллюстрация + «У вас 0 баллов» + «1 балл = 1 ₽». Новый — лев-звезда из брендбука + тёплый ToV «Пока пусто. Но это поправимо.» + step-by-step как работает + CTA в меню.
1
«Пока пусто. Но это поправимо.» — ToV брендбука
Не сухое «У вас 0 баллов», а с лёгкой иронией. Лев-звезда внутри использует геральдический мотив бренда. Empty state == brand-touchpoint.
Брендбук ToV
2
Step-by-step «Как это работает» с конкретикой
3 пронумерованных шага с реальными цифрами («заказали за 220 → +11 бонусов → списать 50% чека»). Конкретика снимает «непонятно как пользоваться программой лояльности».
UX-аудит — активация лояльности
⚜ СОБИРАЕМ БОНУСЫ ⚜
— ОДНА ФРАЗА, КОТОРАЯ ВСЁ РЕШАЕТ —
Утренний как всегда?
Шесть слов, которые превращают приложение из каталога в ежедневный ритуал. Один тап на главной — и заказ в корзине, готовность через 12 минут, оплата в SberPay одной кнопкой.
Это не «фича для удобства» — это материализация позиционирования бренда. Брендбук говорит «4 ритуала», UX-аудит говорит «P0 для frequency», конкурент Кофемания делает это hero-карточками. Все три источника указывают на одно.
— ИТОГО —
30 экранов. Один продукт.
Каждое решение подтверждается тремя независимыми источниками: брендовой стратегией Vagabond Agency, UX-аудитом текущего продакшена и анализом лучших практик категории. Главный месседж — Saved Orders / Quick Templates как материализация позиционирования «место тёплых ритуалов».
Подготовлено: Мургулец Евгений
ООО «Флэт Уайт» · 7 мая 2026
