Сайт компании Kugel
Посмотреть сайт: prolabo.ru
Задача: разработать новый корпоративный сайт с каталогом продукции, реализуемой компанией Kugel.
Платформа: CMS OpenCart.
Решение: по предоставленному заказчиком техническому заданию дизайнер составил прототипы будущих страниц со схематичным расположением основных блоков и элементов. Прототипы создаются для ключевых нетипичных страниц, в данном случае ими стали:
- ●главная;
- ●каталог (категория товаров);
- ●карточка товара;
- ●контакты;
- ●о компании.
После утверждения прототипов дизайнер на их основе рисует дизайн-макеты страниц с учётом пожеланий заказчика по стилю и цветовому оформлению, описанных в техническом задании и брифе. Дизайн выполнен на светлом фоне с использованием двух основных цветов: зелёного и синего. Таким образом получился яркий дизайн, который при этом не отвлекает пользователя от просмотра контента и выбора товаров.
Каталог разделён на категории, которые доступны в главном меню в шапке или в боковом меню на любой странице кроме главной. На странице каталога выведен список товаров выбранной категории, а под меню расположен блок фильтров, который позволяет отобразить товары только с нужными характеристиками. Также здесь можно выбрать количество отображаемых товаров на странице и отсортировать их по алфавиту.
На странице продукта можно ознакомиться с подробным описанием, характеристиками и информацией для покупки. Внизу странице выведен список похожих товаров. Сделать заказ можно кликнув по кнопке "Заказать" и заполнив появившуюся в модальном окне небольшую форму.
На странице "Контакты" расположена интерактивная карта с отмеченным на ней адресом и вся контактная информация. При помощи формы обратной связи можно связаться с представителями компании.
Сайт адаптирован под мобильные устройства, чтобы просмотр страниц был удобным не только с монитора компьютера, но и с экранов смартфонов и планшетов.