Разработка мобильных приложений и сайтов

← Все проекты
Черника, инжир и тёмная посуда — визуальная палитра Food Formula

Приложение ресторана на вынос / UX/UI

Food Formula.Домашняя кухня.
Индивидуальный подход.

Проектирование и дизайн мобильного приложения для сети ресторанов с доставкой по Москве и ближнему Подмосковью.

ПроектированиеДизайн приложенияДизайн-система
Посмотреть историю проекта
3концепции дизайна
80+экранов приложения
15вариантов палитры

О проекте

Сервис с вниманием
к каждому вкусу.

Food Formula — небольшая сеть ресторанов домашней кухни, работающая только на доставку. Проект ориентирован на премиальную аудиторию и сочетает формат dark kitchen с привычным, внимательным сервисом.

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

От выбора к заказу

Хороший вкус
начинается с меню.

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

Меню Food Formula: категории блюд и подборки с фотографиями

Выбрать настроение

Категории и несколько уровней меню помогают сориентироваться в ассортименте.

Карточка блюда Food Formula с фотографией, описанием, ценой и выбором количества

Увидеть главное

Фотография, описание и детали блюда помогают определиться до добавления в заказ.

Корзина приложения: выбранные блюда, количество, рекомендации и сумма заказа

Собрать свой заказ

Состав, количество и итоговая сумма остаются в одном сценарии покупки.

Возможности сервиса

У каждого гостя —
своя формула.

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

Ингредиенты под себя

Вариации состава для каждого блюда, пищевые ограничения и предпочтения в профиле. Вывод блюд с учётом этих настроек.

Блюдо по вашему описанию

Форма заказа блюда, которого нет в меню: по текстовому описанию или фотографии.

Заказы по подписке

Возможность регулярного заказа как отдельный сценарий приложения.

Рецепты от шеф-повара

Текстовые рецепты и видео внутри сервиса.

Настройка ингредиентов блюда: состав, пищевая ценность и дополнительные продукты

Ваши предпочтения.
Ваш заказ.

Нетривиальный сценарий

Вы можете быть далеко.
Доставка — для близких.

Карта зоны доставки Food Formula по Москве и Подмосковью
Оформление доставки: дата, время, адрес, получатель и оплата

Один из важных вопросов — как объяснить границы обслуживания и при этом сохранить возможность заказать еду другому человеку.

Пользователь в Сургуте должен понимать, что ресторан не доставляет по его текущему адресу. Но это не должно мешать заказать подарочную корзину родителям в Бутово или близкому человеку в Чигасово.

Местонахождение клиента и адрес получателя — разные части сценария.

В проектировании учитывали геолокацию клиента, зону доставки и оформление заказа для другого получателя.

После оформления

Понятно,
что с заказом.

Информирование сделали лаконичным: этапы заказа и местонахождение курьера помогают понимать, что происходит с доставкой.

Для общения по текущим заказам предусмотрели чат-бота с готовыми сценариями.

Карточка заказа в обработке: сумма, время и текущий этапЗаказ передан в доставку: курьер в пути и кнопка отслеживания

Характер бренда

Черника. Инжир.
Немного золота.

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

Поиск палитры Food Formula: черника, инжир, тёмные оттенки и цветовые сочетания
От палитры —
к фотографии

Подготовили техническое задание для фуд-фотографа и помогли определить визуальную идентичность бренда.

Палитра проекта: синие, золотые и тёмные оттенки

Типографика проекта

AKROBATКириллица и цифры шрифта Akrobat из дизайн-системы проекта

Геометрия из логотипа

Вытянутый шрифт для заголовков, цен и кнопок поддерживает характер знака. Острые углы логотипа продолжили в плашках и элементах управления.

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

Дизайн-система

Меняется палитра.
Система остаётся.

Экраны собирали по принципам дизайн-системы. Поэтому смена цветовой схемы затрагивала приложение целиком и не требовала вручную переделывать каждый макет.

5 минут

заняла смена палитры 80 экранов
с «черники в молоке» на чернично-инжирную

Карточки блюд из дизайн-системы Food Formula

Результат проектирования и дизайна

Характер ресторана —
в интерфейсе.

Разработали более 80 экранов: от меню и настройки блюда до оформления доставки и работы с заказами. В дизайне соединили индивидуальный сервис, понятные сценарии и узнаваемую визуальную систему.

Три концепции и работа с 15 палитрами помогли найти направление бренда. Дизайн-система позволила быстро вносить изменения во весь набор экранов.

От вашей идеи — к продукту

Следующий
проект — ваш.

Обсудить проект

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

Написать нам
Технофабрика · на связи

Обсудим
ваш проект.

Напишите нам в удобном мессенджере или позвоните.

Удобнее голосом?Позвоните нам+7 909 681-06-16

От идеи до работающего продукта.