Меню-борд за двенадцать долларов: что стало с производством контента для экранов

Кофейня на три столика в спальном районе. Владелец меняет цену на латте и пишет подрядчику. Через три дня приходит перерисованная картинка меню, её загружают на телевизор. Цена на экране снова совпадает с ценой в кассе.

Эта сцена — не про плохого подрядчика. Она про то, как устроен контент: меню сдали одним изображением. Любая правка, даже перестановка запятой, возвращается к дизайнеру, потому что текст живёт внутри картинки.

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

Цифра, ради которой всё считалось

Полный шаблон обошёлся в 11 долларов 72 цента. Сюда входят все неудачные прогоны и вся возня с зацикливанием фона. Следующий шаблон по уже готовой схеме — 5–8 долларов. На одно меню уходит 20–30 генераций изображений и около десяти роликов.

Разбивка по позициям. Изображение в продакшн-качестве — около 3 центов. Черновая проверка композиции — около одной десятой цента. Видео в 720p — около 10 центов за секунду. Видео в 1080p — около 45 центов за секунду.

Десятисекундный видеофон в 1080p — 4,5 доллара за прогон, и это самая дорогая строка в смете.

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

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

Почему меню перестало быть картинкой

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

Фон несёт атмосферу заведения. Генерируется один раз и дальше не трогается. Может быть статичным или зацикленным видео.

Текст меню — названия, описания, цены — живёт нативными элементами конструктора и правится прямо в браузере. Изменилась цена на латте: открыли, поправили, через полминуты это на экране.

Оформление и информеры — часы, погода, плашка с предложением дня, QR-код — готовые виджеты с реальными данными, а не нарисованные цифры внутри картинки.

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

Кейс первый: меловая доска

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

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

Доска рисуется полностью пустой. Чистая тёмная поверхность в деревянной раме, с текстурой меловой пыли и без единой буквы. Меню ложится поверх нативным текстом.

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

Слайд-шоу работает вживую: prtv.pro/0012233 — этот короткий адрес вводят прямо на телевизоре. Ролик https://www.youtube.com/watch?v=IeH5g6hIJYo

К меню сделана браузерная игра: мусанг ловит падающие кофейные зёрна, набрал 150 очков за три минуты — скидка 20 процентов и промокод на пятнадцать минут. Всё в одном HTML-файле, открывается по QR со второго слайда.

Дизайн игры повторяет меню: тот же грифельный фон, та же гирлянда. Игра должна выглядеть продолжением экрана, а не посторонним баннером.

  Игра: propel.ru/prtv/mg.html 

Кейс второй: сюжет вместо декора

Второе меню строилось вокруг истории: путь кофе от плантации до кружки. Страна — Эфиопия.

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

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

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

Слайд-шоу вживую: prtv.pro/0012238.

Ролик: https://www.youtube.com/watch?v=t60pM0TEnGs

Игра, ходилка: propel.ru/prtv/put_kofe.html

Кейс третий: движение без видео

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

Фоном стал пейзаж Москвы в виде оригами — Кремль, башни Сити, река, кораблики, всё сложено из бумаги.

В конструкторе есть тип элемента «HTML-блок». Внутрь кладётся обычная разметка со стилями, и всё, что умеет CSS и SVG, работает прямо на слайде. Никакого видео, никакого рендеринга, нулевой вес.

Так на бумажной Москве через экран летит самолётик и тянет за собой транспарант с бегущей строкой — туда идёт акция или объявление. Текст за самолётом остаётся текстом и правится в коде, а не перерисовывается. Анимирован и рекламный блок в углу: по чёрному фону идёт телевизионная рябь и блики по надписи.

Два ограничения, которые стоит знать заранее. Скрипты из HTML-блока вырезаются — работает только CSS и SVG-анимация. И тяжёлые пиксельные фильтры вроде турбулентности лучше применять на небольшой площади, иначе телевизор начнёт задыхаться.

Там, где хватает CSS-анимации, видео не нужно вовсе. Это ноль рублей в смете и ноль нагрузки на слабый телевизор — а слабых на точках большинство.

Слайд-шоу вживую: prtv.pro/0012246 — короткий адрес вводят прямо на телевизоре.

Ролик: https://www.youtube.com/watch?v=mssTgYBWXww

Что не зацикливается никогда

Самая дорогая ошибка в этой работе — попытка зациклить то, что зациклить нельзя.

Хорошо зацикливается всё, что циклично по природе: дым, пар, вода и рябь, облака, листва на ветру, мерцание света, жест на месте. Не зацикливается любое движение из точки А в точку Б. Бариста, наливающий кофе, в петлю не укладывается: чашка не может одновременно наполняться и быть такой же, как в начале. Человека из кадра убрали, чашку поставили уже готовой, с паром.

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

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

Про шрифт

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

Первым кандидатом на кофейное зерно была «О» — самая круглая, очевидный выбор. Оказался неверным. Пересчёт по 59 типовым позициям кофейного меню: «О» встречается в 53 процентах названий и в трети из них дублируется внутри слова. В слове «МОЛОКО» три зерна подряд — уже ребус, а не дизайн. А «Ф» встречается в 14 процентах позиций, не дублируется ни разу и есть в слове «КОФЕ», которое стоит на ста процентах кофейных меню.

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

Цифры не декорировали сознательно, и причина денежная: ноль с зерном внутри на дистанции путается с буквой «О», и цена превращается в загадку.

Что из этого следует для рынка

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

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

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

Генератор рисует всё, кроме текста. Цифры он рисует особенно плохо. А решает, из чего собрать экран, по-прежнему человек.

Полный разбор — с дословными промптами, параметрами генерации и сметой по каждой позиции — у меня в блоге: https://s.prtv.su/menyu-bordy/kak-sdelat-menyu-bord-dlya-kofejni-neyrosetyu

Все три меню открываются по короткому адресу на любом Smart TV: prtv.pro/0012233, prtv.pro/0012238, prtv.pro/0012246. Обе игры — propel.ru/prtv/mg.html и propel.ru/prtv/put_kofe.html

Все три демо-ролика в качестве 1080p собраны в плейлисте на YouTube: меловая доска — youtu.be/IeH5g6hIJYo, «Путь кофе» — youtu.be/-yXQqEksxrw, «Москва. Оригами» — youtu.be/mssTgYBWXww