Вернуться к портфолио

Ярче! Кухня

IoT-приложение для заказа готовой еды через терминал самообслуживания и отслеживания готовности заказа на экране электронной очереди в магазинах розничной сети.

IoT Самообслуживание Ритейл Food Tech Терминал Электронная очередь UX/UI
Yarche! Kitchen kiosk interface Yarche! Kitchen kiosk interface
Платформа Сенсорный терминал
Второй экран Электронная очередь
Сценарий 10 основных шагов
Моя роль Product UX/UI Designer

Моя роль

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

Product Analysis

Анализ бизнес-целей, контекста торговой точки и связанных систем.

UX Flow

Полный путь от промо-экрана и выбора блюда до оплаты и выдачи.

Terminal UI

Сенсорный интерфейс меню, модификаторов, корзины, допродаж и оплаты.

Queue Display

Экран статусов заказов для зоны приготовления и выдачи.

Быстрый заказ без помощи сотрудника

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

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

Короткое взаимодействие

Выбор и оплата не должны требовать обучения или помощи персонала.

Сенсорный интерфейс

Кнопки, цены и элементы настройки должны быть крупными и легко читаемыми.

Связанная система

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

Цели продукта

Для бизнеса

Повысить продажи готовой еды, увеличить средний чек и стандартизировать процесс заказа.

Для покупателя

Быстро выбрать и настроить блюдо, оплатить и понятно отслеживать готовность.

Для сотрудников

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

Два интерфейса для одного офлайн-сценария

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

Терминал самообслуживания

  • промо-экран как точка входа;
  • категории, товары и модификаторы;
  • постоянно видимая корзина и допродажи;
  • подтверждение, оплата и номер заказа.

Экран электронной очереди

  • отдельные зоны «Готовятся» и «Готовы»;
  • крупные номера для чтения с расстояния;
  • зелёный акцент для готовых заказов;
  • понятная связь с номером после оплаты.

Путь от промо до выдачи

Промо Меню Настройка Корзина Оплата Номер заказа Выдача

Сценарий ведёт пользователя последовательно и не передаёт заказ на кухню до успешной оплаты.

Ключевые состояния терминала

Промо и меню

Весь промо-экран работает как крупная стартовая кнопка, а меню разделяет категории и товары.

Товар и модификаторы

Карточка показывает состав и цену, а крупные счётчики позволяют настраивать ингредиенты.

Корзина и допродажа

Нижняя панель сохраняет заказ видимым, а ненавязчивое окно предлагает напитки и добавки.

Подтверждение и чек

Перед оплатой пользователь проверяет состав и при необходимости вводит email на экранной клавиатуре.

Оплата и номер

Экран ожидания направляет к платёжному устройству, после чего показывает крупный номер заказа.

Электронная очередь

Горизонтальный экран разделяет заказы в работе и готовые заказы, читаемые с расстояния.

UX-решения для публичного терминала

Быстрый старт

Промо-экран одновременно привлекает внимание и запускает заказ.

Видимая корзина

Состав и сумма заказа остаются под контролем в процессе выбора.

Крупные элементы

Типографика и CTA рассчитаны на быстрое сенсорное взаимодействие.

Простые модификаторы

Счётчики «−» и «+» уменьшают количество ошибок при настройке блюда.

Ненавязчивая допродажа

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

Разделение задач

Терминал оформляет заказ, а экран очереди сообщает о готовности.

Логика IoT-системы

Терминал — только одна точка системы: заказ должен пройти через оплату, кухню, фискализацию и электронную очередь без потери статуса.

  1. Пользователь формирует и подтверждает корзину.
  2. При необходимости вводит email для электронного чека.
  3. Оплачивает заказ через связанный платёжный терминал.
  4. Оплаченный заказ передаётся на кухню и получает номер.
  5. Номер появляется в зоне «Готовятся» на экране очереди.
  6. После приготовления заказ переходит в статус «Готов».

Результат

11 ключевых экранов и состояний
10 шагов клиентского сценария
2 связанных интерфейса
3 группы пользователей продукта

Был сформирован целостный UX/UI-концепт IoT-приложения: от привлечения внимания на промо-экране до оплаты, получения номера и отслеживания готовности заказа.

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

Интерактивные прототипы

Главный вывод

Хороший интерфейс терминала не просто ускоряет оформление заказа: он синхронизирует действия покупателя, платёжной системы и сотрудников в едином понятном сценарии.