Среднее время выбора у экрана сократилось примерно с 70 до 45 секунд.
Системный подход к обычному меню
Коротко: контекст проекта, моя роль, ключевые решения и результат.
Контекст
Проект начался с простой ситуации: в кофейне, куда я регулярно заходил, меню было устаревшим и неудобным. Вместо точечного редизайна я предложил владельцам пересобрать саму логику меню и сделать современную цифровую систему.
Важно было не просто нарисовать красивый экран, а подготовить инфраструктуру, где один и тот же контент можно использовать на дисплее в кофейне, на сайте, в мобильном приложении, в соцсетях и рекламных материалах.
Цель проекта
Главная задача — сделать выбор быстрее и понятнее, а меню превратить в рабочий инструмент для бизнеса.
- Упростить выбор напитков и перекусов у кассы.
- Привести ассортимент, цены, объемы и характеристики к единой системе.
- Сделать заметнее позиции, которые важны бизнесу.
- Подготовить меню, которое легко обновлять без полной переработки макета.
Исследование
Работа началась с аудита ассортимента. Я собрал существующие версии меню, включая старые и неактуальные позиции, объединил их в одну таблицу и привел в порядок названия, цены, объемы и характеристики.
Дальше мы смотрели на аудиторию через интервью с владельцами и бариста. Они каждый день видят, как люди выбирают напитки, что спрашивают у кассы, какие позиции замечают, а какие проходят мимо.
Отдельно разобрали популярные и маржинальные товары, а также позиции, которые владельцы хотели продвигать активнее.
Сегментация аудитории
На основе исследования была составлена сегментация аудитории и определены основные пользовательские сценарии.
| Сегмент | Возраст | Доля аудитории | Job Story | Решение |
|---|---|---|---|---|
| Спортсмены | 18–35 | ~60% | После тренировки хочу быстро найти напиток, подходящий под мои цели по питанию. | Для всех напитков рассчитаны и добавлены КБЖУ. |
| Хочу быстро подобрать напиток по крепости кофе. | Добавлена визуальная шкала крепости. | |||
| Хочу быстро выбрать полезный перекус. | Полезные напитки и перекусы получили отдельные акценты в меню. | |||
| Молодые люди | 18–30 | ~25% | Хочу понять разницу между рафом, латте и капучино без вопросов бариста. | Добавлена шкала крепости и переработана структура категорий. |
| Хочу выбирать напитки по тому, как они выглядят. | Для всех позиций созданы крупные фотографии в едином стиле. | |||
| Хочу быстро найти что-то новое или необычное. | Авторские и сезонные напитки стали заметнее. | |||
| Родители с детьми | 25–45 | ~15% | Хочу быстро найти напиток для себя и ребенка. | Категории стали проще и логичнее. |
| Не хочу долго изучать меню у кассы. | Количество карточек на экране уменьшено, а их размер увеличен. | |||
| Хочу сразу увидеть весь ассортимент еды и десертов. | Еда и перекусы были интегрированы в цифровое меню. |
Во время исследования выяснилось еще одно наблюдение. Многие посетители плохо понимают разницу между кофейными напитками. Именно поэтому в меню появилась визуальная шкала крепости, которая позволяет буквально за несколько секунд разобраться в ассортименте и быстрее принять решение.
Проектирование меню
Главной целью было сделать выбор максимально быстрым и понятным.
Поэтому в меню появились:
- КБЖУ для напитков.
- Шкала крепости кофе.
- Крупные фотографии каждой позиции.
- Логичная структура категорий.
- Акцент на наиболее маржинальных товарах.
При проектировании интерфейса я сознательно отказался от идеи разместить как можно больше товаров на одном экране. Вместо этого каждой позиции было выделено больше пространства. Благодаря крупным фотографиям и увеличенным отступам меню стало легче воспринимать даже с расстояния.
Инфраструктура контента
Самой большой частью проекта оказалось не само меню, а система вокруг него. Нужно было сделать так, чтобы новые позиции можно было добавлять быстро и без отдельной большой фотосессии каждый раз.
Я собрал процесс обработки изображений: напиток фотографируется, затем изображение приводится к единому визуальному стилю с помощью ИИ и получает прозрачный фон. После этого материал можно использовать в меню, на сайте, в приложении, соцсетях и рекламе.
Работа с ассортиментом
Одной из главных проблем стало большое количество товаров.
Если попытаться разместить весь ассортимент на цифровом экране, фотографии пришлось бы значительно уменьшить, а меню стало бы перегруженным.
Поэтому цифровое меню стало витриной наиболее важных позиций. Полный ассортимент сохранился в бумажной версии, а цифровой экран показывает только те товары, которые помогают посетителю быстрее принять решение.
Дополнительно в цифровую систему были добавлены еда и перекусы. Раньше они находились отдельно на холодильнике и практически не являлись частью меню. Для них также были подготовлены фотографии и единый визуальный стиль.
Финальный дизайн
Результат
После запуска посетители стали чаще выбирать по цифровому экрану и почти перестали обращаться к бумажному меню. Ассортимент стал понятнее, а нужные бизнесу позиции получили больше внимания.
Количество одновременно видимых карточек уменьшили, а размер ключевых позиций увеличили.
Сезонные и маржинальные товары стали чаще замечать и спрашивать у кассы.
Фотографии и визуальные материалы используются в меню, соцсетях, рекламе и приложении.
Новые позиции добавляются в систему без полной переработки дизайна и отдельного макета.
В результате проект вышел далеко за рамки обычного дизайна меню. Вместо статичного макета была создана цифровая система с подготовленной инфраструктурой, которая позволяет кофейне поддерживать единый визуальный стиль, быстро обновлять ассортимент и использовать один контент сразу во всех каналах коммуникации.
CTA
Если нужно превратить меню в понятную цифровую систему
Можно обсудить ассортимент, экран, контент и точки, где меню сейчас мешает выбирать или продавать.