Ikigai
Мобильное приложение для самостоятельного заказа в ресторане экспериментальной кухни
Роль: Product Designer
Период: март, 2026
Платформа: iOS
ГОЛЬЦ ОЛЬГА
Заказчик —
ресторан экспериментальной кухни в центре города
Азиатские мотивы, необычная подача блюд, сеты от шефа
Задача
Упростить процесс заказа для гостей, снизить нагрузку на персонал и сократить время ожидания
  • гости долго ждут заказы
  • официанты перегружены
  • атмосфера места теряется
Проблема
Спроектировано мобильное приложение с удобной навигацией по меню, прозрачным статусом заказа и возможностью самостоятельного оформления заказа
Решение
Результат
70+
Экранов
15+
Wireframes
3
Пользовательских сценария
3
Конкурентных продукта
  • интерактивный прототип
  • пользовательское тестирование и итерации
01
Контекст
Этапы работы
02
Тестирование
Интервью
Тестирование прототипа
Правки
Прототипирование
Кликабельные прототип
UI-дизайн
Генерация изображений
UI-kit
Дизайн экранов
Проектирование
User Flow
Сценарии
Вайрфреймы
Брендинг
Графика
Типографика
Палитра
Мудборд
UX-исследования
Гипотезы
Анализ ЦА
Анализ конкурентов
Анализ и брифинг
Определение целей и задач
Сбор требований
UX-исследования
03
Что взяла в работу
Простая и понятная навигация
Фильтрация блюд
Подробное содержание карточек блюд
Полный контроль в корзине заказа
Чаевые и отзывы после оплаты, без лишних шагов
Общие недостатки
Недочеты в навигации
Нет фильтров по блюдам
Состав блюд неполный, аллергены отсутствуют
Недостаток/избыток действий при выборе блюда
Перегруз акцентного цвета
Критерии анализа
Структура и элементы сценария заказа еды
Особенности меню
Визуальный стиль и UI-детали
Эвристики
Отзывы и оценки из открытых источников
Изучила 3 мобильных приложения
Bartello
Dodo Pizza
Tokyo City
Анализ конкурентов
Проверка гипотез проводилась на этапе тестирования интерактивного прототипа
  • Информация о составе блюд влияет на принятие решения
  • Отображение аллергенов на карточках блюд ускорит поиск позиции без перехода в детальное описание
  • Статус оформленного заказа — это неотъемлемый элемент пользовательского сценария заказа еды
  • Интерактивная карта зала укорит определение местоположения пользователя и сократит время выбора номера столика
  • Визуализация аллергенов в виде иконок вместо текстовых обозначений ускорит их восприятие и снизит когнитивную нагрузку
  • Нижняя навигация остается наиболее привычным способом перемещения между разделами приложения
Проектные гипотезы
*смотрите в десктопной версии сайта*
User Flow
Проектирование
04
Сценарий редактирования заказа
Сценарий оплаты и оценки визита
Сценарий оформления заказа
Выбор категории
Скролл меню
Поиск
Пропустить
Оплата наличными
Отменить редактирование
Тап на плашку статуса заказа
Подробное описание
Вид белка
Аллергены
Диапазон ккал
Диапазон цены
Сохранить
Оценка атмосферы
Оценка блюд
Оценка обслуживания
«Заказ оплачен! Оцените свой визит»
Продолжить
Выбор размера чаевых
Онлайн оплата
Оплата
Удалить заказ
Сохранить изменения
Подтвердить
Удалить позицию
Изменить количество
Редактировать заказ
Раздел Корзина
Подтвердить заказ
Выбор столика
Продолжить
Проверка заказа
Переход в корзину
Добавить в заказ
Карточка блюда
Применить
Оплата проводится в стороннем сервисе
Главный экран меню
Главный экран меню с поп-ап инфой
Корзина с активным заказом
Пустая корзина
Главный экран меню с активным заказом
Главный экран меню
Фильтры
*смотрите в десктопной версии сайта*
Wireframes
05
UI-дизайн
Доработка визуала
Ситуация:
предоставленные мне изображения блюд не подходили:
Имели пластилиновый ии визуал
Не соответствовали стилистике и уровню продукта
Мое решение:
Расширила меню: добавила новые категории и позиции
Привела визуал к единому стилю: еда выглядит реалистичнее, без выраженной иишности
Это позволит углубить прототип и взаимодействие пользователя с продуктом
*смотрите в десктопной версии сайта*
Дизайн экранов
Адрес
Категории
Новостная лента
Фильтры
Поиск
Название и описание
Аллергены
Цена
Состав
Рекомендации
Интерактивная карта зала
Статус заказа
кбжу
LIGHT
DARK
SF PRO
06
UI-kit
Semibold
Regular
Bold
Black 90
#2D2D2D
Gray 100
#434542
Orange
#AC421B
Brown
#554B40
Beige 100
#A68965
Green
#4F5231
Gray-Beige
#BDB4AA
Beige 5
#FFF9F2
Beige 40
#E8D8C5
20px
20px
44px
49px
34px
76px
76px
76px
76px
16px
16px
16px
Button
Button
07
Прототипирование
Пользователи оценили
  • Видимость состояния системы
  • Иконки-аллергены эффективнее текста
  • Статус заказа на Главном
  • Дизайн
Требовало доработки
  • Расположение кнопки редактирования в корзине
  • Интерактивная карта перетягивает внимание
  • «Скомканная» структура обратной связи
  • Раздел «Корзина» ассоциируется с магазином
Внесенные изменения
  • Перенесена кнопка редактирования
  • Карта свернута по умолчанию
  • Статус заказа на Главном остался, как фича
  • Доработан визуал обратной связи
  • Раздел «Корзина» переименован в «Заказ»
Было
Стало
Результаты тестирования
Сценарное тестирование
по заданному пути
+
Пост-интервью
сбор обратной связи респондентов
08
Заключение
Проблема:
заключалась в затянутом обслуживании гостей, перегруженности официантов и риске потерять атмосферу ресторана
Задача:
состояла в проектировании цифрового сервиса, который позволит гостям оформлять заказы без участия официанта
Результат:
  • 70+ экранов мобильного приложения
  • 15+ wireframes
  • 3 ключевых пользовательских сценария
  • Интерактивный прототип высокого уровня детализации
  • Проведено тестирование на пользователях и внесены улучшения по результатам обратной связи
Личные достижения:
  • привела визуал к единому стилю — самостоятельно сгенерировала изображения блюд для всего меню
  • использовала переменные в Figma для детального прототипа
  • провела тестирование на реальных людях, собрала обратную связь, зафиксировала инсайты и доработала интерфейс
Благодарю за внимание
Март 2026
Product Designer
Гольц Ольга
@olyagolts
Made on
Tilda