Ricco делит Харьков на зоны доставки, у каждой своё гарантированное время, а при опоздании курьера клиент получает пиццу в подарок к следующему заказу. Сайту нужно было не только красиво показывать меню, но и сразу передавать заказы на кухню, а дальше – курьерам. Мы сделали дизайн десктопа и мобильной версии, вёрстку, бэкенд и админ-панель, настроили отправку заказов в iiko с обратной синхронизацией статусов и разработали приложение, в котором курьеры получают заказы.
Стиль
Тёплый коралловый цвет бренда, жёлтые акценты и крупные фото пиццы на белом фоне. Округлые карточки и кнопки-пилюли делают интерфейс дружелюбным, жирный Montserrat держит заголовки.
Мобильная версия
Мобильный макет повторяет логику десктопа: горизонтальное меню категорий, карточки пицц, окно товара с добавками и окно комбо-набора с настройкой каждой пиццы.
Задачи
- 01Удобный заказ с телефонаБольшая часть заказов еды идёт с мобильного, поэтому меню, карточка и корзина спроектированы под узкий экран.
- 02Заказ сразу в iikoЗаказ с сайта должен попадать в iiko без ручного ввода оператором, а статус из iiko – возвращаться на сайт.
- 03Логистика по зонамУчесть зелёную и жёлтую зоны Харькова, время доставки для каждой и распределение заказов между курьерами.
- 04Заказ сразу у курьераПередавать заказ курьеру в приложение с адресом и составом, без ручной передачи оператором.
- 05Сборка своей пиццы и наборовДать выбрать борт, добавки и состав комбо, не перегружая интерфейс.
- 06Отзывы и обратная связьСобирать оценки еды и доставки и отвечать клиентам от имени администратора.
Ключевые решения
Меню и категории
Каталог разбит на категории с быстрым переключением, у каждой пиццы фото, рейтинг, состав и цена. Отдельный пункт – «Конструктор меню».
Окно пиццы с добавками
Выбор борта, шесть добавок (моцарелла, салями, ветчина, бекон, фета, дор-блю), пересчёт веса, калорийность и БЖУ, отзывы покупателей.
Комбо-наборы
В наборе из пяти пицц каждую можно настроить отдельно: борт и двойная пепперони переключаются на вкладке нужной пиццы.
Синхронизация с iiko
Заказ с сайта автоматически уходит в iiko и попадает в работу без ручного ввода. Статусы заказа синхронизируются обратно, поэтому сайт и iiko показывают одно и то же.
Модуль логистики
Собственный модуль распределяет заказы по зонам доставки и курьерам, чтобы держать обещанное время для каждой зоны.
Приложение курьера
Курьеры получают заказы в отдельном приложении: адрес и состав заказа приходят на телефон сразу после передачи в доставку.
Оценка заказа
После доставки клиент ставит оценку каждой позиции заказа, пишет комментарий, а в форме отзыва отдельно оценивает еду и доставку.
Интеграции и стек
Хотите такой же проект?
Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.