Флагманский кейс спешелти-кофейни: фирменный стакан ведёт гостя через весь сайт по скроллу, а состав фирменного рафа разбирается на видео, которым управляет прокрутка. Редакционная антиква вместо дежурного гротеска, стеклянные панели с тёплым свечением, меню на 18 позиций из одного файла. Дизайн, код и визуалы — InterLAB. Кофейня вымышленная, это витрина подхода.
point-cloud · стакан навынос
это не скриншот — в рамке настоящий сайт · наведите, чтобы выпрямить
боль ниши
Спешелти-кофейня продаёт вкус и ритуал, но онлайн выглядит как все: пара фото в Instagram, меню картинкой, заказ через директ. Гостю не за что зацепиться — он выбирает то, что ближе к дому, а не то, что вкуснее.
решение
Вместо стоковых кадров — сам стакан: он закреплён на экране и живёт вместе со скроллом, разворачиваясь и открываясь. Фирменный раф не описан словами, а разобран на слои в видео, которым управляет прокрутка: пена, сливки, карамель, двойной эспрессо. Гость понимает, за что платит, ещё до первого глотка.
Кофе, который будит город
Prata — высококонтрастная антиква с кириллицей: засечки и тонкие штрихи дают редакционный характер. Onest — нейтральный гротеск для набора. Контраст засечек вместо контраста ширины.
стек
Фирменный стакан закреплён на экране и живёт вместе со скроллом: разворачивается, уходит к краю, открывается рафом. Гость смотрит на сам продукт, а не на чужие фото из фотобанка.
scroll-choreography
Состав рафа не описан словами, а разобран на слои: прокрутка доводит видео до полного раскрытия, замирает и показывает подписи, затем собирает стакан обратно. Назад — тоже отматывает. Видео проигрывается нативно, поэтому идёт плавно, без покадрового дёрганья.
scroll-driven video
Prata — высококонтрастная антиква с полной кириллицей. Строчные вместо жирного капса сразу поднимают восприятие цены: спешелти читается дороже точки у метро.
editorial serif
18 позиций в четырёх разделах лежат в JSON: барменеджер меняет строку — сайт обновляется мгновенно, без вёрстки и программиста. Заказ навынос собирается в WhatsApp, без агрегатора и его комиссии.
JSON-menu · wa.me
Честно
«Крем Coffee» — вымышленная кофейня: флагман-демо шоурума InterLAB, цены и меню — иллюстрация формата. Такой же сайт под ваш реальный бизнес собирается с вашим меню, фото и номером WhatsApp.
Покажем черновик на нашем поддомене до любых оплат. Скролл-видео, меню из одного файла и заказ в WhatsApp — как в демо, но с вашим напитком, позициями и фото.