Все работы

Кейс 02Сайт ресторана с бронью по схеме залаКонцепт

Хмель и Мята

Дать гостю выбрать не просто время, а конкретный столик, чтобы не уточнять это по телефону.

Клиент
Ресторан белорусской кухни и крафтового пива в Минске
Срок разработки
15 дней
Год
2026
Стек
HTML, CSS, JavaScript, SVG
Первый экран сайта «Хмель и Мята»
Первый экран сайта «Хмель и Мята» на телефоне

01 Задача бизнеса

В ресторане бронь принимают по телефону, и гости каждый раз просят столик у окна или подальше от бара. Администратор держит всё это в голове.

Нужен сайт, где гость сам видит зал и выбирает место.

02 Решение

Схему зала я рисую в SVG из данных: столики на 2, 4, 6 и 8 мест, круглые и прямоугольные. Подходящие по числу гостей подсвечены, занятые и неподходящие приглушены.

Столики доступны с клавиатуры: у каждого есть подпись вроде «Столик 7, 4 места, у окна, свободен», между ними можно ходить стрелками.

Меню фильтруется по меткам и аллергенам, поиск не различает «е» и «ё», а выбранные фильтры лежат в адресе страницы.

03 Ключевые функции

  1. «Хмель и Мята»: схема зала
    01

    Схема зала

    Выбранный столик подсвечен, справа сводка брони: гости, зал, номер столика и зона.

  2. «Хмель и Мята»: меню с фильтрами
    02

    Меню с фильтрами

    Метки, исключение аллергенов и поиск. Счётчик показывает, сколько блюд осталось.

  3. «Хмель и Мята»: выбор столика с телефона
    03

    Выбор столика с телефона

    Схему можно увеличивать кнопками, есть список подходящих столиков и автоподбор.

04 Результат

  • Гость видит зал до звонка
  • Депозит для компаний от 6 гостей считается сам
  • Схема доступна без мыши
  • HTML
  • CSS
  • JavaScript
  • SVG

Хотите такой же?

Сайт с онлайн-записью — от 550 BYN, 7–14 дней. Расскажите о своём бизнесе, и я предложу, как сделать сайт под вашу задачу.

Обсудить такой сайт