not the same
● Доставка їжі · Україна

Ricco Pizza: сайт доставки піци з iiko та застосунком кур’єра

Ricco Pizza – цілодобова доставка піци в Харкові. Ми зробили дизайн, верстку, бекенд і адмінпанель сайту та зв’язали його з iiko: замовлення йдуть у систему ресторану, статуси повертаються назад, а кур’єри отримують замовлення у своєму застосунку.

Клієнт
Ricco Pizza, доставка піци в Харкові
Що зробили
Дизайн, верстка, бекенд, адмінпанель, синхронізація з iiko, застосунок кур’єра
Стек
iiko API, адмінпанель, застосунок кур’єра
Сайт
Проєкт завершено, сайт зараз не працює
Проєкт Ricco Pizza
01 Про проєкт

Ricco ділить Харків на зони доставки: для кожної є гарантований час, а якщо кур’єр запізнюється, клієнт отримує піцу в подарунок до наступного замовлення. Сайт мав не лише гарно показувати меню, а й одразу передавати замовлення на кухню, а далі – кур’єрам. Ми зробили дизайн десктопу й мобільної версії, верстку, бекенд і адмінпанель, налаштували передачу замовлень в iiko зі зворотною синхронізацією статусів і розробили застосунок, у якому кур’єри отримують замовлення.

Що зробили
UX/UI-дизайнВерстка й бекендАдмінпанельСинхронізація з iikoЗастосунок кур’єраМобільна версія
Технології
UI/UXBackendiikoCourier app
02 Дизайн

Стиль

Теплий кораловий колір бренду, жовті акценти й великі фото піци на білому тлі. Заокруглені картки та кнопки-пігулки роблять інтерфейс привітним, а жирний Montserrat тримає заголовки.

Кораловий
#FD746D
Жовтий акцент
#FFBB00
Графіт
#505050
Світле тло
#F6F6F6
Білий
#FFFFFF
ШрифтиMontserrat
03 Екрани

Головна та меню

Під шапкою – категорії меню (піца, комбо, снеки, салати, напої, десерти, лазанья) і кнопка «Конструктор меню». Нижче банер-слайдер з акціями, стрічка «Нове та популярне» і сітка піц з рейтингом, складом і кнопкою «Замовити».

Головна сторінка
Каталог піци
Каталог піци
04 Екрани

Картка піци

Піца відкривається у спливному вікні: калорійність і БЖВ, склад, вибір борту (звичайний або «Філадельфія»), добавки, вага, кількість і відгуки з відповідями адміністратора.

Вікно піци з добавками та відгуками
Вікно піци з добавками та відгуками
05 Мобільна версія

Мобільна версія

Мобільний макет зберігає логіку десктопу: горизонтальне меню категорій, картки піц, вікно товару з добавками та вікно комбо-набору з налаштуванням кожної піци.

Головна
Головна
Комбо-набір
Комбо-набір
Картка піци
Картка піци
06 Завдання

Завдання

  • 01Зручне замовлення з телефонаБільшість замовлень їжі робиться з мобільного, тому меню, картку й кошик проєктували під вузький екран.
  • 02Замовлення одразу в iikoЗамовлення із сайту має потрапляти в iiko без ручного введення оператором, а статус з iiko – повертатися на сайт.
  • 03Логістика за зонамиВрахувати зелену й жовту зони Харкова, час доставки для кожної та розподіл замовлень між кур’єрами.
  • 04Замовлення одразу в кур’єраПередавати замовлення кур’єру в застосунок з адресою та складом, без ручної передачі оператором.
  • 05Своя піца й набориДати обрати борт, добавки та склад комбо, не перевантажуючи інтерфейс.
  • 06Відгуки та зворотний зв’язокЗбирати оцінки їжі й доставки та відповідати клієнтам від імені адміністратора.
07 Ключові рішення

Ключові рішення

Меню та категорії
Рішення 01

Меню та категорії

Каталог поділено на категорії зі швидким перемиканням, у кожної піци фото, рейтинг, склад і ціна. Окремий пункт – «Конструктор меню».

Вікно піци з добавками
Рішення 02

Вікно піци з добавками

Вибір борту, шість добавок (моцарела, салямі, шинка, бекон, фета, дор-блю), перерахунок ваги, калорійність і БЖВ, відгуки покупців.

Комбо-набори
Рішення 03

Комбо-набори

У наборі з п’яти піц кожну можна налаштувати окремо: борт і подвійна пепероні перемикаються на вкладці потрібної піци.

Рішення 04

Синхронізація з iiko

Замовлення із сайту автоматично йде в iiko й потрапляє в роботу без ручного введення. Статуси замовлення синхронізуються назад, тож сайт і iiko показують одне й те саме.

Рішення 05

Модуль логістики

Власний модуль розподіляє замовлення за зонами доставки та кур’єрами, щоб тримати обіцяний час для кожної зони.

Застосунок кур’єра
Рішення 06

Застосунок кур’єра

Кур’єри отримують замовлення в окремому застосунку: адреса й склад замовлення приходять на телефон одразу після передачі в доставку.

Оцінка замовлення
Рішення 07

Оцінка замовлення

Після доставки клієнт оцінює кожну позицію, залишає коментар, а у формі відгуку окремо оцінює їжу й доставку.

08 Стек

Інтеграції та стек

iikoСинхронізація замовлень і статусівЗастосунок кур’єраМодуль логістики кур’єрівЗони доставкиАдмінпанельUX/UI у FigmaАдаптивна верстка

Хочете такий самий проєкт?

Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.

Відповімо протягом робочого дня
Написати нам