JOOZ: конструктор напитков и заказ к автомобилю в ОАЭ

Клиент и продукт

JOOZ — сервис заказа свежих соков и авторских напитков в ОАЭ. Гость собирает напиток со смартфона, оплачивает онлайн и забирает его у автомобиля. Мы разработали клиентское веб-приложение, серверную систему и кабинет команды: от состава напитка и расчёта цены до приготовления, выдачи и аналитики сети.

Стартовая точка и проблема (точка А)

В формате предзаказа недостаточно показать меню и принять оплату. У напитка есть размер, состав и добавки; у точки — часы работы и доступность; у гостя — автомобиль, к которому нужно вынести заказ. Если эти данные живут раздельно, сотруднику приходится уточнять состав, вручную сверять оплату и искать нужного гостя.

Поэтому продукт проектировали вокруг полного маршрута: выбор точки → настройка напитка → корзина → оплата → приготовление → прибытие → выдача. Клиентский экран и система команды должны описывать один и тот же заказ.

Цели и ограничения

• Сделать заказ удобным со смартфона без установки отдельного приложения.
• Позволить менять состав и сразу видеть цену и пищевую ценность напитка.
• Связать клиентскую витрину, оплату и рабочее место персонала в одном процессе.
• Учитывать график работы и доступность конкретной точки до приёма заказа.
• Дать руководителю инструменты управления каталогом, сотрудниками и продажами.

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

Решение: что мы сделали как команда

1. Мобильная витрина и выбор точки

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

Польза для бизнеса: Гость проходит путь от меню до заказа в браузере телефона; команда поддерживает содержание каталога в единой системе.

2. Конструктор напитка с прозрачным расчётом

Реализовали выбор размера, типа стакана и добавок, в том числе количества порций. Цена и КБЖУ пересчитываются при изменении состава. Перед добавлением в корзину комбинацию проверяет сервер: ограничения добавок и расчёт не зависят только от интерфейса.

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

3. Корзина, проверка доступности и данные для выдачи

На оформлении собираем имя, телефон, номер автомобиля и эмират. Система повторно проверяет позиции, точку и условия приёма заказа. Контекст автомобиля сохраняется вместе с заказом.

Польза для бизнеса: В заказе уже есть данные для приготовления и передачи гостю; меньше поводов уточнять детали вручную.

4. Онлайн-оплата и жизненный цикл заказа

Подключили Stripe Checkout и обработку подтверждений оплаты. Отделили состояние платежа от этапов выполнения заказа, предусмотрели истечение неоплаченных заказов, отмены и возвраты. Повторное подтверждение не должно повторно проводить один и тот же платёж.

Польза для бизнеса: Команда различает созданные и оплаченные заказы, а завершение оплаты связано с дальнейшей обработкой.

5. Рабочая очередь и выдача к автомобилю

Сделали кабинет сотрудников с этапами принятия, приготовления, готовности и завершения. Прибытие гостя — отдельная отметка, которая не подменяет статус приготовления. WebSocket передаёт изменения между клиентским экраном и рабочим местом команды.

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

6. Чеки и точные данные о составе

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

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

7. Администрирование каталога, точек и команды

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

Польза для бизнеса: Ассортимент и работа точек управляются централизованно; обновления не требуют редактирования отдельных страниц.

8. Аналитика продаж и качества обслуживания

Собрали dashboard с выручкой, заказами, средним чеком, динамикой по периодам и точкам. Добавили время этапов обслуживания, удержание, когорты, накопленную выручку на клиента и популярные товары. Данные можно выгружать в XLSX.

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

Технологии — коротко, по делу

• Клиентское приложение и кабинет команды: Next.js, React и TypeScript.
• Сервер: FastAPI, SQLAlchemy и PostgreSQL; события заказов — WebSocket.
• Оплата: Stripe Checkout; управление инфраструктурой — Docker.

Наш подход и экспертиза

В JOOZ мы связали внешний интерфейс с операционной моделью бизнеса. Основной акцент — точный состав индивидуального напитка и передача этих данных от гостя до приготовления.

• Разделили клиентский сценарий и рабочее место персонала, сохранив общие данные заказа.
• Ключевые цены, доступность и скидки рассчитываются и проверяются на сервере.
• Предусмотрели пограничные сценарии: незавершённая оплата, повторное подтверждение, изменение доступности и возврат.
• Заложили управление точками и аналитику, чтобы продукт можно было развивать вместе с сетью.

Что это даёт похожим клиентам

Такой подход подходит кофейням, juice-барам и сетям take-away, которым нужен собственный канал заказов с учётом реального процесса приготовления и выдачи. В одном продукте можно объединить меню, оплату, рабочую очередь и данные для управленческих решений.

Если вам нужен подобный сервис, оставьте заявку. Разберём ассортимент, правила точек и сценарии обслуживания, чтобы спроектировать систему под вашу операционную модель.