Leo Burger
Эталонный проект: как подавать бренд ресторана — и как заказ встраивается в эту подачу, а не прикручивается сбоку.
- Клиент
- Showcase — концепт без заказчика
- Город
- Концепт
- Год
- 2026
Исходная ситуация
Рестораторам обычно предлагают одно и то же: сайт на конструкторе со стоковыми фото и меню в PDF, которое никто не открывает с телефона. Профессиональный вопрос здесь другой — как подать бренд ресторана в сети так, чтобы аргументацию вёл сам продукт, и где именно в этой подаче место заказу. Этот проект — ответ в виде эталонной сборки: сделан без заказчика, чтобы концепцию, технику и путь заказа можно было проверить на полном живом примере — и перенести на бренд конкретного заведения.
Что построено
Покадровая сцена на скролле
Вместо слайдера позиция скролла управляет временем одного 10-секундного клипа: бургер кадр за кадром раскладывается на пять слоёв, вперёд и назад. Технически это экономно — одно видео вместо секвенции из сотен файлов, то есть один запрос вместо множества. На ширине до 760 пикселей и на сенсорных устройствах включается отдельная, заметно более лёгкая версия видео (2,4 вместо 11,9 МБ): она спокойно идёт фоном, а не цепляется за скролл — это бережёт трафик и батарею.
Путь заказа без платформы посередине
Меню с ценами, корзина, доставка или самовывоз, сбор за доставку 2,90 € и бесплатно от 25 €, номер заказа для связи. Заказ уходит в собственную serverless-функцию, которая кладёт его читаемой карточкой в Telegram владельца — без агрегатора, без комиссии, без клиентских данных в чужих руках.
Продакшн-конвейер вместо стоков
Из одного референса сделаны все изображения страницы: четыре карточки каталога, hero-кадр и «взрыв-схема» (GPT Image 2) плюс hero-видео (Seedance). Важно не то, что не было фотосессии, а то, что в каждой сцене лежит физически один и тот же бургер — та же бриошь, тот же соус, тот же край котлеты. Именно этой согласованности заведение со сборными стоковыми фото не получит никогда.
Архитектура контента под перенос
Цены, названия блюд, описания и весь интерфейс лежат на DE, EN и RU в одном файле и одной модели данных — блюдо существует один раз, а не три. Поэтому смена бренда — это работа с контентом в одном месте, а не вторая сборка: путь заказа, переключение языков и сцена на скролле остаются на месте.
Доставка и приватность заложены в конструкцию
Страница отдаётся статикой, динамическая только функция заказа — нет сервера, который может упасть, и нечего патчить по ночам. Страница не ставит cookies и не подключает аналитические или рекламные сервисы, поэтому баннер согласия не нужен; выбор языка хранится локально в браузере. Лёгкая версия для сенсорных устройств определяется по ширине и типу ввода, а не по списку устройств, который устаревает.
Результат
- 10 s
- hero-секвенция, покадрово управляемая скроллом — один клип вместо сотен картинок
- 0 %
- комиссии платформам — каждый заказ уходит прямо владельцу
- 3
- языка из одной модели данных — блюдо правится один раз
- 6
- продуктовых кадра из одного референса — одинаковый продукт в каждой сцене
Эталонный проект без заказчика: за ним нет действующего бизнеса, поэтому здесь нет цифр по выручке и заказам. Показана конструкция, а не бизнес-результат.
Как это выглядит
Технологии
- Vite + React
- GSAP ScrollTrigger + Lenis
- Serverless (Vercel) → Telegram
- GPT Image 2 · Seedance
Следующий проект
Sushilka Gera
Sushilka — доставка суши
Контакт
Расскажите о вашем бизнесе.