Скрол-досвід · Ресторани

Zhar Burger

Сайт ресторану, де приготування і є інтерфейсом: відео прокручується покадрово разом зі скролом, а під ним — повний шлях замовлення.

Статус: Працює
Year: 2026
Live: Відкрити сайт

Контекст

Бургерний бренд конкурує апетитом, а сітка фотографій страв його не створює. Сайт мав зробити їжу самим досвідом, а не ілюстрацією, — і при цьому не заважати зробити замовлення.

Підхід

Сторінка побудована як розділи. Кожен фіксується у вікні й програє послідовність приготування, привʼязану до позиції скролу, — темп задає сам відвідувач. Камерний HUD показує температуру, стадію й кадр, і це перетворює відео про їжу радше на документ.

Дизайн-рішення

Майже чорна кінематографічна сцена з єдиним кислотно-зеленим акцентом
Вузький крупний шрифт проти технічного моноширинного HUD
Розділи пронумеровані як частини ролика, а не названі як пункти меню
Двомовний інтерфейс, українська за замовчуванням для київської аудиторії

Інженерія

Позиція скролу відображається у currentTime відео через попередньо розраховані таблиці щільності кадрів
Кодування, придатне для перемотки: скрабінг потрапляє в кадр, а не підвисає
Телефонам віддаються легші кліпи, медіа не вантажиться, доки відвідувач не почав рух
Увесь шлях замовлення — меню, модифікатори, кошик, стіл, виклик офіціанта — у тому ж інтерфейсі