--------------- ------------------ -------------
Усилил выручку на уровне одной карточки
Помог продукту превратить карточку товара в продающую витрину: усилил визуальный контент, структуру информации и сценарии Upsell. Карточка начала работать на средний чек, доверие и повторные покупки.
Системное мышление
Логика и структура
Проработка сценариев
Юнит-экономика
Ux-паттерны
Upsell в продукте
Карточка рассматривалась не как статичный экран с описанием, а как ключевой шаг в воронке между интересом и добавлением в заказ. Задача заключалась в том, чтобы снять неопределённость, усилить эмоциональное восприятие продукта и встроить механики допродаж — так, чтобы карточка одновременно помогала пользователю сделать осознанный выбор и работала на бизнес-метрики: конверсию в добавление, средний чек и повторные покупки.
Проблема
Карточка не продавала
Было одно фото, название, количество и граммовка. Пользователь не понимал, чем именно хороша позиция, и не получал эмоционального «хочу».
Состав набора
Cостав прятался в тексте, нельзя было быстро понять, какие роллы внутри и можно ли заказать их по отдельности.Это препятствовало доп-продажам и вызывало трения и сомнения.
БЖУ только «на 100 г»
Информация была доступна только в пересчёте на 100 г и находилась глубоко в карточке. Пользователь либо считал вручную, либо заказывал вслепую.
Отсутствие модификаторов
Нельзя было убрать или добавить ингредиенты. Продуктовая линейка включает пиццу, воки и другие позиции, где кастомизация — ожидаемый стандарт. Снижение лояльности и упущенные продажи на платных добавках.
Нет контекстных upsell-ов
Никаких допродаж, только один сценарий — «добавить и выйти», без мягкого cross-sell и без фокуса на маржинальные позиции.
Гипотеза
Если
  • Превратить карточку в визуальную витрину с крупным фото или видео и продающим описанием;
  • Сделать состав набора и БЖУ прозрачными и легко считываемыми;
  • Дать пользователю контроль над составом блюда через модификаторы;
  • Встроить мягкий upsell прямо в карточку, не ломая базовый паттерн приложения.
То
  • Вырастет конверсия карточки в добавление в корзину;
  • Увеличится средний чек за счёт допродаж и платных модификаторов;
  • Снизится количество недовольства по составу и ожиданиям от блюда;
  • Вырастет доверие и лояльность к бренду.
Задача
  • Сделать карточку товара витриной позиции, которая продаёт глазами и текстом;
  • Упростить путь от интереса к добавлению в заказ: меньше шагов, больше ясности;
  • Обеспечить прозрачность по составу, аллергенам и БЖУ, убрать необходимость считать и додумывать;
  • Встроить модификаторы и допродажи в единый сценарий без нарушения паттернов приложения.
Решение
Визуальный слой карточки
Для популярных и маржинальных позиций введены видео‑карточки: короткие ролики, которые показывают продукт крупно, с акцентом на текстуру и подачу. Для остальных позиций применяется единый стандарт фото, чтобы сохранить предсказуемость паттерна и снизить стоимость контента.
Маркетинговый текст и продающее описание
Добавлен компактный маркетинговый блок: понятное описание, которое объясняет, что за позиция, чем она отличается и для какого сценария подходит. Текст сфокусирован на выгоде и вкусе, а не на сухом перечислении ингредиентов.
Модуль «Состав набора»
Каждый элемент состава — мини-карточка с фото, названием и deep-link в его карточку. Возможность «вынести» позицию из сета и добавить её отдельно — прямой канал для доп-продаж.
Прозрачные БЖУ и аллергены
Блок БЖУ вынесен на видимое место и визуально отделён от описания. Показаны два значения: на 100 г и на всю порцию — пользователь сразу понимает реальную «цену» порции по калориям. Добавлена кнопка «Состав» с отдельным экраном ингредиентов и аллергенов: информация структурирована и доступна в один тап.
Нативный Upsell
Под основным блоком карточки размещён модуль допродаж: релевантные роллы, соусы, напитки и дополнительные блюда. Позиции добавляются в заказ в один тап, без выхода из карточки. Upsell встроен мягко: не перекрывает CTA и не мешает основному сценарию добавления основной позиции.
Гибкие модификаторы
В карточку интегрированы модификаторы, которые раньше отсутствовали: платное добавление ингредиентов, или бесплатное удаление нежелательных компонентов. Логика модификаторов универсальна и масштабируется на категории с высоким ожиданием кастомизации не дробя ассортимент на десятки отдельных позиций.
Дизайн-подход
Продуктовый фокус
Фокус не на «красивой карточке», а на точке монетизации: карточка как инструмент роста выручки и удержания. Каждое решение в карточке связано с конкретной метрикой: конверсия в добавление, средний чек, доля модифицированных заказов, повторные покупки за счёт доверия. Видео используются только там, где это оправдано: популярные/маржинальные позиции, где инвестиция в контент окупается ростом продаж.
Исследование текущего опыта
Выделены ключевые точки потерь: непонятный состав сетов, скрытые БЖУ, отсутствие настроек блюда, нет допродаж. На основе анализа сформирована структура, которая уменьшает количество «слепых зон» и снимает вопросы до того, как пользователь перейдёт в корзину.
Работа с контентом и командами
Подготовлен гайд для маркетинга по фото и видео: длительность роликов, ракурсы, акценты на продукте, требования к фону и свету. Описаны критерии, на каких позициях использовать видео (популярность, маржинальность, сезонность), чтобы не размывать эффект и не перегружать продакшн. Сформирована структура текстов: короткий заголовок, подзаголовок и описание, которые легко обновляются контент‑командой без вмешательства дизайна.
Продуктовый масштаб
Карточка спроектирована как модуль, который работает в разных состояниях: сет, одиночная позиция, позиция с модификаторами, видео‑карточка. Один набор паттернов покрывает весь каталог, что упрощает поддержку и развитие продукта.
Детали реализации
  • Пересобрана информационная архитектура карточки: медиа‑блок, название и маркетинговый текст, модуль состава (для сетов), блок БЖУ и состава, модификаторы, допродажи, CTA;
  • Проработаны состояния медиа‑блока: фото и автоиграющее видео с ограниченной длительностью и безопасным поведением;
  • Спроектированы сценарии переходов из «Состав набора» в отдельные карточки и обратно, без потери контекста и выбранного количества;
  • Спроектировал модуль «Состав набора» для сетов: вместо одного длинного текста — ряд мини‑карточек роллов внутри сета. Каждая карточка кликабельна, ведёт на отдельный экран позиции и запускает дополнительный сценарий;
  • Вынес БЖУ в отдельный визуальный блок: показываются значения и на 100 г, и на всю порцию. Пользователь перестаёт считать в уме, а продукт говорит «честно», сколько он стоит по калориям. Это особенно важно для постоянных клиентов и тех, кто следит за рационом;
  • Встроил модификаторы в общую архитектуру карточки: платные добавки ингредиентов с прозрачной надбавкой к цене ;бесплатное удаление ингредиентов. Логика модификаторов универсальна и применима к роллам, пицце и вокам, что упрощает поддержку и развитие продукта;
  • Блок допродаж использует визуальный язык каталога: те же карточки, те же CTA, чтобы пользователь считывал его как понятное продолжение выбора;
  • Проверена читаемость и иерархия на реальных макетах: при первом взгляде пользователь видит медиа и цену, при втором — состав и БЖУ, при третьем — модификаторы и допродажи.
Оценочные результаты
  • Рост конверсии карточки в добавление за счёт более «продающего» первого экрана
  • Увеличение среднего чека за счёт: допродаж из карточки, платных модификаторов, переходов из сетов к отдельным позициям;
  • Снижение неопределённости и негативных ожиданий: меньше вопросов в поддержку по составу и аллергенам, меньше отказов «получил не то, что думал»;
  • Рост лояльности: прозрачность БЖУ и гибкость по составу создают ощущение контроля и уважения к пользователю.
Переработанная карточка стала не просто страницей товара — это конверсионная витрина: она уменьшает сомнения, продаёт визуально, делает состав прозрачным и открывает каналы для доп-продаж, сохраняя знакомую навигацию приложения.
Made on
Tilda