Эмоциональный UI и архитектура допродаж: редизайн приложения «Тюбетей».
Эмоциональный UI и архитектура допродаж: редизайн приложения «Тюбетей».
Спроектировал с нуля мобильное приложение сети ресторанов с ориентиром на лидеров рынка (Додо, Самокат). Перевел скучный каталог в эмоциональный опыт: внедрил нативные механики допродаж (cross-sell) для роста среднего чека и паттерны быстрых повторных заказов для удержания аудитории.
Спроектировал с нуля мобильное приложение сети ресторанов с ориентиром на лидеров рынка (Додо, Самокат). Перевел скучный каталог в эмоциональный опыт: внедрил нативные механики допродаж (cross-sell) для роста среднего чека и паттерны быстрых повторных заказов для удержания аудитории.
О чем этот кейс?
Результат отрезвил всех: сложный визуал запутал целевую аудиторию .Они терялись в фильтрах и не могли с ходу считать нужные проценты.
Этот кейс — о том, как соединить эмоциональный UI и жесткую коммерцию. Топ-менеджмент поставил амбициозную задачу: обновить приложение сети ресторанов до стандартов лидеров FoodTech-рынка (уровня Додо Пиццы, Дринкит и Самоката).
Вместо скучного каталога-таблицы я спроектировал интерфейс, который решает две ключевые бизнес-задачи: растит средний чек (AOV) через нативный кросс-сейл и возвращает пользователей (Retention Rate) за счет быстрых сценариев повторного заказа. Работал в плотной связке с Design Lead и Head of IT компании.
Этот кейс — о том, как соединить эмоциональный UI и жесткую коммерцию. Топ-менеджмент поставил амбициозную задачу: обновить приложение сети ресторанов до стандартов лидеров FoodTech-рынка (уровня Додо Пиццы, Дринкит и Самоката).
Вместо скучного каталога-таблицы я спроектировал интерфейс, который решает две ключевые бизнес-задачи: растит средний чек (AOV) через нативный кросс-сейл и возвращает пользователей (Retention Rate) за счет быстрых сценариев повторного заказа. Работал в плотной связке с Design Lead и Head of IT компании.
Ключевые результаты
Ключевые результаты
Архитектура допродаж (Cross-sell)
Архитектура допродаж (Cross-sell)
Спроектировал нативные блоки рекомендаций в карточке товара и на этапе чекаута (в корзине), заложив UX-фундамент для максимизации среднего чека (AOV) без раздражения пользователя.
Спроектировал нативные блоки рекомендаций в карточке товара и на этапе чекаута (в корзине), заложив UX-фундамент для максимизации среднего чека (AOV) без раздражения пользователя.
Драйверы возврата (Retention Rate)
Драйверы возврата (Retention Rate)
Внедрил паттерны быстрых покупок: раздел «Уже брали» позволяет повторить любимый заказ в 1 клик, а акцент на балансе бонусных баллов мотивирует возвращаться в приложение.
Внедрил паттерны быстрых покупок: раздел «Уже брали» позволяет повторить любимый заказ в 1 клик, а акцент на балансе бонусных баллов мотивирует возвращаться в приложение.
Переход на Tier-1 визуал
Переход на Tier-1 визуал
Полностью переработал эстетику продукта. Внедрил эмоциональный фуд-контент, легкий Glassmorphism и перенес управление в «зону большого пальца» (Thumb Zone) для удобного использования одной рукой.
Полностью переработал эстетику продукта. Внедрил эмоциональный фуд-контент, легкий Glassmorphism и перенес управление в «зону большого пальца» (Thumb Zone) для удобного использования одной рукой.
Синхронизация с бизнесом
Синхронизация с бизнесом
Успешно защитил продуктовые решения перед топ-менеджментом, сбалансировав визуальную эстетику и технические ограничения, и планирую собирать готовый к разработке атомарные компоненты, а еще делать дизайн-систему.
Успешно защитил продуктовые решения перед топ-менеджментом, сбалансировав визуальную эстетику и технические ограничения, и планирую собирать готовый к разработке атомарные компоненты, а еще делать дизайн-систему.
О проекте
О проекте
Клиент
Клиент
Тюбетей
Тюбетей
Продукт
Продукт
FoodTech-приложение «Тюбетей» под iOS и Android
FoodTech-приложение «Тюбетей» под iOS и Android
Сроки
Сроки
2 месяца
2 месяца
Моя роль
Моя роль
Продуктовый дизайнер
Продуктовый дизайнер
Что я сделал
Что я сделал
Работа над проектом началась не с Figma, а с глубокого погружения в FoodTech. Я проанализировал решения лидеров рынка (Додо Пицца, Дринкит, Самокат, Яндекс Лавка, Ozon Fresh, Пятерочка, Магнит), чтобы понять актуальные паттерны: от структуры главной страницы и карточек продуктов до механик работы с промокодами, геопозицией и оплатой.
Работа над проектом началась не с Figma, а с глубокого погружения в FoodTech. Я проанализировал решения лидеров рынка (Додо Пицца, Дринкит, Самокат, Яндекс Лавка, Ozon Fresh, Пятерочка, Магнит), чтобы понять актуальные паттерны: от структуры главной страницы и карточек продуктов до механик работы с промокодами, геопозицией и оплатой.
Погружение в проект
Погружение в проект
Изучил паттерны лидеров FoodTech (Додо, Дринкит, Самокат, Яндекс Лавка). Провел аудит текущего приложения «Тюбетей», выявив узкие места и сопоставив их с бизнес-задачами.
Изучил паттерны лидеров FoodTech (Додо, Дринкит, Самокат, Яндекс Лавка). Провел аудит текущего приложения «Тюбетей», выявив узкие места и сопоставив их с бизнес-задачами.
Глубокий бенчмаркинг
Глубокий бенчмаркинг
Разобрал по винтикам приложения Додо Пиццы и Дринкит (вплоть до изучения их UI-китов). Наскринил все экраны и составил подробную аналитическую карту.
Разобрал по винтикам приложения Додо Пиццы и Дринкит (вплоть до изучения их UI-китов). Наскринил все экраны и составил подробную аналитическую карту.
Сбор визуальной базы
Сбор визуальной базы
Искал вдохновение за пределами мобильных интерфейсов — анализировал сайты, брендинг и даже плакаты, чтобы сформировать уникальный эмоциональный почерк и помочь приложение найти свою персональную айдентику, которая бы выделяла его на фоне конкурентов.
Искал вдохновение за пределами мобильных интерфейсов — анализировал сайты, брендинг и даже плакаты, чтобы сформировать уникальный эмоциональный почерк и помочь приложение найти свою персональную айдентику, которая бы выделяла его на фоне конкурентов.
UI и Дизайн-система
UI и Дизайн-система
На основе референсов разработал 4 варианта концептов. После утверждения направления я собрал User Flow и перешел к проектированию ключевых экранов.
На основе референсов разработал 4 варианта концептов. После утверждения направления я собрал User Flow и перешел к проектированию ключевых экранов.
Подготовка к релизу
Подготовка к релизу
Собрал интерактивный прототип и успешно защитил продуктовую логику и визуальные решения перед топ-менеджментом (6 человек), разработкой и маркетингом.
Собрал интерактивный прототип и успешно защитил продуктовую логику и визуальные решения перед топ-менеджментом (6 человек), разработкой и маркетингом.
Результат
Результат
Решение 1. Определение геопозиции
Решение 1. Определение геопозиции
В старой версии приложение встречало пользователя агрессивно. При первом входе человек получал подряд два блокирующих поп-апа: системный запрос геолокации (выглядящий как ошибка) и нижнюю шторку с выбором ресторана.
Это создавало высокий уровень непонимания еще до того, как пользователь увидел меню. Кроме того, нижнее расположение выбора адреса неочевидно и ломает привычный паттерн.
В старой версии приложение встречало пользователя агрессивно. При первом входе человек получал подряд два блокирующих поп-апа: системный запрос геолокации (выглядящий как ошибка) и нижнюю шторку с выбором ресторана.
Это создавало высокий уровень непонимания еще до того, как пользователь увидел меню. Кроме того, нижнее расположение выбора адреса неочевидно и ломает привычный паттерн.
Я полностью отказался от блокирующих модальных окон на старте. Выбор ресторана и адреса перенесен в верхнюю панель (Header) — самую привычную зону для этой функции в e-com приложениях.
Теперь пользователь сразу видит сочный контент (блюда), а адрес по умолчанию подтягивается мягко, оставляя человеку полный контроль над тем, когда и как его изменить, без раздражающих прерываний флоу.
Я полностью отказался от блокирующих модальных окон на старте. Выбор ресторана и адреса перенесен в верхнюю панель (Header) — самую привычную зону для этой функции в e-com приложениях.
Теперь пользователь сразу видит сочный контент (блюда), а адрес по умолчанию подтягивается мягко, оставляя человеку полный контроль над тем, когда и как его изменить, без раздражающих прерываний флоу.
Решение 2. Дизайн карточки
Решение 2. Дизайн карточки
В старой версии приложения полностью отсутствовали механики дополнительных продаж. Бизнес терял упущенную выгоду.
Моей задачей было спроектировать флоу допродаж так, чтобы он приносил деньги, но не ломал пользовательский опыт и не выглядел как навязчивая реклама. Я внедрил две новые механики на ключевых этапах воронки.
В старой версии приложения полностью отсутствовали механики дополнительных продаж. Бизнес терял упущенную выгоду.
Моей задачей было спроектировать флоу допродаж так, чтобы он приносил деньги, но не ломал пользовательский опыт и не выглядел как навязчивая реклама. Я внедрил две новые механики на ключевых этапах воронки.
Up-sell в карточке товара (Сборка Комбо)
Up-sell в карточке товара (Сборка Комбо)
Как это работает: Как только пользователь открывает карточку блюда, мы поверх основного контента предлагаем ему выгодную альтернативу — собрать комбо («С комбо дешевле»).
Продуктовый смысл: Мы ловим пользователя в момент максимального аппетита. При этом UI спроектирован экологично: блок не перекрывает блюдо целиком, а крестик закрытия расположен интуитивно понятно. Если человеку нужен только один бургер — он закрывает шторку в один тап без раздражения.
Как это работает: Как только пользователь открывает карточку блюда, мы поверх основного контента предлагаем ему выгодную альтернативу — собрать комбо («С комбо дешевле»).
Продуктовый смысл: Мы ловим пользователя в момент максимального аппетита. При этом UI спроектирован экологично: блок не перекрывает блюдо целиком, а крестик закрытия расположен интуитивно понятно. Если человеку нужен только один бургер — он закрывает шторку в один тап без раздражения.
Cross-sell на чекауте (Импульсивные покупки)
Cross-sell на чекауте (Импульсивные покупки)
Как это работает: На этапе оформления заказа, прямо над кнопкой оплаты, интегрирован блок быстрых рекомендаций («Поднять настроение»).
Продуктовый смысл: Использован классический паттерн кассовой зоны. Мы предлагаем недорогие, визуально привлекательные позиции (десерты, напитки), которые можно добавить в чек в один клик.
Блок расположен в Thumb Zone (зоне большого пальца) вплотную к CTA-кнопке «Оформить заказ», что максимизирует вероятность импульсивной покупки перед самой оплатой.
Как это работает: На этапе оформления заказа, прямо над кнопкой оплаты, интегрирован блок быстрых рекомендаций («Поднять настроение»).
Продуктовый смысл: Использован классический паттерн кассовой зоны. Мы предлагаем недорогие, визуально привлекательные позиции (десерты, напитки), которые можно добавить в чек в один клик.
Блок расположен в Thumb Zone (зоне большого пальца) вплотную к CTA-кнопке «Оформить заказ», что максимизирует вероятность импульсивной покупки перед самой оплатой.
Открыт к предложениям. Если вам в команду нужен Продуктовый Дизайнер –
жду в телеграме.
Открыт к предложениям. Если вам в команду нужен Продуктовый Дизайнер –
жду в телеграме.
Из Казани с любовью
Из Казани с любовью
©2026. Артур Ардвеньев
