Шаблон меню для кафе обычно скачивают за два дня до открытия или перед сменой цен. Красивый макет, вставили названия, отправили в печать — а потом выясняется: в папку он лёг нормально, в редактор агрегатора не влез, а в картах от него остался список из двадцати строк без фотографий. Дело не в шаблоне. Дело в том, что носителей минимум три, и правила у них разные.
Состав меню — отдельный разговор: сколько позиций оставить, какая у каждой маржа, что выкинуть из-за фудкоста. Здесь речь про носитель и вёрстку. Один и тот же ассортимент живёт на трёх экранах одновременно: папка или планшет в зале, карточка в агрегаторе доставки, блок «Меню» в Яндекс Картах и 2ГИС. Контекст у гостя в каждом случае свой.
В зале он уже пришёл, сидит за столом, рядом официант, который объяснит, что такое «тартар из дорадо». В агрегаторе он листает сорок кухонь подряд и решает по фотографии размером с визитку. В геосервисе он ещё не выбрал заведение — он выбирает, стоит ли вообще идти, и меню там работает как витрина, а не как справочник.
Отсюда главная мысль статьи: шаблон нельзя «перенести». Его нужно пересобрать под каждый носитель из общего источника данных. Ниже — что именно ломается и как это чинить руками, без дизайнера на каждое изменение цены.
Содержание
- Почему ассортимент один, а меню три
- Что ломается в готовом шаблоне при переносе
- Меню в зале: папка, вкладыш, планшет
- Карточка в агрегаторе: фото, название, модификаторы
- Блок «Меню» в Яндекс Картах и 2ГИС как витрина
- Цена, граммовка, состав: что писать и где
- Порядок блоков и что стоит первым
- Мастер-файл: один источник, три выгрузки
- Чек-лист самопроверки и типичные ошибки
01Почему ассортимент один, а меню три
Различие не в дизайне, а в том, какое решение принимает гость, глядя на экран. В зале решение звучит так: «что из этого я закажу сейчас». В доставке: «у кого заказать сегодня и что положить в корзину». В геосервисе: «это вообще моё место или пойду дальше».
Три разных решения — три разных набора требований к вёрстке. Папка в зале может позволить себе длинное описание: гость сидит, у него есть минута и есть официант, который досказывает. Карточка в агрегаторе живёт в мобильном списке, где название обрезается на середине и картинка важнее слов. Витрина в картах показывает десяток позиций, и по ним человек достраивает в голове уровень цен и тип кухни.
Зал: папка или планшет
Гость уже внутри. Есть официант, есть время, есть стол. Задача вёрстки — провести взгляд по позициям, которые вам выгодно продавать, и не заставлять читать мелкий шрифт при приглушённом свете.
Агрегатор доставки
Гость сравнивает вас с десятками кухонь в одном списке. Решает фото, короткое понятное название и честная цена без «от». Описание читают уже внутри карточки, и то не всегда.
Меню в геосервисах
Гость выбирает заведение, а не блюдо. Витрина из десятка позиций с фото и ценами отвечает на вопрос «сколько это будет стоить и что тут за кухня».
Практический вывод простой: пока вы верстаете «меню вообще», вы верстаете для одного из трёх носителей и портите два остальных. Решите сразу, с какого начинаете — и чем он отличается от других двух.
02Что ломается в готовом шаблоне при переносе
Готовые макеты в конструкторах решают одну задачу — сделать красивую страницу. Они не знают, что через месяц эту же страницу придётся разобрать на карточки с фотографиями и отдельными полями. Поэтому ломается предсказуемо и в одних и тех же местах.
| Решение в шаблоне | Что происходит при переносе | Как делать |
|---|---|---|
| Декоративный шрифт, курсив, разрядка | В редакторе площадки шрифт свой, вся типографика теряется | Смысл держите в словах, не в начертании |
| Название в две строки с эпитетами | Обрезается многоточием, гость видит половину | Суть — в первых словах, детали в описание |
| Один коллаж на три блюда | Карточка требует одно фото на позицию | Снимать покадрово, каждое блюдо отдельно |
| Состав мелким курсивом под названием | Переезжает в отдельное поле описания без форматирования | Писать состав как перечисление через запятую |
| Цена «от 450 ₽» | В корзину такое не положить, позиция теряет доверие | Конкретная цена за конкретный вариант |
| Блок «От шефа» на первой странице | Сортировка по популярности ломает авторский порядок | Хиты выносить отдельной категорией |
Отдельная история — размер файла и формат. PDF на двадцать мегабайт с эффектами невозможно ни распечатать на обычном принтере без артефактов, ни прикрепить как меню в карточку организации. Держите рядом с макетом облегчённую версию: тот же текст, тот же порядок, никаких подложек.
Прежде чем утверждать макет, откройте его на телефоне и уменьшите до размера карточки в списке доставки. Если название блюда перестало читаться — переписывайте название, а не увеличивайте кегль.
03Меню в зале: папка, вкладыш, планшет
В зале у вёрстки две работы: вести взгляд и не создавать работу официанту. Гость читает не всё. Он задерживается на первой развороте, на блоке, который выделен рамкой или фоном, и на тех позициях, где есть фотография. Остальное просматривается по диагонали.
Из этого следует несколько прикладных вещей. Позиции, которые вам выгодны по марже, ставьте в начало блока и в конец — середина списка проваливается. Фотографиями снабжайте не всё подряд: когда фото стоит у одного-двух блюд в разделе, оно работает как указатель, когда у всех — превращается в обои. И не экономьте на кегле: папку читают при свете в двадцать раз слабее офисного.
Про обновление. Главный макет должен быть устроен так, чтобы цены менялись без переверстки: отдельная колонка цен или отдельный вкладыш. Перепечатать вкладыш на плотной бумаге дешевле, чем всю папку, а сезонные позиции в основной макет лучше не вшивать вовсе. Себестоимость и наценку при этом считают не в дизайн-редакторе — для этого есть программы калькуляции, и именно оттуда цена должна попадать в меню, а не из памяти управляющего.
Планшет в зале отдельного шаблона не требует — требует другой логики листания. Если гость сам крутит экран, категорий должно быть мало и они должны быть видны целиком, без горизонтальной прокрутки. Всё остальное — та же папка.
04Карточка в агрегаторе: фото, название, модификаторы
Здесь вёрстку задаёт площадка, и спорить с ней бессмысленно. Ваша зона влияния — четыре поля: фото, название, описание, цена. Плюс структура категорий и модификаторы.
Фотография обязательна по факту, даже если формально её можно не загружать. Позиция без снимка в списке с фотографиями выглядит как ошибка загрузки. Снимайте на одном фоне, в одном ракурсе и сразу в двух пропорциях — квадрат для списка и вертикаль для карточки, потому что кадрирование автоматикой обрезает ровно то, что вы считали главным.
Границы в шкале — ориентир из практики вёрстки, а не норматив площадки. Точное число знаков, после которого обрезается строка, зависит от устройства и версии приложения. Проверяйте предпросмотр в редакторе агрегатора на телефоне, а не на ноутбуке.
Дубли вместо модификаторов — вторая по частоте беда. Когда пицца 25 см, 30 см и 35 см заведены тремя отдельными позициями с тремя почти одинаковыми фото, список раздувается, а гость трижды видит одно и то же блюдо. Размеры, тесто, степень остроты — это модификаторы внутри одной карточки. Как это связано с экономикой доставки и выбором форматов, разбирали в материале про расчёт зоны доставки пиццерии.
Описание в агрегаторе читают выборочно, но оно решает споры. Туда идёт состав, вес или объём, острота, наличие свинины, срок жизни блюда в дороге. Без описания у вас вырастет число обращений в поддержку и возвратов — а каждый возврат стоит дороже, чем лишние тридцать секунд на заполнение поля.
05Блок «Меню» в Яндекс Картах и 2ГИС как витрина
Самая недооценённая площадка. Владельцы либо не заполняют блок меню вовсе, либо загружают туда PDF полной версии на четыре страницы. Оба варианта мимо, потому что задача у этого блока другая.
Человек в картах ещё не ваш гость. Он ввёл «кофейня рядом» или «где поесть на Ленина», открыл карточку и смотрит: фотографии, отзывы, цены. Меню для него — источник двух ответов: сколько это будет стоить и что за кухня. Полный ассортимент на этом этапе мешает: двадцать строк без фото пролистываются за секунду и не оставляют ничего.
Меню в геосервисе — витрина на этапе выбора заведения, а не справочник для уже сидящего гостя. Десять-пятнадцать позиций с хорошими фото и точными ценами работают лучше, чем полная выгрузка на восемьдесят наименований.
Что отбирать в витрину: флагманские блюда, по которым вас узнают; позиции с лучшими фотографиями; и обязательно — что-то дешёвое и что-то среднее по цене, чтобы человек мог достроить уровень чека. Если в витрине только стейк за три тысячи, половина аудитории решит, что заведение не для неё.
И ещё одно: цены в картах обязаны совпадать с реальными. Расхождение ловится гостем мгновенно и уезжает в отзывы, а отзывы в геосервисах влияют на выбор сильнее любого макета. Это особенно чувствительно для формата с высокой частотой визитов — для кофеен, где человек приходит несколько раз в неделю и помнит прошлую цену. Про частоту визитов как основную метрику такого формата писали в разборе продвижения кофейни.
06Цена, граммовка, состав: что писать и где
Три поля, на которых чаще всего спотыкаются при переупаковке. У каждого носителя своя степень подробности, и копирование один в один даёт либо перегруз, либо пустоту.
| Поле | Зал | Агрегатор | Геосервис |
|---|---|---|---|
| Цена | Точная, колонкой справа | Точная за вариант, «от» недопустимо | Точная, совпадает с залом |
| Граммовка / объём | Обязательно, рядом с ценой | В описании или в названии варианта | Можно в названии, если влезает |
| Состав | Одна строка, 4–6 ключевых ингредиентов | Полный, перечислением | Не нужен — он тут не читается |
| Фото | У 2–3 позиций в разделе | У каждой позиции | У каждой позиции витрины |
«От» в цене — главный кандидат на вычистку. В папке «паста от 390 ₽» ещё сходит за гибкость, в доставке это прямой путь к отказу: гость не понимает, что он добавляет в корзину. Если вариантов несколько, это варианты с ценами, а не диапазон.
Что именно и в каком виде обязательно указывать в меню — состав, вес, калорийность, сведения об аллергенах и алкоголе — определяется нормативными требованиями, и они меняются. Эта статья про вёрстку и читаемость, а не про соответствие правилам. Перед печатью тиража покажите макет своему юристу или технологу: ошибка в обязательных сведениях дороже, чем переверстка.
07Порядок блоков и что стоит первым
Порядок категорий в зале часто наследуется из привычки: холодные закуски, салаты, супы, горячее. Для ресторана полного цикла логично. Для кофейни, пекарни или заведения с доставкой — спорно. Первым должно стоять то, что человек ищет, или то, что вы хотите продать.
В агрегаторе первая категория почти всегда «Хиты» или «Популярное». Это не лень, а механика: гость, который открыл вашу карточку первый раз, не знает, что заказать, и ему нужен короткий список из пяти-шести позиций. Чем больше категорий он должен пролистать до первого понятного блюда, тем выше шанс, что он уйдёт к соседям.
В картах порядок задаёте вы и он важнее, чем кажется: первые четыре плитки видны без прокрутки. Поставьте туда флагман, что-то визуально сильное и позицию со средней ценой.
Проверьте порядок блоков по чекам за последний месяц: какие пять позиций встречаются чаще всего. Если ни одна из них не попадает в первый экран ни на одном носителе — переставляйте. Данные о том, что и как часто берут конкретные гости, лежат в кассе и в CRM, а не в интуиции.
08Мастер-файл: один источник, три выгрузки
Пока меню живёт в трёх несвязанных местах — в дизайн-макете, в редакторе агрегатора и в кабинете карт, — расхождения появятся обязательно. Не из-за небрежности, а из-за того, что цену меняют в одном месте и забывают в двух.
Собрать таблицу всех позиций
Строка — блюдо. Колонки: короткое название до 32 знаков, длинное название для папки, состав, вес, цена в зале, цена в доставке, категория, ссылка на фото.
Слабо: три файла меню с разными ценами. Сильно: одна таблица, из которой берут данные и дизайнер, и контент-менеджер.
Отснять фото под два кадра
Квадрат для списков и вертикаль для карточки. Один фон, один ракурс, одинаковый свет. Снимать партиями по категории, а не по одному блюду в месяц.
Слабо: фото с телефона на фоне салфетницы. Сильно: 20 позиций за одну съёмку, единый фон, обрезка под два формата сразу.
Разлить по носителям
Печатный макет берёт длинные названия и состав строкой. Агрегатор — короткие названия, описание, модификаторы. Геосервис — витрину из 10–15 строк с фото.
Слабо: копировать из PDF вручную. Сильно: копировать из таблицы, где уже подготовлены оба варианта названия.
Назначить ответственного и дату сверки
Раз в месяц один человек открывает три носителя и сверяет цены и наличие с таблицей. Это полчаса работы администратора.
Слабо: «все следят». Сильно: в чек-листе администратора появляется пункт со датой и подписью.
Зона ответственности тут понятная: сверка носителей — работа администратора или управляющего, не дизайнера. Про то, какие ещё точки контроля на нём висят, есть отдельный разбор обязанностей администратора.
09Чек-лист самопроверки и типичные ошибки
Пройдите по каждому носителю отдельно, с телефона и в том свете, в котором его реально будут смотреть.
- Зал. Название читается с расстояния вытянутой руки при вечернем свете; граммовка стоит у каждой позиции; цены меняются вкладышем, а не перепечаткой всей папки.
- Зал, маржа. Позиции с лучшей маржой стоят в начале или конце блока, фотографии — у двух-трёх позиций в разделе, не у всех.
- Агрегатор. У каждой позиции есть своё фото в квадрате; название не обрезается в списке; размеры и варианты заведены модификаторами, а не дублями.
- Агрегатор, описание. Состав, вес, острота и наличие свинины заполнены; первая категория — хиты из пяти-шести позиций.
- Геосервисы. Вместо PDF загружена витрина из 10–15 позиций с фото; в первых четырёх плитках есть флагман и позиция средней цены.
- Все носители. Цена одного и того же блюда совпадает или расхождение объяснимо (доставка дороже зала — нормально, но одинаковое блюдо не может стоить по-разному в зале и в картах).
- Процесс. Есть таблица-источник и назначенная дата месячной сверки с фамилией ответственного.
- Загрузить полное PDF-меню в карточку организацииЧетыре страницы макета в мобильной карточке не читаются. Гость на этапе выбора хочет увидеть фото и цены, а не скачать файл.
- Писать цену «от»В доставке такую позицию нельзя положить в корзину без догадок. Вместо гибкости получается недоверие.
- Одно фото на несколько блюдКоллаж в карточке читается как набор, который гостю не продали. Площадке нужно одно изображение на позицию.
- Держать названия длиной в полторы строкиВ папке это выглядит солидно, в мобильном списке обрезается на середине, и главный ингредиент исчезает.
- Править цены только там, где вспомнилиЧерез три месяца у вас четыре версии цены на капучино. Разницу первым находит гость, а вы читаете об этом в отзывах.
- Переверстывать всё меню из-за двух сезонных позицийСезонка живёт во вкладыше и в отдельной категории агрегатора. Основной макет трогать незачем.
Хорошая вёрстка не вытащит слабое меню. Она влияет на то, дошёл ли гость до заказа и что именно он выбрал. Вернётся ли он — решают кухня, сервис и цена. Если позиция стабильно не продаётся при нормальном фото и первом месте в категории, проблема в блюде или в цене, а не в шаблоне.
Шаблон меню нельзя перенести с носителя на носитель — его пересобирают из общей таблицы. В зале работают длинные названия, граммовка и управление взглядом; в агрегаторе — фото на каждой позиции, короткое название и модификаторы вместо дублей; в геосервисах — витрина из десятка позиций с точными ценами, потому что там гость выбирает заведение, а не блюдо. Один источник данных и месячная сверка снимают главный риск — расхождение цен между носителями.
Ваше меню на трёх носителях — по пунктам
Посмотрим папку в зале, карточку в агрегаторе и блок меню в Яндекс Картах и 2ГИС. Покажем, где названия обрезаются, где не хватает фото, где цены расходятся, и соберём таблицу-источник, из которой можно обновлять все три носителя без дизайнера.
Дисклеймер: расчёты учебные, данные площадок по справкам на момент публикации.