Напишите нам:
cont-email.png info@redline.by
cont-mts.png+375 (33) 601-41-11

Сайт компании Kugel

Kugel

Посмотреть сайт: prolabo.ru

Задача: разработать новый корпоративный сайт с каталогом продукции, реализуемой компанией Kugel.

Платформа: CMS OpenCart.

Решение: по предоставленному заказчиком техническому заданию дизайнер составил прототипы будущих страниц со схематичным расположением основных блоков и элементов. Прототипы создаются для ключевых нетипичных страниц, в данном случае ими стали:

  • главная;
  • каталог (категория товаров);
  • карточка товара;
  • контакты;
  • о компании.
Kugel - прототип главной
Kugel - прототип каталога
Kugel - прототип карточки товара
Kugel - прототип контактов
Kugel - прототип страницы о компании

После утверждения прототипов дизайнер на их основе рисует дизайн-макеты страниц с учётом пожеланий заказчика по стилю и цветовому оформлению, описанных в техническом задании и брифе. Дизайн выполнен на светлом фоне с использованием двух основных цветов: зелёного и синего. Таким образом получился яркий дизайн, который при этом не отвлекает пользователя от просмотра контента и выбора товаров.

Kugel - главная

Каталог разделён на категории, которые доступны в главном меню в шапке или в боковом меню на любой странице кроме главной. На странице каталога выведен список товаров выбранной категории, а под меню расположен блок фильтров, который позволяет отобразить товары только с нужными характеристиками. Также здесь можно выбрать количество отображаемых товаров на странице и отсортировать их по алфавиту.

Kugel - каталог

На странице продукта можно ознакомиться с подробным описанием, характеристиками и информацией для покупки. Внизу странице выведен список похожих товаров. Сделать заказ можно кликнув по кнопке "Заказать" и заполнив появившуюся в модальном окне небольшую форму.

Kugel - товар

На странице "Контакты" расположена интерактивная карта с отмеченным на ней адресом и вся контактная информация. При помощи формы обратной связи можно связаться с представителями компании.

Kugel - контакты

Сайт адаптирован под мобильные устройства, чтобы просмотр страниц был удобным не только с монитора компьютера, но и с экранов смартфонов и планшетов.

Kugel - адаптив

Портфолио
Просмотреть работы
Консультация
Заказать консультацию
Наши услуги
Просмотреть все услуги