Пирожковая ZDOBA
Посмотреть сайт: zdoba.by
Задача: разработать интернет-магазин с удобной навигацией по каталогу и быстрым оформлением заказа, для продажи блюд из меню онлайн, с возможностью доставки. Реализация продуманной и функциональной мобильной версии сайта для обхвата наибольшего количества клиентов.
Платформа: CMS OpenCart.
Решение: первым этапом в создании любого сайта является прототипирование будущих страниц. Прототипы представляют собой схематичное расположение ключевых блоков и элементов в них. Для интернет-магазина ZDOBA были отрисованы прототипы следующих страниц:
Прототипы демонстрируются заказчику удалённо через Интернет по ссылке, где заказчик может оставлять дизайнеру свои комментарии. После внесения некоторых правок и утверждения прототипа дизайнер начинает работу над макетами будущих страниц сайта, в которых уже отрисовывает дизайн, основываясь на готовых прототипах. В создаваемом дизайне за основу были взяты фирменные цветовые решения кафе. Главной задачей для дизайнера была дать пользователю интуитивно-понятную возможность для совершения покупки с наименьшим количеством шагов.
Все категории продаваемой продукции были вынесены в отдельный блок меню в шапке сайта. На главной был реализован слайдер с новинками и описанием топовых блюд с разделённым представление, где описание слайда расположено в левой части, а его изображение находится в правой части экрана, для лучшего визуального восприятия. Ниже идут блоки с популярными категориями и блюдами, далее представлена информация о заведении, а также актуальные акции и новости завершает главную страницу информация о адресах сети кафе.
Каталог разделён на категории и подкатегории. На страницах категорий в верхней части находится блок со списком категорий, в котором активная категория выделена другим цветовым оформлением, данный блок позволяет пользователю быстро ориентироваться и переходить по меню заведения. Добавлять товары в корзину можно как из каталога, так и со страницы товара с указанием нужного количества позиций.
На странице товара можно ознакомиться с подробным описанием блюда, просмотреть больше фото, ознакомиться с отзывами других покупателей или добавить свой.
На сайте реализовано быстрое оформление заказа, которое несколько отличается от того, что предлагается в стандартном функционале платформы OpenCart. Страница корзины и оформления заказа объединены в одну, что позволило уменьшить количество шагов для создания заказа пользователем. Список товаров в процессе оформления доступен к изменению, а все необходимые поля формы и параметры заказа объединены в один блок. Также на странице есть блок с дополнительными товарами которые пользователь может добавить к заказу.
Сайт адаптирован под малые экраны, чтобы пользователям было удобно просматривать сайт, перемещаться по категориям и товарам, создавать заказы с разных типов устройств.
