Дизайн корпоративного сайта компании «СКС-песок»

Изготовлено:20 июля 2017 г.
Компания «СКС-песок» выполняет доставку нерудных материалов: песок, щебень, цемент. Необходимо разработать дизайн официального сайта компании. Главная страница должна быть в виде лендинга, а все остальные — простые текстовые. Постараться визуальными средствами максимально чётко обозначить профиль компании. Избегать стоковых изображений грузовиков и рабочих.

Направление работы данной компании таково, что большинство клиентов привыкли видеть сайты, которые не могут похвастаться персонализированным дизайном. В основном проекты подобной тематики разработаны, с использованием шаблонов, при том не всегда платных. Данные решения не могут обеспечить индивидуальный подход в разработке дизайна сайта. Однако, «СКС-песок» является компанией, которая поставила своей целью отойти от этого стереотипа. В рамках работы над данным проектом был разработан дизайн для главной страницы, текстовой страницы и формы оформления заявки.

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

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

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

Далее идет слой с новостями компании. Самая последняя новость выводиться в расширенном виде, то есть не только заголовок, дата и описание, но также и изображение.

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

Внизу страницы расположен раздел «О компании» и футер с дублирующей навигацией.

Для внутренних страниц сайта был разработан свой дизайн. Здесь использовалось меню и футер с главной. Данный дизайн может быть адаптирован как для страниц с текстовой информацией (например «О компании»), так и для страницы с формой заказа.

Стоит отметить, что компания «СКС-песок» имеет свой фирменный стиль и логотип, что существенно помогло в выборе основных цветов. На сайте используются 3 основных цвета, а также их оттенки и различные варианты с разной прозрачностью.

#FCC50B
#4D4D4D
#000000
Основные цвета

В качестве основной была выбрана гарнитура без засечек Source Sans Pro с начертанием Regular. В качестве дополнительной используется также гарнитура без засечек — это Fira Sans Compressed, но уже с начертанием Bold.

Данная гарнитура используется для основного текста
Данная гарнитура используется для основного текста
Данная гарнитура используется для дополнительного текста (заголовки, кнопки и т.д.)
Данная гарнитура используется для дополнительного текста (заголовки, кнопки и т.д.)

Дизайн был разработан для студии Esoteric Design.