До веб-студії Rubik звернулася тернопільська піцерія La Farina, яка готує піцу на дровах і доставляє її додому та в офіс. Більшість замовлень заклад отримує онлайн, тож сайт — головний канал продажів, і від його зручності напряму залежить виручка.
Закладу був потрібен сучасний сайт доставки з новим дизайном, на якому замовити піцу можна за хвилину — навіть зі смартфона в дорозі. Ми сформулювали такі задачі:
Дизайн з атмосферою піцерії: сайт має передавати смак піци на дровах — великі апетитні фото, теплі кольори, живі банери — і при цьому не заважати швидкому замовленню.
Зручне меню: піца, добавки, напої та інші позиції — з фото, вагою, складом і ціною, щоб покупець не телефонував з уточненнями.
Добавки до піци: гість має змогу доповнити піцу улюбленими інгредієнтами прямо під час замовлення, а ціна — автоматично перераховуватися.
Акції на виду: окремі банери й розділ акційних пропозицій, які заклад може змінювати самостійно.
Прозора доставка: покупець має ще до оплати бачити, чи доставляють у його район, скільки це коштує й яка мінімальна сума замовлення.
Mobile-first: основна частина замовлень робиться зі смартфона, тому мобільна версія мала бути не «урізаною», а головною.
Сайт La Farina ми побудували на OpenCart, поетапно відпрацювавши дизайн, меню й оформлення замовлення разом із командою закладу.
Розібрали, як клієнти замовляють піцу: що шукають першим, які питання ставлять оператору, на якому кроці кидають кошик. На основі цього зробили прототип головної, меню, картки страви й оформлення замовлення з мінімумом кроків.
Створили дизайн з акцентом на фото піци, банерами акцій і плитками категорій. Палітра й типографіка підтримують атмосферу печі на дровах, а кнопки замовлення залишаються помітними на будь-якому екрані.
Налаштували картки страв із вагою, складом, ціною й кнопкою «Замовити» та розділ добавок до піци. Покупець обирає інгредієнти, а підсумкова ціна оновлюється одразу.
На прохання закладу додали в оформлення замовлення карту з зонами доставки: покупець бачить свій район ще до оплати, а оператору не потрібно уточнювати адресу по телефону. Вартість доставки, мінімальну суму й орієнтовний час винесли в окремі блоки на всіх сторінках.
Перевірили сайт на популярних смартфонах і планшетах, протестували весь шлях від вибору піци до підтвердження замовлення й лише після цього запустили сайт у роботу.
La Farina отримала сайт доставки, через який гості замовляють піцу на дровах за кілька кліків — з комп’ютера чи смартфона.
Новий дизайн в атмосфері піцерії: апетитні фото, банери акцій і зрозуміла навігація підсилюють бажання замовити.
Меню з добавками: гість збирає піцу під свій смак, а ціна перераховується автоматично — без дзвінків оператору.
Акційні пропозиції: окремий розділ і банери допомагають продавати більше в будні й у тихі години.
Карта доставки в оформленні: покупець одразу бачить свою зону, вартість і мінімальну суму — менше уточнень і скасованих замовлень.
Мобільна версія як головна: замовити зі смартфона так само зручно, як і з комп’ютера.
Детальніше про розробку таких проєктів — на сторінці сайту для сервісу доставки.
Командою Rubik було відібрано основні розміри екранів пристроїв, для зручного користування веб-сайтом без втрати функціональності та привабливості.
Сайт доставки La Farina працює на OpenCart з доопрацюваннями під формат піцерії.
Базова платформа: OpenCart 2.3.
Інструменти та стек: PHP, MySQL, HTML5 / CSS3, JavaScript (jQuery, AJAX).
Меню: картки страв із вагою, складом і ціною, добавки до піци з перерахунком вартості, розділ акцій.
Оформлення замовлення: карта зон доставки в кошику, вартість і мінімальна сума доставки на всіх сторінках.
Адаптивність: Mobile-first верстка під смартфони, планшети й десктоп.
Склад проєктної групи: Project Manager, UI/UX дизайнер, Front-end розробник, Back-end розробник.
