Сайт · Фастфуд / бургерная с доставкой

FAT BURGER — Больше мяса. Доставка за 40 минут

Кликабельный hi-fi прототип сайта уличной бургерной на мок-данных, без бэкенда. Меню, конструктор бургера, корзина и оформление заказа работают целиком на клиенте, состояние корзины сохраняется в localStorage. Все оплаты и отправки — заглушки: сабмиты ведут на экран успеха, а демо-ссылки показывают тост.

✓ Сайт✓ Фастфуд / бургерная с доставкой✓ Живое демо
Рассчитать стоимость →Написать в MAX
fatburger.ru
↗
Загружаем демо…
◆Это живое демо — кликайте по интерфейсу прямо здесь. Кнопка ↗ открывает его на весь экран.

О проекте

Кликабельный hi-fi прототип сайта уличной бургерной на мок-данных, без бэкенда. Меню, конструктор бургера, корзина и оформление заказа работают целиком на клиенте, состояние корзины сохраняется в localStorage. Все оплаты и отправки — заглушки: сабмиты ведут на экран успеха, а демо-ссылки показывают тост.

Страницы сайта

Главная

Hero, бегущая строка, тизеры разделов, сетка хитов меню, тизер конструктора и комбо, блок доставки.

Меню и конструктор

Каталог по категориям (бургеры, снеки, напитки, соусы, десерты) со sticky-табами и функциональный конструктор бургера.

Акции, комбо и лояльность

Комбо-наборы, промокоды с копированием, программа кешбэка с уровнями и штампами за заказы.

Доставка и оплата

Ключевые цифры, зоны по городам, способы оплаты и FAQ-аккордеон.

Контакты и точки

Карточки точек с самовывозом, мессенджеры и форма обратной связи.

Что умеет

✓Конструктор бургера с выбором слоёв (single/multi/степпер) и живым пересчётом цены и калорий
✓Корзина-drawer: добавление с карточек, степперы количества, апселл, подсчёт доставки
✓Оформление заказа с переключателем доставка/самовывоз и экраном успеха с трекером статусов
✓Переключатель «Доставка / Самовывоз» в шапке
✓Копирование промокодов через clipboard + тост
✓FAQ-аккордеон на странице доставки
✓Форма обратной связи с валидацией и тостом
✓Сохранение корзины между страницами в localStorage

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

Хотите такой же продукт для своего бизнеса?

Расскажите про задачу — пришлём идею решения и ориентир по цене в течение дня.

Услуга по этому направлению →← Всё портфолио