Редизайн приложения доставки «Лосось и Рис»: как обновлённый дизайн сразу почувствовал бизнес
Сегодня хотим рассказать один из наших любимых проектов последнего времени — редизайн мобильного приложения доставки «Лосось и Рис» (поке, вок, роллы). Кейс получился настолько показательным, что я решился написать про него отдельную статью: тут и дизайн, и продуктовое мышление, и техническая часть — всё то, чем мы в UnitBean занимаемся каждый день.
Задача была простой на словах и не самой простой на деле: у клиента уже было рабочее приложение, заказы шли, доставки были, нагрузки справлялись.. Но само приложение выглядело как «ну просто ещё одна доставка» — без характера, без изюминки, без того, что заставляет открыть приложение вечером просто потому, что хочется есть глазами. Мы решили это исправить.
Как было: рабочее, но невзрачное
Старая версия приложения делала свою прямую задачу — принимала заказы. Но с точки зрения дизайна и подачи бренда это была очень нейтральная история: плоские списки блюд без акцента на еду, невыразительная навигация подписями внизу экрана, стандартный флоу «открыл карточку — выбрал соус — оплатил». Ни визуального крючка на главном экране, ни ощущения премиальности, ни программы лояльности на видном месте — просто список карточек и звёздочка с нулём баллов в углу. Ну тут стоит отдать должное - первую версию приложения так же выпускали мы - и это было MVP, которое возникло после отказа от готового решения.
Корзина и оформление заказа тоже работали строго функционально: серые строки, сумма заказа, кнопка «продолжить». Работать можно, но полюбить эту доставку и захотеть зайти в приложение просто полистать меню — вряд ли.
Что мы поменяли
Мы зашли в редизайн с понятным принципом: еда должна быть главным героем экрана, а бренд — узнаваемым с первого касания. Поэтому:
- Главный экран теперь открывается крупным «живым» фото блюда — палочки держат ролл прямо над лентой меню, рядом бейдж «Хит недели» и цена в один тап «плюс в корзину». Это моментально считывается как premium food, а не безликая доставка.
- Ввели фирменную тёплую палитру: розовый фон карточек + оранжевый акцент на кнопках и бейджах. Один и тот же язык — от главного экрана до профиля.
- Нижнюю навигацию сделали иконочной, с активным состоянием и счётчиком товаров в корзине — мелочь, а ощущается как «взрослое» приложение
- Карточка блюда превратилась в полноэкранную шторку поверх фото, с честной раскладкой БЖУ и калорийности, составом и степпером количества — для аудитории поке и боулов это особенно важно, там любят считать калории.
- Корзину переделали так, чтобы каждая позиция была с фото товара, а не безликой строкой, добавили честную оценку времени ожидания заказа.
- Профиль получил на видное место карточку бонусов — программа лояльности перестала быть незаметной галочкой в настройках и стала частью первого впечатления.
Технологии: на чём это всё работает
Отдельно хотим показать техническую сторону, потому что именно она — наша основная компетенция в UnitBean. Изначально Мобильное приложение «Лосось и Рис» построено на React, и это был встренный WebView в приложение. Вызывало некоторые проблемы с задачами по PUSH отправке, геолокации. Сейчас же сменили на Flutter, что позволяет нам на выходе иметь нативное приложение, и отсутсвие проблем с плавностью, PUSH, и другими вещами на устройстве
Под капотом — наша собственная «коробочная» платформа доставки: единая экосистема из приложения клиента, приложения курьера и приложения сборщика заказов, плюс админ-панель для ресторана. Меню, цены, модификаторы (типа соусов для поке), бонусная программа и статусы заказа синхронизируются в реальном времени между всеми участниками процесса. Ну и все это конечно интегрировано c IIKO
Оплата подключена через банковские эквайринговые решения с поддержкой карт, а адресная доставка учитывает конкретные зоны и время подготовки заказа — то самое «Жукова · Ожидание ~35 мин», которое видит гость в корзине. Всё это — модульная архитектура, которую мы дальше можем донастраивать под конкретного клиента без переписывания системы с нуля.
Именно так строится большинство наших проектов доставки: берём проверенное ядро платформы и адаптируем дизайн и часть логики под бренд и процессы конкретного бизнеса — быстрее и дешевле, чем разработка с нуля, но без ощущения «шаблонности» для конечного пользователя.
Добавили ещё и видео
В рамках этого же обновления мы записали короткий динамический ролик с демонстрацией интерфейса — как выглядит переход между главным экраном, меню, карточкой блюда и корзиной вживую, в движении. Такой видеоформат отлично заходит и в карточку приложения в сторах, и в соцсети, и в рекламные кампании клиента — люди гораздо охотнее задерживаются на видео с аппетитной едой, чем на статичных скриншотах.
Что это дало бизнесу
Гости стали заметно охотнее долистывать меню до конца, чаще возвращаются за повторным заказом и реже задают в поддержку вопросы в духе «а как тут заказать соус отдельно». Программа лояльности, вынесенная на видное место, реально работает — бонусы стали ощутимым поводом вернуться. Само приложение начало восприниматься как отдельный маленький бренд, а не как обезличенная форма заказа еды — и это, пожалуй, самый ценный результат редизайна.
Вместо вывода
Мы в UnitBean верим, что дизайн доставки — это не просто «красивые кнопочки», а прямой инструмент влияния на выручку: чем приятнее и понятнее гостю пролистывать меню, тем чаще он возвращается. А когда дизайн ещё и стоит на надёжном техническом фундаменте — с реальным временем, честной синхронизацией статусов и гибкой архитектурой — результат чувствуют и гости, и сам бизнес.
Если у вас тоже есть сервис доставки (или вы только планируете его запустить) и хочется, чтобы приложение не просто работало, а продавало — заходите к нам.
Все проекты, кейсы и контакты — на нашем сайте unitbean.io.
Пишите, обсудим ваш проект: unitbean.io
и подписывайтесь на канал в телеге @iamceodigital