Сборка при прокрутке
Фирменный бургер собирается слой за слоем — у каждого ингредиента свой момент.
Концепт сайта ресторана
BURGER NOIR: шесть слоёв, которые собираются при прокрутке
Тёмный кинематографичный концепт сайта бургерной. Бургер на первом экране следит за курсором, фирменный бургер собирается по слоям при прокрутке, а корзина помнит заказ между визитами.
6слоёв собираются при прокрутке
Задача
Сделать сайт ресторана с сильным характером, который при этом работает как магазин: полистать меню, положить в корзину, увидеть, горит ли гриль, и заказать доставку в пару касаний.
Что сделано
- Восемь блоков на одной странице с параллаксом на первом экране и летящими искрами.
- Сцена прокрутки: шесть слоёв бургера собираются с подписями, пока посетитель читает.
- Меню с фильтрами по говядине, острому и без мяса; карточки с наклоном, весом, калориями и ценой.
- Перетаскиваемая лента доставки с инерцией и корзина, которая помнит содержимое и принимает промокод.
- Статус «гриль горит» по часам работы; русская и английская версии.
Чем интересен проект
Корзина с памятью
Товары остаются в корзине между визитами, есть промокод и копирование в одно касание.
Статус гриля
В шапке видно, горит ли гриль прямо сейчас, — по часам работы.
Как выглядит внутри
Интерфейсы показаны на языке оригинала.
Результат
Рабочая демонстрация сайта ресторана с кинематографичной подачей и настоящим сценарием заказа. Это мой концепт без заказчика: бренд вымышленный, цены — примерные.
Давайте создадим вместе
Хотите так же?
Расскажите о бизнесе и результате, который нужен. Отвечу вопросами, подходом и вилкой цены.