Пересобрал структуру корзины, убрал лишние шаги и сделал сервисные сборы прозрачными. Средний чек и конверсия выросли за счёт сценариев, а не маркетинга.
Системное мышление
Логика и структура
UX‑паттерны
Проработка сценариев
Работа с ограничениями бизнеса
Upsell в продукте
Редизайн корзины частью большого обновления продукта. Фокус был на самом уязвимом узле воронки — шаге перед оформлением. Корзина перестала быть «местом, где всё ломается» и превратилась в управляемый экран, который защищает бизнес-метрики и снижает когнитивную нагрузку пользователя.
Проблема
Разрыв сценария и потеря фокуса
Адрес доставки / самовывоза не отображался в шапке корзины — чтобы изменить точку, пользователю приходилось возвращаться назад. Это ломало поток, снижало темп оформления и увеличивало отток.
Удаление бьёт по выручке
Рядом с каунтером была акцентная кнопка «Удалить», которая моментально удаляла позицию. Любая неуверенность часто приводила к обнулению части заказа — суммарно это снижало средний чек и усиливало отток на этапе корзины.
Упаковка выглядела как товар
Сервисный сбор отображался такими же карточками, как еда, — это «засоряло» интерфейс и порождало ощущение навязанной доплаты. Отказаться от упаковки нельзя было, но интерфейс этого явно не проговаривал — возникало недоверие и рост обращений в поддержку.
Отсутствие объясняющих статусов и tone of voice
Интерфейс не проговаривал бизнес-правила (недоступность блюда в точке, ограничения, состав упаковки), поэтому пользователи не понимали, почему меняется итоговая сумма или почему что-то недоступно.
Ошибка каунтера роллов
Суши продаются сетами по 8 штук, но счётчик вел себя как «штучный» — пользователь видел «8» и думал, что заказывает 8 наборов. Это ломало mental model и вызывало путаницу в цене.
Гипотеза
Если
Вынести адрес/точку и ключевые условия заказа в шапку корзины;
Отделить упаковку в сервисный блок с bottom-sheet, где честно описаны типы упаковки и логика стоимости;
Перевести каунтер на модель наборов и явно показать цену «за 8 шт.»;
Заменить мгновенное удаление на двухшаговый сценарий свайпов с состоянием «Вернуть»;
Встроить управляемые допродажи (палочки, соусы, напитки, товары для дотягивания до бесплатной доставки) как отдельный блок + bottom-sheet.
То
Пользователи будут реже бросать корзину, снизятся ошибки с количеством роллов, уменьшится негатив по поводу упаковки, вырастет средний чек за счёт структурного upsell без dark patterns, а бизнес получит более предсказуемую и управляемую воронку.
Задача
Сфокусировать пользователя на завершении заказа прямо в корзине, без лишних переходов к настройкам адреса;
Сделать упаковку честной и прозрачной: объяснить, что это сервис, убрать её из списка блюд, снизить ощущение скрытой комиссии;
Снизить отток и сохранить выручку за счёт механики удаления/возврата и усиления допродаж;
Обеспечить доступность и интуитивность: читаемая иерархия, понятный TOV, предсказуемое поведение элементов.
Решение
Адрес и способ получения — прямо в корзине
Пользователь не выходит из сценария: меняет параметры, видит, как это влияет на доступность блюд и цену, и сразу возвращается к CTA оформления. Меньше оттока из‑за лишних переходов и путаницы с точками.
Новая структура карточек и логика удаления
Карточки упорядочены: название - состав - цена за набор - итог - каунтер. Моментальная кнопка «Удалить» заменена на свайп: первый свайп переводит в состояние «Вернуть», повторный — окончательное удаление. Это защищает средний чек от случайных удалений.
Упаковка как отдельный сервисный модуль
Упаковка вынесена в блок «Упаковка заказа», визуально отделена от еды и сопровождается bottom-sheet с описанием типов упаковки и обоснованием стоимости. Пользователь понимает, что это сервисная услуга, а не товар.
Исправленная логика каунтера наборов
«1» = один сет (8 шт.), «2» = два сета. В карточке явно указано «цена за 8 шт.», показывается общее количество роллов. Это устраняет путаницу и делает поведение счётчика предсказуемым.
Контекстный Upsell
Блок «Не забудьте добавить» показывает сопутствующие товары. При нажатии CTA, если корзина не дотягивает до бесплатной доставки или пользователь не добавил сопутствующие товары, появляется bottom-sheet с предложениями. CTA при этом остаётся доступной — пользователь всегда может продолжить.
Дизайн-подход
Первый шаг — развести по слоям то, что раньше было перемешано: еда, упаковка, сервисные условия. Корзина получила четкую архитектуру: товары, сервисные блоки, допродажи и финальный CTA, каждый со своей ролью и уровнем внимания пользователя.
Прозрачность вместо скрытых сборов
Сервисные сборы оформлены как отдельный модуль с понятными объяснениями.
Страхование действий, а не наказание
Двухшаговое удаление и явные микростейты дают простор для передумать и снижают ошибки.
Нативный Upsell
Предложения организованы как помощь пользователю (функциональный upsell), а не как навязчивая реклама.
Продуктовый масштаб
Решения учитывают разные точки, меню и бизнес-ограничения; паттерны легко масштабируются.
Детали реализации
Пересобрал архитектуру корзины на четыре блока: товары, сервис (упаковка и доставка), допродажи, финальный CTA — каждый со своей ролью и приоритетом;
Описал сценарии для ключевых веток: смена адреса и точки, недоступность позиций по адресу, дотягивание до бесплатной доставки, первый/повторный заказ;
Спроектировал паттерны взаимодействия: свайпы для удаления с промежуточным состоянием, bottom‑sheet для упаковки и допродаж, фиксированная зона с CTA;
Зафиксировал бизнес‑правила в интерфейсе: платная упаковка как обязательный сервисный сбор, наборы по 8 роллов как базовая единица каунтера;
Подготовил дизайн‑спецификацию для разработки: состояния карточек, формулы пересчёта количества и суммы, логику появления bottom‑sheet и текстовые сценарии;
Пересобрал визуальный слой под новую дизайн-систему и UI-гайды.
Оценочные результаты
Отток на экране корзины: −10–20% за счёт сокращения лишних шагов;
Средний чек: +5–12% за счёт структурных допродаж (палочки, соусы, позиции до порога бесплатной доставки) и уменьшения доли случайных удалений;
Время прохождения корзины до кнопки «Оформить»: сокращение на 15–20% за счёт устранения лишних шагов и понятной структуры блоков.
Редизайн корзины решил сразу несколько застарелых проблем: неочевидную упаковку, путаницу с количеством, разрывы сценария и болезненное удаление позиций.
Корзина стала самостоятельным, понятным шагом: пользователь видит весь контекст заказа, честный сервисный сбор, наборы роллов и мягкие допродажи, а бизнес — более прогнозируемый чек и меньше оттока в самый важный момент.
