Концепция

Главным в этом проекте было наглядно представить каталог продукции. Для этой цели мы разработали тематические иконки для каждой категории продукции.

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

Главная страница

В верхней части главной страницы мы добавили динамический слайдер с крупными тематическими изображениями.

Ниже плиткой разместили каталог продукции, где каждая категория представлена иконкой на оранжевом фоне.

Раздел о компании, преимущества сотрудничества и партнёры также представлен в виде блочной структуры.

Каталог дублируется в нижней части главной страницы с указанием категорий.

Каталог продукции

Каталог реализован по аналогии с представлением на главной странице в виде блоков. Цвет плитки инвертируется при наведении.

Из подразделов каталога можно перейти в карточку товара, где представлена подробная информация о конкретном товаре.

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

Структура сайта

На сайте в отдельном разделе представлено описание производственных площадок с фотографиями.

Также добавлены разделы новостей и контактов. На странице «Контакты», используя API Яндекс.Карт, мы разместили интерактивную карту с отметками подразделений компании.

В разделе «Вакансии» пользователь может отправить резюме непосредственно с сайта.

В разделе «Вопрос-ответ» можно задать свой вопрос и получить ответ от представителей компании.

На сайте добавлена форма обратной связи, можно заказать обратный звонок и отправить заявку на сотрудничество.

Вёрстка и программирование

Сайт работает на CMS «1С-Битрикс». Выбор этой системы управления содержимым сайта обусловлен тем, что эта платформа позволяет просто и удобно администрировать сайт, редактировать информацию и размещать новый контент. Так, в частности на страницах с текстовыми блоками можно редактировать макет, тем самым настраивая внешний вид страницы.

Сайт компании «Чикен Фэктори» мы создали с глубоко проработанной адаптивностью: содержимое страниц автоматически подстраивается под размер экрана (в том числе планшетов и смартфонов).

Подробнее читайте на нашем сайте: http://bquadro.ru/portfolio/websites/chicken?utm_source=cmsmagazine&utm_medium=cases&utm_campaign=chicken

Перейти на сайт