Ко мне за помощью обратился ресторан экспериментальной кухни «Икигай». Ресторан так раскрутился, что столкнулся с проблемой: посетителей стало очень много, и у официантов большая нагрузка. Поэтому нужно приложение, которое поможет снизить нагрузку, так как посетители смогут сами делать заказ, не вызывая официанта.
Функции продукта:
→ заказ еды и напитков, 
→ оплата счёта и чаевых, 
→ оценка ресторана.

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

Главная аудитория продукта – посетители ресторана.

1. Меню и карточки блюд. Раздел с полным меню ресторана, организованным по категориям (салаты, горячее и т.д.) и специальным подборкам (сетам). Каждая позиция имеет детальную карточку с фотографией, описанием и составом.
2. Система предупреждений об аллергенах. Функция, позволяющая пользователю отметить аллергию. Приложение помечает блюда с выбранным аллергеном (например, орехи, лактоза) и понижает их в общем списке, но не скрывает полностью.
3. Механизм акций. Функционал для отображения и автоматического применения скидок. Например, акция «5% при заказе от 5 штук» должна быть видна в карточке блюда и корректно учтена в итоговой сумме заказа.
4. Корзина заказа. Экран для просмотра выбранных блюд, управления их количеством и проверки итоговой суммы с учетом всех примененных скидок.
5. Система чаевых. Функция, позволяющая оставить чаевые после оплаты. Должна быть точка входа (например, QR-код) и интерфейс с выбором предустановленного размера (5%, 10% и т.д.) или возможностью ввести произвольную сумму.

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

1. Исследование
2. UX-проектирование 
3. UI-проектирование
4. Прототипирование

• Бенчмаркинг рынка

Я провела бенчмаркинг трёх популярных приложений – «Ресторан 32.05», «Кафе See China» и «Пиццерия eMenu» – чтобы выявить отраслевые стандарты и лучшие практики для создания конкурентного продукта. Основное внимание уделялось ключевым сценариям: работе с меню, фильтрации по аллергенам, функциональности корзины и процессу оформления заказа.

• Мудборд и референсы

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

• User flow

User Flow приложения охватывает весь путь гостя: от выбора блюд до финальной оценки.Пользователь начинает с удобного изучения меню с фильтрацией по аллергенам. Детальные карточки блюд и сетов помогают сделать выбор. После добавления в корзину, где сразу видна итоговая сумма со скидками, следует простой процесс оплаты с гибкой системой чаевых. После получения заказа гостю предлагается оценить визит по трем параметрам (обслуживание, еда, атмосфера). В зависимости от оценки система задает уточняющие вопросы – что улучшить или что понравилось больше всего, с возможностью оставить комментарий.

• Лоу-фай вайфреймы

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

Визуальное решение приложения сознательно построено на сочетании глубоких черных тонов и энергичных оранжевых акцентов. Минималистичный подход с тщательно продуманной типографикой и мягкими скруглениями обеспечивает легкость восприятия информации. Каждый элемент дизайна работает на то, чтобы сделать процесс выбора блюд и навигацию максимально комфортными и эстетически приятными.
Ключевые принципы:
1. Атмосферный черный фон. Глубокий черный фон создает эффект элегантного ресторана с приглушенным светом, где внимание естественно фокусируется на содержимом. Это стильное решение, которое делает цвета блюд на фотографиях более сочными и аппетитными.
2. Энергичные акцентные кнопки. Яркие оранжевые кнопки становятся главными точками притяжения взгляда, направляя пользователя к ключевым действиям. Этот цвет не только улучшает навигацию, но и подсознательно вызывает чувство комфорта и аппетита.
3. Мягкие скругления элементов. Скругленные углы у карточек и кнопок добавляют интерфейсу тактильной теплоты и дружелюбия. Эта плавная геометрия смягчает строгость черного фона, создавая гармоничное визуальное впечатление.
4. Чистая типографика. Монохромная текстовая иерархия использует белый цвет для важной информации и серый — для второстепенной. Размер и насыщенность шрифтов четко разделяют контент по степени важности, обеспечивая легкое восприятие.

UI-кит проекта мобильного приложения ресторана содержит полный набор компонентов, адаптированных для iOS: кнопки с состояниями (default, disabled), карточки блюд, фильтры аллергенов, счетчики, элементы навигации и другое. Все компоненты выполнены в выбранной стилевой системе с использованием глубокой черной палитры, оранжевых акцентов и мягких скруглений.

Экран входа и загрузки данных
Экран входа разработан в минималистичном стиле: на глубоком черном фоне центральное место занимает логотип приложения. Отсутствие любых дополнительных элементов создает фокус на бренде и настраивает на плавное погружение в атмосферу ресторана.Экран загрузки сохраняет принципы минимализма, используя ту же темную палитру. Для индикации процесса используется ненавязчивый лоадер (3 мигающих круга). Это решение обеспечивает плавный переход к основному контенту без визуальной перегрузки.

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

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

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

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

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

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

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

Экран обратной связи 
После подтверждения заказа пользователю становится доступна опциональная кнопка «Оценить заказ». При переходе открывается форма с тремя критериями оценки: обслуживание, еда и атмосфера. Функция не является обязательной, но предоставляет ценные данные для улучшения сервиса.

• Сборка интерактивного прототипа

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

• Тестирование прототипа и выявление ошибок

Тестирование прототипа проводила для валидации проектных решений до передачи в разработку. Основные цели тестирования:
→ Проверка юзабилити. Выявление сложных для понимания пользователем сценариев (например, процесс применения фильтров аллергенов или навигация между разделами меню).
→ Валидация логики интерфейса. Обнаружение некорректных переходов между экранами и проверка реакции системы на различные действия пользователя.
→ Оптимизация пользовательского пути. Сокращение количества шагов для ключевых сценариев (оформление заказа, выбор способа оплаты).
→ Выявление технических противоречий. Обнаружение состояний интерфейса, которые не были предусмотрены в дизайне (пустая корзина, ошибки загрузки, отсутствие соединения).
Тестирование позволило устранить 90% критических ошибок на этапе проектирования, что значительно сократило время на доработки в ходе разработки.

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