О проекте

Daim Food — мобильное приложение для заказа еды из ресторанов с доставкой. Мы спроектировали ключевые экраны пользовательского пути: поиск блюд и ресторанов, корзину и отслеживание заказа на карте.

Задача

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

Поиск по ресторанам

Поиск с главного экрана показывает результаты, сгруппированные по заведениям. Под строкой запроса — подсказки-уточнения в виде чипов, например «чикен», «дабл», «классик», чтобы не набирать текст целиком. Ниже — фильтры по типу кухни, сумме заказа и рейтингу. У каждого ресторана видны рейтинг с количеством оценок и статус «Открыто», а под ним — горизонтальный ряд блюд с ценой. Добавить блюдо можно прямо из выдачи: кнопка «+» превращается в счётчик количества, а внизу появляется плавающая кнопка корзины.

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

Корзина

Корзина повторяет знакомые карточки блюд, поэтому изменить количество можно тем же способом, что и при выборе. Под списком — кнопка «Открыть меню», чтобы вернуться и что-то добавить. Итоговая сумма и кнопка «Перейти к заказу» закреплены над нижней навигацией и остаются на виду при прокрутке.

Отслеживание заказа

После оформления пользователь попадает на экран «Отследить мой заказ». Большую часть экрана занимает карта с маршрутом курьера от ресторана до точки доставки и подсказкой с оставшимся временем. Снизу — карточка доставщика с именем и кнопкой звонка, а также номер заказа, расчётное время и адрес доставки. Кнопка «Подробнее» открывает полную информацию о заказе.

Результат

Интерфейс Daim Food построен вокруг короткого пути: найти блюдо, добавить его в один тап, проверить корзину и следить за курьером на карте. Светлые карточки, крупные фотографии блюд и один акцентный оранжевый цвет для главных действий помогают не теряться в большом количестве позиций и всегда видеть следующий шаг.