В веб-студию 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 разработчик.
