Opara
Демо-концептконцепт
Концепт сайта кофейни со своей пекарней: меню из базы с поиском, корзина, заказ навынос к выбранному времени, расписание выпечки и пульт баристы.
- 6
- партий выпечки в день по расписанию
- поиск
- по всему меню из базы
- ко времени
- заказ навынос
- пульт
- бариста видит заказы
Задача
Что нужно было сделать
Задача
Гость хочет заказать кофе и выпечку заранее и забрать без очереди, а ещё знать, когда из печи выйдет свежая партия. Владелец хочет менять меню сам и видеть заказы у стойки.
Для кого
Гости по дороге на работу: заказать заранее и забрать без очереди. Те, кто ждёт свежую партию к нужному часу. Бариста, которому нужно видеть заказы и их статусы у стойки.
Путь
Путь человека на сайте
- Собирает заказ
Меню из базы по категориям, поиск по всему меню, хиты отмечены.
- Выбирает время
Заказ навынос к выбранному часу; корзина живёт в браузере и переживает перезагрузку.
- Смотрит, что в печи
Расписание выпечки на день: ближайшая партия и время до неё считаются сами.
- Бариста ведёт заказы
Пульт: заказы по часам, статусы «новый → готовим → готов → выдан», выручка смены.
Экраны
Как это выглядит
Работа
Что сделали
Категории и позиции из базы, вкладки строятся сами, поиск по названиям и описаниям.
Корзина живёт в браузере, состав и сумму считает сервер по ценам из базы.
Что и во сколько выходит из печи; ближайшая партия подсвечивается и считается до минуты.
Статусы «новый → готовим → готов → выдан» и выручка смены.
- Меню из базыкатегории и позиции
- Поискпо всему меню
- Корзинасохраняется между визитами
- Заказ ко времениспособ получения и время
- Торты на заказформа с начинкой и весом
- Расписание печичто и во сколько
- Пульт баристыдемонстрационный
- Панель управленияменю и заказы
- Node.js
- Express 5
- SQLite
- Vanilla JS
Демонстрационный концепт студии. Название, адрес и телефон вымышлены.