Приложение для заказа еды
Заказчик: Горчица
Новый дизайн приложения сети шаурмичных объединяет настройку блюд прямо в каталоге, оформление доставки и самовывоза, бонусы и повтор заказа
Задача
Сеть шаурмичных «Горчица» обратилась за обновлением дизайна приложения для заказа еды. Требовалось упростить выбор блюд, настройку состава и оформление покупки. Заказчик ставил цель свести заказ к одному шагу. В новом дизайне нужно было связать каталог с доставкой и самовывозом, программой лояльности и сопровождением заказа — от выбора блюда до его оценки и повторной покупки.
Настройка блюда прямо в каталоге
Выбор размера, соуса и добавок разместили в каталоге. У сети большой ассортимент добавок: доступ к ним вынесли в меню, чтобы покупателю не приходилось открывать и пролистывать карточку блюда.
Категории расположили слева, с изображением над названием. Поиск предусмотрели по блюдам и ингредиентам — для тех, кто уже знает, что хочет заказать.
Состав под предпочтения покупателя
Для ингредиентов спроектировали добавление, исключение и возврат. Исключённый ингредиент выделили красным и снабдили действием «Вернуть»: выбор заметен, а передумать можно до применения изменений.
В карточке блюда собрали состав, КБЖУ и параметры заказа. Управление корзиной закрепили внизу, чтобы оно оставалось доступным при просмотре подробностей.
Доставка и самовывоз
Проработали оба способа получения заказа. Для доставки предусмотрели выбор адреса на карте или из списка, для самовывоза — выбор ресторана. В оформлении также учли время, другого получателя и комментарий.
Способы оплаты собрали в отдельном окне: карта на сайте, СБП, наличные и карта курьеру. Выбранный вариант выделяется жёлтым маркером.
Условия и сопровождение заказа
Над нижней навигацией разместили прогресс до бесплатной доставки и подарка. Подробные условия вынесли в отдельное окно, которое открывается поверх каталога. Так покупатель может свериться с ними ещё до оформления.
В сценариях программы лояльности связали бонусную карту с QR-кодом, историю начислений и персональные предложения. При оформлении предусмотрели списание баллов и промокод.
Для активных заказов спроектировали статусы и ожидаемое время готовности или доставки. В завершённом заказе разместили состав, итоговую стоимость, повтор покупки и оценку блюд.
Единый стиль для интерфейсов сети
Обновили визуальный стиль: жёлтым выделили основные действия, тёмным — выбранные параметры, зелёным — выполненные условия и статусы заказа. Оформление объединили скруглёнными карточками и окнами.
На основе нового стиля собрали библиотеку компонентов с цветами, типовыми элементами и их состояниями. Подготовили изображения ингредиентов, в том числе сгенерированную иллюстрацию грибов.
Клиент получил новый дизайн основных сценариев заказа и набор компонентов и изображений для дальнейшего использования в интерфейсах сети.
Цели
- Сократить число действий при выборе и заказе еды
- Упростить настройку состава блюд
- Показать условия доставки и подарков до оформления
- Обновить визуальный стиль приложения
Целевая аудитория
- Покупатели сети, заказывающие еду с доставкой
- Покупатели, забирающие заказ в ресторане
Что нужно пользователю
Job to be done — от ситуации к результату
Я заказываю еду в «Горчице» и хочу учесть свои предпочтения по составу, не тратя время на лишние переходы
Быстро заказать подходящее мне блюдо, заранее понимать условия доставки и использовать доступные бонусы
Блюдо по моим предпочтениям, понятные условия получения и возможность сэкономить на следующих заказах
Что внутри
Поиск по блюдам и ингредиентам
Выбор размера, соуса и добавок в каталоге
Добавление, исключение и возврат ингредиентов
Состав и КБЖУ в карточке блюда
Оформление доставки и самовывоза
Выбор времени, получателя и способа оплаты
Прогресс до бесплатной доставки и подарка
Бонусная карта с QR-кодом и персональные предложения
Статусы, повтор заказа и оценка блюд
Поиск ближайших ресторанов по геопозиции
Как работали
Проработка каталога и настройки блюд
Проектирование оформления и сопровождения заказа
Обновление визуального стиля
Подготовка библиотеки компонентов и изображений ингредиентов
Как это выглядит
Нужен похожий проект?
Расскажите о задаче — оценим объём, сроки и стоимость, предложим решение. Есть ТЗ — загрузите его и получите предварительную цифру за несколько минут.
Другие проекты
Смотреть все работы
Сервис позволяет жителям поручить вынос мусора исполнителям поблизости, а оператору — управлять заказами и готовить выплаты
Приложение для выбора проводников по духовным практикам с подробными профилями мастеров и библиотекой статей
220LBS помогает ученикам тренироваться самостоятельно по программе, следить за прогрессом и оставаться на связи с тренером