Оформление меню кафе: вёрстка, шрифты и подача цены

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

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

Вот механика: как глаз движется по листу, какие приёмы вёрстки этому мешают, и как проверить макет до того, как он уедет в типографию. Без «правил хорошего дизайна» — на конкретных ошибках, которые видны в большинстве меню.

01Что гость делает с листом в первые полторы минуты

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

Дальше включается стоп-фактор: подходит официант, за столом кто-то уже определился, ребёнок требует внимания. Выбор делается в условиях лёгкого цейтнота, и в такой ситуации человек выбирает то, что понял быстрее всего. Если название блюда требует расшифровки, а расшифровка набрана мелко и в четыре строки — гость перелистнёт дальше и возьмёт карбонару.

02Сетка: колонки, количество позиций, точка входа

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

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

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

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

03Десять анти-паттернов вёрстки

Это ошибки, которые встречаются почти в каждом втором меню, сделанном дизайнером без опыта в общепите. Рядом с каждой — что она делает с выбором и чем её заменить.

04Цена: как подать цифру, чтобы её читали второй

Цена должна быть на листе и быть понятной. Вопрос в порядке чтения: сначала блюдо, потом цифра, а не наоборот. Три приёма, которые этот порядок ломают, перечислены выше — столбец, отточие, знак валюты. Есть ещё четвёртый, менее очевидный: округление в духе «399» и «1 999». В сетевом фастфуде это нормальная практика, в заведении со средним чеком выше рынка такие цифры выглядят как распродажа и снижают воспринимаемое качество кухни.

Второй сюжет — соседство. Гость оценивает цену не по абсолютной величине, а по сравнению с соседними строками. Если в разделе стоят три позиции по 490 и одна по 890, дорогая выглядит выбросом. Если там есть позиция за 1400, то 890 попадает в середину и перестаёт пугать. Это не манипуляция, а честная работа с контекстом: ассортимент должен покрывать разные бюджеты, и в меню это должно быть видно.

Если себестоимость позиций у вас не посчитана построчно, начните с неё: как это делается, разобрано в материалах про технологическую карту на контрольной варке и заполнение ТТК на конкретное блюдо.

05Шрифт и кегль: проверка при свете вашего зала

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

По гарнитурам всё прозаично. Декоративный шрифт допустим в заголовках разделов и в названии заведения. Названия блюд и описания набираются шрифтом с нормальной читаемостью: открытые формы букв, различимые «и» и «н», отсутствие сверхтонких начертаний. Светлые начертания (Light, Thin) на офсетной печати дают проваленные штрихи — проверяйте на пробном оттиске, а не на экране.

Отдельно — рукописные шрифты в меню. Они выглядят по-домашнему и ломают скорость чтения. Если концепция требует «рукой», оставьте рукописный только для заголовка раздела, тело набирайте обычным.

06Описания: сколько слов и за что они отвечают

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

Формат строки — состав по существу, без вкусовых прилагательных. «Нежнейшая говядина в ароматном соусе» не сообщает ничего, кроме того, что автор старался. «Говяжья щека, 6 часов томления, пюре из корня сельдерея» сообщает способ приготовления, гарнир и уровень работы кухни — по этой строке гость готов заплатить больше.

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

07Выделения: почему их должно быть мало

Рамка, другой цвет, иконка, фотография — всё это инструменты первого прохода. Их валюта — дефицит. Два акцента на развороте гость заметит и прочитает. Восемь акцентов он не заметит вовсе: лист становится пёстрым, и мозг перестаёт отличать выделенное от обычного.

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

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

08Тест-прогон макета на живых гостях

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

Учебный пример расчёта — чтобы было видно, какие цифры вы вообще собираете.

09Фото меню для карточек на картах

Гость читает ваше меню дважды: в зале и до визита — в карточке на Яндекс Картах или 2ГИС, иногда с телефона по дороге. Там работают другие ограничения. Фото разворота на экране смартфона превращается в нечитаемое пятно, и гость уходит к соседней карточке, где цены видно.

• Снимайте по разделам, а не разворотами. Один кадр — один блок позиций, чтобы кегль на экране оставался читаемым.
• Фронтально и при ровном свете. Лист перпендикулярно камере, без бликов от лампы и без тени от рук. Вечерний свет зала для этой съёмки не годится.
• Проверяйте на телефоне, а не на мониторе. Откройте загруженное фото на смартфоне и попробуйте прочитать цену не приближая.
• Обновляйте после смены цен. Старые цифры в карточке приводят гостя, который на месте обнаруживает другую цену. Это конфликт на входе, а не экономия времени.

Отдельная история — QR-меню. Оно живёт по своим правилам вёрстки: вертикальная лента, крупные заголовки, отсутствие разворотов. Делать его просто переснятым PDF печатного меню не стоит, механика сборки разобрана в статье про электронное меню через QR.

10Чек-лист перед типографией и частые ошибки

Пройдите по списку с распечатанным макетом в руках, в зале, вечером.

• Разделы идут в порядке заказа. От закусок к десертам, а не по логике цеха.
• В разделе не больше семи позиций. Если больше — разбит на подразделы с заголовками.
• Выгодные позиции стоят в начале раздела. И не в конце страницы.
• Цена стоит после названия или описания. Без отточия, без выравнивания столбцом, без знака валюты и копеек.
• Иерархия кеглей читается с расстояния вытянутой руки. Заголовок, название, описание отличаются визуально.
• Описания не длиннее двух строк. И есть не у каждой позиции.
• Акцентов на развороте один-два. И стоят на том, что выгодно и продаётся.
• Текст читается при вечернем свете зала. Проверено на реальном столе, а не на мониторе.
• Есть отдельные кадры по разделам для карточек на картах. Цена читается на экране телефона без приближения.
• Фудкост по каждой позиции посчитан. Иначе непонятно, что вообще двигать вверх.

• Утверждать макет только на экранеМонитор светится, бумага отражает. Половина проблем с читаемостью видна только на оттиске в зале.
• Печатать большой тираж при живом ассортиментеЧерез месяц меняется поставщик и цены, меню переклеивают скотчем. Лучше меньший тираж и вкладыш под сезонные позиции.
• Ставить фото ко всем позициям подрядСнятые блюда забирают заказы у неснятых независимо от маржи, и структура чека плывёт в случайную сторону.
• Выделять рамкой блюдо, которое никто не берётАкцент не создаёт спрос. Он только усиливает то, что уже работает.
• Менять макет и состав меню одновременноПотом невозможно понять, что сработало. Меняйте по одному и сравнивайте сопоставимые недели.
• Забывать про официантаЕсли в зале не знают, какие позиции вы продвигаете, вёрстка остаётся единственным продавцом. Про стык зала и гостя — в материале о работе хостес на входе.

Дисклеймер: расчёты учебные, данные площадок по справкам на момент публикации.