VANTAdigital studio Обсудить проект →

← Все проекты

◆ bbq-kitchenrest.burbey.ru · Сайт для бизнеса

Сайт ресторана-гриля с бронью стола

Два зала в Москве, меню из базы, галерея и бронь: гость выбирает дату, время, число гостей и конкретный стол на схеме. Персонал ведёт брони и подачу в своей консоли.

40позиций меню в 10 разделах
12столов на схеме зала
2зала с адресами и картами
5экранов в консоли зала
Открыть сайт ↗ Как это работает ↓
Главная страница: BBQ Kitchen
Задача

Что нужно было
сделать

Гость должен за минуту найти меню и забронировать стол без звонка. Администратор должен видеть брони, стол и предзаказ в одном месте, а не в переписке.

Для кого. Гость, который выбирает, где поужинать: смотрит еду, цены и адрес с телефона, часто по дороге. И администратор зала, которому нужно знать, кто придёт, когда и что заказал.

Как это работает

Путь человека на сайте

  1. 01
    Гость открывает меню

    Полоса хитов с фотографиями, ниже все разделы одной лентой. Поиск находит блюдо по названию и описанию.

  2. 02
    Выбирает время и стол

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

  3. 03
    Отмечает блюда заранее

    Предзаказ по желанию: сумму считает сервер по ценам из базы, гость видит её в сводке.

  4. 04
    Смена видит бронь в консоли

    Сводка дня, схема 12 столов, статусы брони, очередь подачи по стадиям и база гостей.

Меню: полоса хитов с фотографиями и разворот с оглавлением
01Меню: полоса хитов с фотографиями и разворот с оглавлением
Разделы одной лентой, строки с отточием, поиск по блюдам
02Разделы одной лентой, строки с отточием, поиск по блюдам
Галерея: настоящие фотографии залов и блюд
03Галерея: настоящие фотографии залов и блюд
Два зала: адрес, часы, средний чек и карта
04Два зала: адрес, часы, средний чек и карта
Что сделали
МенюЧитается как напечатанное

Все разделы одной лентой, липкое оглавление, поиск по блюдам. Разметка вшита в страницу: меню видно без API и его индексирует поиск.

БроньСтол, а не «перезвоним»

Дата → время → гости → стол на схеме. Двойную бронь на один стол ловит транзакция в базе.

КонсольСмена видит зал целиком

Сводка дня, схема на 12 столов, брони со статусами, очередь подачи и база гостей.

СкоростьБез библиотек и сборки

Чистый HTML, CSS и JavaScript: страницы отдаются за сотни миллисекунд, прокрутка родная.

Что внутри

Из чего состоит сайт

Технологии
  • Node.js
  • Express 5
  • SQLite
  • Vanilla JS
  • Caddy + HTTPS
  • Меню и цены из базыправятся в панели, на сайте меняются сразу
  • Поиск по блюдампо названию, описанию, разделу и меткам
  • Галереянастоящие фотографии залов и блюд
  • Контактыдва адреса, карты, часы, средний чек
  • Бронь со схемой зала4×3 стола, зоны и вместимость
  • Предзаказблюда заранее, сумму считает сервер
  • Консоль заластатусы блюд: ожидает → готовится → подано
  • Уведомлениязаявка на почту и в панель

Концепт сайта для действующего ресторана, собранный студией по открытым данным. Официальным сайтом заведения не является; цены в меню черновые.

Есть похожая задача?

Разберём ваш случай, метрики и сроки — как в этом проекте. Цена называется до начала работ и не меняется.

Обсудить проект →