Разработка дизайна приложения для сети суши-баров

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

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

Наметили фронт работ

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

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

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

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

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

Погрузились в контекст и спроектировали сценарии

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

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

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

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

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

Создали фирменную графику

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

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

Оформили основные разделы

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

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

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

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

Создали персонажа 

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

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