Компьютерный клуб: схема зала и пульт смены
Концепт сайта круглосуточного клуба: тарифы из базы, схема зала на четыре зоны с занятостью мест, расчёт брони до звонка и пульт администратора для смены.
Что нужно было
сделать
Игрок хочет знать три вещи: свободно ли место, сколько стоит час и можно ли занять место заранее. Администратору нужно видеть зал, брони и выручку смены, не отходя от стойки.
Для кого. Игроки 16–30 лет, которые приходят компанией и выбирают место рядом друг с другом. Администратор смены, который принимает брони и следит за загрузкой зала.
Путь человека на сайте
- 01Смотрит залы и тарифы
Четыре зоны с железом и ценой за час; пакеты на ночь и на день из базы.
- 02Выбирает место на схеме
Схема зала как на входе: ряды, занятые места штриховкой, комната VIP и диван с приставками.
- 03Видит цену до звонка
Дата, время, число часов — сумма считается по прайсу и переносится в бронь.
- 04Администратор ведёт смену
Пульт: брони, выручка, загрузка по часам, что берут чаще, журнал действий.




Схема зала с занятостью; место выбирается прямо на схеме и попадает в форму записи.
Калькулятор брони считает по прайсу из базы: зал, тариф, часы. Выбор переносится в заявку.
Демонстрационный пульт администратора: брони, выручка, загрузка зала по часам.
Цены, расписание турниров и отзывы правятся в панели без правки кода.
Из чего состоит сайт
- Node.js
- Express 5
- SQLite
- Vanilla JS
- Тарифы из базыправятся в панели
- Схема зала40 мест, четыре зоны, занятость
- Калькулятор бронипо прайсу из базы
- Заявка на броньна почту и в панель
- Турниры и расписаниеиз базы
- Отзывыиз базы
- Пульт сменыдемонстрационный
- Работает без серверакак статика
Демонстрационный концепт студии, а не заказ заведения. Название, адрес и телефон вымышлены.
Разберём ваш случай, метрики и сроки — как в этом проекте. Цена называется до начала работ и не меняется.