Пиво Plato — лендинг тёмного пива для новичков: выбрать сорт по числу на этикетке

Сайт ведёт человека от первого экрана к магазину, где есть нужный сорт. Четыре сорта стоят лестницей от 14 до 26, а бутылка поворачивается и наливается вместе с прокруткой. Пивоварня и магазины придуманы.

Команда: Я и Claude Code, заказчика нет.

Тёмное пиво обычно описывают словами вроде «бархатистое» или «с нотами кофе». Тому, кто его не пьёт, они ничего не говорят, и он берёт наугад или проходит мимо. Это допущение концепта, исследования Я не проводил.

Поэтому сорта названы числами: 14, 18, 22 и 26. Это начальная плотность сусла в градусах Плато: 22 значит, что до брожения в 100 г сусла было 22 г сахара. Чем больше число, тем пиво плотнее и крепче, отсюда и название бренда.

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

1. Лестница вместо описаний

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

2. Настоящая бутылка вместо картинки

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

Чужое название ушло, когда этикетку перевели в вектор. А поворот и единый свет дал только 3D-ролик.

Размеры из спецификации и задания генератору (диаметр 72 мм) давали бутылку на 560–570 мл вместо пол-литра. Я решил строить по заводскому чертежу настоящей бутылки 0,5 л: правильный объём был мне нужнее красивой ширины. Объём модели сошёлся с чертежом, а силуэт почти совпал с макетом.

Ошибался и Я. Замер дал пробке узкие зубцы, а мне они напомнили шестерёнку, и Я выбрал широкие лепестки, как на картинках генератора. Через три недели сверка с фотографиями настоящих пробок показала, что прав был замер. Пробку вернули к узким зубцам, а потом Я попросил сделать их ещё уже.

3. Ролик идёт за прокруткой

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

Сорт меняется, пока этикетка повёрнута от зрителя. Из-за этого в кадре всегда одна бутылка, как в жизни.

4. Сайт ведёт к магазину

Все кнопки «Где купить» ведут на один экран, где подсвечены магазины с выбранным сортом. Ролик весит около 18 МБ, поэтому сначала грузятся обложка и кадры остановок, а остальное подтягивается, пока человек читает. Чистовой рендер всего ролика настроен, но на процессоре он шёл бы около 10,5 часа и пока не запускался, а от платной рендер-фермы Я отказался. Для сайта Я заказал черновой, а в 4K есть только восемь кадров остановок.

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

• Покажу первый экран пятерым людям 28–45 лет, которые не пьют тёмное, и спрошу, что значит «22» и какой сорт они взяли бы. Если четверо из пяти объяснят и выберут, идея работает. Знатоков крафта не беру: число они поймут и так.
• После запуска посмотрю, какая доля посетителей доходит до лестницы и нажимает «Где купить».
• Потом месяц сравню две версии сайта: сорта с числами и сорта с описанием вкуса. Мерить буду переходы к магазинам.

Лендинг собран, но не опубликован и на людях не проверен.

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

Что дальше: тест на пяти людях, потом публикация. До неё уберу с экранов фразы, которые запрещает закон о рекламе алкоголя, и обещание доставки по России, а ось графика в «Подвале» подпишу плотностью, а не температурой.