Зачем это нужно?
Проблема
- Бумажные меню проходят через сотни рук в день — негигиенично
- Изменить цену или убрать блюдо = перепечатать все меню
- Официанты тратят время на переписывание заказов
- Нет статистики: какие блюда популярны, когда пики заказов
Решение
- Клиент сканирует QR код на столике → меню на его телефоне
- Изменить что угодно за 5 минут в коде
- QR код заказа → официант сканирует → заказ в системе
- Графики, фильтры, статистика в реальном времени
Демонстрация на разных устройствах
Система полностью адаптивна — работает на телефонах, планшетах, десктопах.
Статистика и аналитика
Панель персонала собирает данные автоматически. Управляющий видит полную картину бизнеса.
6 основных метрик
- Всего заказов — счетчик всех заказов
- Выполнено — завершенные заказы
- Общая выручка — сумма всех оплаченных заказов
- Средний чек — выручка / количество заказов
- Среднее время — от сканирования до готовности
- Рост за неделю — сравнение с прошлой неделей в %
График выручки
Линейный график за последние 30 дней. Видны тренды, пики, спады. Hover показывает точную сумму за день.
ТОП-10 блюд
Горизонтальные бары. Сразу видно что заказывают чаще всего. Помогает планировать закупки и меню.
Загруженность по часам
24 столбца — по одному на каждый час. Видны пики (обычно 12-14 и 19-21). Можно планировать смены персонала.
Распределение по категориям
Круговая диаграмма. Показывает какие категории приносят больше денег: кофе 35%, горячие блюда 25%, завтраки 15%...
Как это работает
Клиент сканирует QR на столике
Открывается меню с 389 блюдами в 24 категориях. Фото каждого блюда, цены, описания.
Выбирает блюда с анимациями
Добавление в корзину с летящей анимацией. "Живая шторка" навигации — индикатор скользит к активной категории при прокрутке.
Генерируется уникальный QR заказа
Данные сжимаются на 70% (500→150 байт), генерируется QR с логотипом ресторана в центре. Действителен 30 минут.
Официант сканирует встроенным сканером
Открывает панель персонала, включает камеру, наводит на QR — заказ моментально появляется в системе со всеми деталями.
Статистика собирается автоматически
4 графика обновляются в реальном времени: выручка за 30 дней, ТОП-10 блюд, загруженность по часам, распределение по категориям.
Ключевые фишки
Летящая анимация корзины
Изображение блюда летит от карточки к кнопке корзины, уменьшается и вращается. Корзина подпрыгивает, счетчик пульсирует.
6 типов фильтров
Поиск по номеру, фильтр по статусу, по столику, по дате (с календарем), по сумме, сортировка в любом порядке.
QR с компрессией данных
Умный алгоритм сжатия: вместо полных названий блюд — только ID и количество. Экономия 70% размера QR кода.
Встроенный сканер
Не нужны отдельные приложения. Прямо в браузере через Camera API сканирует QR за секунду, декодирует jsQR библиотекой.
4 интерактивных графика
Chart.js визуализация: линейный график выручки, горизонтальные бары ТОП-10, загруженность по часам, круговая диаграмма категорий.
Календарь с подсветкой
Индивидуальный календарь фильтров. Подсвечивает только дни с заказами, дни без заказов — disabled. Выбор диапазона дат.
"Живая шторка" навигации
Горизонтальная прокрутка категорий с плавающим индикатором. Автоматически отслеживает текущую категорию при скролле.
Тактильная обратная связь
Vibration API: легкая вибрация при добавлении в корзину, средняя при успехе, двойная при ошибке. Улучшает UX на мобильных.
Технологии
Frontend
Библиотеки
Browser API
Метрики
Почему не агрегатор? (iiko, Poster)
Стоимость
Дизайн
Скорость
Данные
Кастомизация
Комиссии
Результаты
Гигиена
Никто не трогает меню руками. Каждый клиент смотрит на своем телефоне.
Гибкость
Изменить цену или убрать блюдо = 2 минуты в коде. Не нужно перепечатывать меню.
Автоматизация
Официанты не переписывают заказы. Сканировал → заказ в системе → на кухню.
Аналитика
Владелец видит полную картину: что заказывают, когда, за сколько. Данные для решений.
Нужно что-то похожее?
Хотите такую же систему? Разработаю индивидуальное решение для вашего ресторана, кафе или бара.