Как дизайн цифрового продукта помог сети суши-баров усилить бренд и повысить лояльность

Busimi — развивающаяся сеть ресторанов японской кухни в Великом Новгороде. Компания активно росла офлайн, но её цифровые каналы были ограничены. Заказы принимались через соцсети и мессенджеры, что было неудобно для пользователей и снижало скорость обслуживания.

Чтобы изменить ситуацию компания обратилась к нам с запросом на создание дизайн-концепции мобильного приложения, которое станет частью фирменного стиля бренда, подчеркнет высокий уровень сервиса и качество кухни, и создаст основу для дальнейшего цифрового развития бизнеса.

Всё началось с того, что Busimi изучили наше портфолио и нашли в нем кейс, который оказался близок к видению их будущего продукта. Этот проект стал отправной точкой, референсом и помог команде чётче сформулировать требования.

Нам предстояло три ключевых направления работы:

— Провести анализ фудтех-рынка. 
— Выделить основные функциональности для MVP, написать ТЗ и документацию.
— Создать уникальный и запоминающийся дизайн, который станет визуальным продолжением бренда, подчеркнет его особенности.

В процессе мы уделили особое внимание формированию визуального стиля. Разработанный нами дизайн стал продолжением айдентики Busimi и получил продолжение в других каналах продаж заказчика. 

Наша команда всегда стремится делать чуть больше ожиданий. И этот проект не стал исключением. Клиент пришёл за дизайном, но в итоге сотрудничества получил гораздо больше. Но обо всем по-порядку.

Начали с анализа рынка и аудитории Busimi, приложений конкурентов. Мы проанализировали ожидания пользователей и заложили в проект те функции, которые помогут быстро повлиять на продажи и решить задачи покупателей. 
Продумали сценарии для разных ролей — новых и авторизованных клиентов, учли различные точки входа от первого знакомства с приложением до быстрого повтора прошлого заказа. 

Благодаря таким моментам пользователь тратит меньше времени на поиск блюд, быстрее принимает решение о покупке, а компания получает больше завершенных заказов.

В ходе исследования выяснили, что 95% популярных фудтех-приложений требуют авторизацию, которую можно пропустить на начальном этапе. Первый экран с запросом личных данных действительно снижает конверсию, поэтому предложили отложенную авторизацию и флоу, где она запрашивается только при оформлении заказа. При этом включает минимальное количество шагов — ввод номера телефона с подтверждением по коду и имя. Такое решение помогает не отталкивать новых пользователей и побуждает их пройти весь путь до формирования заказа. 

В процессе пресейла заказчик решил, что помимо приложения будет разработан и сайт. Мы учли текущий этап развития сети и предложили универсальный концепт — разработку адаптивного сайта с mobile-first подходом, который будет упакован в контейнер и выпущен в сторы. Это помогло бы решить сразу две задачи — сделать пользовательский опыт единым и обеспечить гибкость при дальнейшем развитии цифровых каналов компании.

Готового брендбука не было. Только логотип, который мы сохранили в неизменном виде и сделали его цвет основным в интерфейсе. Дополнительные оттенки подобрали так, чтобы визуально обеспечить консистентность палитры интерфейса.

В основе дизайна — модульный карточный стиль с аккуратной сеткой, плавными линиями и чёткой структурой контента. Он подходит для интерфейсов, спроектированных для mobile-first.

На Главном экране разместили рекламные баннеры и блок сторис, чтобы продвигать маркетинговые акции, стимулировать импульсные покупки и повышать средний чек.
Сделали акцент на быстром оформлении заказа с вариантами выбора получения — курьером или через самовывоз из суши-баров.

В Меню вынесли быстрые категории блюд и сделали акцент на популярные и маржинальные позиции. Благодаря этому клиенты видят хиты, быстрее принимают решение о покупке, что хорошо пользователю, и выгодно бизнесу.

Ключевой сценарий оформления заказа через Корзину сделали пошаговым и простым. Пользователь выбирает способ получения (доставка/самовывоз), вводит данные и применяет промокоды легко и без лишних действий.

Мы стремились создать не просто интерфейс, а визуальный образ, который вызывает эмоции и формирует лояльность. Поэтому предложили немного оживить приложение. Так у нас появился персонаж в японской стилистике. Он дружелюбный, яркий, легко запоминается и сразу задает правильное настроение. 

Дополнили интерфейс набором иконок с мягкими закруглениями. Все отлично вписалось в общую стилистику и не перегрузило композицию.

Мы разработали дизайн первого цифрового продукта Busimi. Он получился красочным, запоминающимся и отражающим тематику бренда. Концепт так понравился заказчику, что получил распространение в маркетинговых онлайн-каналах.

После одобрения дизайна мы реализовали WebView-контейнер — решение, которое позволяет пользователям открывать мобильную версию сайта через иконку на смартфоне. Оно выглядит и ощущается, как полноценное приложение. Но для бизнеса это способ протестировать цифровой канал без полного цикла разработки.

Мы также поделились с клиентом инсайтами исследований и сформировали продуктовый бэклог для дальнейшего развития продукта. Помогли и с маркетингом — проводили встречи, на которых делились опытом по продвижению и аналитике мобильных приложений. В совокупности все это принесло заказчику четкий план цифрового роста.

В итоге Busimi получили выразительный дизайн с запоминающимся персонажем, который стал частью фирменного стиля и выделил бренд среди конкурентов. А проект превратился из задачи по созданию интерфейса в комплексную работу по запуску цифрового направления и укреплению позиций Busimi на рынке.