О проекте

INOE — мобильное приложение для заказа еды из ресторана навынос и с доставкой. Пользователь выбирает точку самовывоза, собирает заказ из меню, при необходимости дополняет блюда и оплачивает всё в приложении, не стоя в очереди у кассы.

Задача

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

Откуда забирать заказ

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

Меню

Главный экран — это меню. Сверху строка поиска с дружелюбной подсказкой «Давай поищем что-то поесть…», под ней горизонтальная лента категорий с иконками: бургеры, пицца, супы, гарниры, десерты. Блюда показаны карточками в две колонки: крупное фото, название, вес и цена. Кнопка «+» на карточке позволяет добавить блюдо, не открывая его. В нижнем меню четыре раздела — «Меню», «Заказы», «Помощь» и «Корзина» со счётчиком добавленных позиций.

Карточка блюда и добавки

Если блюдо хочется рассмотреть подробнее, оно открывается в нижней шторке поверх меню. Здесь фото крупнее, описание, вес и пищевая ценность на 100 граммов. Ниже — дополнения, которые можно добавить к заказу: соль, овощи, сыр, соус. Выбранное дополнение показывается со своей картинкой и значком удаления, так что состав блюда видно сразу. Внизу одна кнопка — «Добавить в корзину».

Корзина и оплата

В корзине переключатель «Самовывоз / Доставка» стоит первым — от него зависит остальное оформление. Для самовывоза указан ресторан, откуда забирать заказ, и его можно сменить прямо здесь. Каждую позицию можно удалить одним нажатием. Под списком отдельно показаны списанные бонусы и скидки и итоговая сумма к оплате. Кнопка «Оплата заказа» закреплена внизу экрана, рядом — логотипы поддерживаемых карт: Visa, Mastercard и «Мир».

Результат

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