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

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

Kugel

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

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

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

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

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

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

Kugel - главная

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

Kugel - каталог

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

Kugel - товар

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

Kugel - контакты

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

Kugel - адаптив


Получить консультацию
Пожалуйста, введите имя
Укажите свой адрес электронной почты
Неправильно указан номер
Пожалуйста, введите имя
Запрещено загружать файл данного типа
Выбран файл:
Необходимо ваше согласие на обработку персональных данных
* - поля обязательные для заполнения
Ваш менеджер
Ростислав
Отправив запрос вы получаете:
Письмо или звонок от нашего менеджера
Оценку своего проекта
Личную встречу, при необходимости
Прототип главной страницы бесплатно
Конфиденциальность гарантирована!
Оставить заявку
*
Пожалуйста, введите имя
*
Укажите свой адрес электронной почты
*
Неправильно указан номер
Пожалуйста, введите имя
Запрещено загружать файл данного типа
Выбран файл:
Необходимо ваше согласие на обработку персональных данных
* - поля обязательные для заполнения