Крем Coffee Кофе, который будит город.
Флагманский кейс спешелти-кофейни: фирменный стакан ведёт гостя через весь сайт по скроллу, а состав фирменного рафа разбирается на видео, которым управляет прокрутка. Редакционная антиква вместо дежурного гротеска, стеклянные панели с тёплым свечением, меню на 18 позиций из одного файла. Дизайн, код и визуалы — InterLAB. Кофейня вымышленная, это витрина подхода.
point-cloud · стакан навынос
это не скриншот — в рамке настоящий сайт · наведите, чтобы выпрямить
Сайт в движении
Что сделано — и зачем
Скриншоты живого демо, а не макеты.
Продукт вместо стоковых кадров
Фирменный стакан закреплён на экране и ведёт гостя по странице: разворачивается, уходит к краю, открывается рафом. Гость смотрит на сам продукт, а не на фото из фотобанка.
Меню из одного файла
18 позиций в четырёх разделах лежат в одном файле: барменеджер меняет строку — сайт обновляется сразу, без вёрстки и программиста. QR-код ведёт к заказу в WhatsApp.
Разбор напитка, которым правит скролл
Состав рафа не описан словами, а разобран на слои: прокрутка раскрывает стакан, показывает подписи и собирает его обратно. Назад — отматывает. Видео проигрывается нативно, поэтому идёт плавно.
Заказ навынос без агрегатора
Финальный экран — всё для визита: адрес, часы, телефон и кнопка заказа навынос. Заказ собирается в WhatsApp, без агрегатора и его комиссии.
боль ниши
Кофеен много — запоминают единицы
Спешелти-кофейня продаёт вкус и ритуал, но онлайн выглядит как все: пара фото в Instagram, меню картинкой, заказ через директ. Гостю не за что зацепиться — он выбирает то, что ближе к дому, а не то, что вкуснее.
решение
Продукт показан, а не описан
Вместо стоковых кадров — сам стакан: он закреплён на экране и живёт вместе со скроллом, разворачиваясь и открываясь. Фирменный раф не описан словами, а разобран на слои в видео, которым управляет прокрутка: пена, сливки, карамель, двойной эспрессо. Гость понимает, за что платит, ещё до первого глотка.
Палитра, пара шрифтов, стек. Одна ниша — одна система.
Кофе, который будит город
Prata — высококонтрастная антиква с кириллицей: засечки и тонкие штрихи дают редакционный характер. Onest — нейтральный гротеск для набора. Контраст засечек вместо контраста ширины.
- --bg#572a14терракота
- --surface#6d3a1dобжарка
- --ink#f5ecddкремовый
- --accent#f2a43cзолото
- --accent-2#ff6a1fоранж крема
стек
Почему сделано именно так
Продукт вместо стоковых кадров
01Фирменный стакан закреплён на экране и живёт вместе со скроллом: разворачивается, уходит к краю, открывается рафом. Гость смотрит на сам продукт, а не на чужие фото из фотобанка.
scroll-choreography
Разбор напитка на видео, которым правит скролл
02Состав рафа не описан словами, а разобран на слои: прокрутка доводит видео до полного раскрытия, замирает и показывает подписи, затем собирает стакан обратно. Назад — тоже отматывает. Видео проигрывается нативно, поэтому идёт плавно, без покадрового дёрганья.
scroll-driven video
Редакционная антиква вместо дежурного гротеска
03Prata — высококонтрастная антиква с полной кириллицей. Строчные вместо жирного капса сразу поднимают восприятие цены: спешелти читается дороже точки у метро.
editorial serif
Меню живёт в одном файле
0418 позиций в четырёх разделах лежат в JSON: барменеджер меняет строку — сайт обновляется мгновенно, без вёрстки и программиста. Заказ навынос собирается в WhatsApp, без агрегатора и его комиссии.
JSON-menu · wa.me
Честно
«Крем Coffee» — вымышленная кофейня: флагман-демо шоурума InterLAB, цены и меню — иллюстрация формата. Такой же сайт под ваш реальный бизнес собирается с вашим меню, фото и номером WhatsApp.
Для похожего бизнеса
Хотите такой же — под вашу кофейню?
Покажем черновик на нашем поддомене до любых оплат. Скролл-видео, меню из одного файла и заказ в WhatsApp — как в демо, но с вашим напитком, позициями и фото.
- Оценка объёма и рисков до старта
- NDA — по вашему или нашему шаблону
- Старт работ в течение недели