+7 (960) 331-38-72
9:00–20:00
Форма обратной связи

Начинаем с логотипа. Предлагаем варианты:

Наши варианты логотипа для компании «Гранитстрой»

Единогласно выбран этот (представлена картинка полученная от клиента):

Выбран вариант логотипа для компании «Гранитстрой»

Крупнее:

Логотип компании «Гранитстрой»

Теперь макет веб-страницы. Первый вариант. Заказчик просит в синих тонах старого сайта, дабы сохранить преемственность, но разрешает сменить основной тон, чтобы увидеть, а как может ещё быть.

Первый макет сайта

С шапкой что-то не то. Может попробовать синий фон на 100%?

Пробуем другую шапку

А как будет, если взять жёлтый за основной?

Пробуем жёлтый основным цветом

И слегонца красного добавить, чтобы в дальнейшем им акценты расставлять.

Красным расставляем акценты

Ага. Не очень. Заказчик говорит, что надо бы в серых и красных тонах посмотреть что получится.

Меняем основные цвета на красный и серый

Мне не нравится текстура шапки, бестолковость баннера, да много чего ещё. Начинаем со слайдера переделывать.

Делаем первый слайд

В слайдере надо упомянуть города, куда доставляется продукт. Второй слайд:

Делаем второй слайд

В одном из слайдов необходимо перечислить ходовые позиции:

Перечисляем ходовые позиции

Слайд в шапке какой-то голимый, может как-то иначе его изменить, акцентировать красным? Заодно сегменты в основной колонке сделать чётче:

Перечисляем ходовые позиции

Неплохо, но города как-то говёно расположены. Может так:

Города располагаем по-другому

Кнопки не нравятся. Все элементы оформления прямоугольные, а кнопки — овалы. Меняем.

Исправляем кнопки

Элемент «красная кнопка» проработан детально, мы сделали 3 состояния: нормальное, кнопка по умолчанию, состояние по наведению мыши и состояние по клику. Внизу первый вариант кнопки, который даже не дошёл до заказчика:

Исправляем кнопки

Элемент «красная кнопка» проработан детально, мы сделали 3 состояния: нормальное, кнопка по умолчанию, состояние по наведению мыши и состояние по клику. Внизу первый вариант кнопки, который даже не дошёл до заказчика:

Первый вариант спрайта кнопки

Как видите, второе состояние (среднее) выглядит как-то небрежно, поэтому я «завернул» эту кнопку и дизайнер нарисовал ещё один вариант, который и был одобрен сначала мной, а заем и заказчиком.

Принятый вариант

Зачем кнопке 3 состояния? Чтобы дизайн был отзывчивым, т.е. реагировал на действия клиента, а не был мёртвой картинкой, как продукты некоторых других компаний. Отзывчивостью сайт «одобряет» действия клиента, показывая, что он на верном пути.

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

Кстати, раз логотип и цвета одобрили, нужно сделать иконки. Одна для отображения в уголке вкладки (favicon.png), другие для устройств Apple.

Иконки для сайта

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

Продолжаем работать со слайдером

Ломаная линия над городами не несёт смысла, а внимания на себя стягивает преизрядно. Кроме того, красного столько, что он не акцентирует внимание, а напрягает и заставляет взгляд хаотично и бессмысленно метаться.

Правим слайд с городами

Плохо. Теперь кажется, что ломаная соединят города. Но она никак не коррелирует с географическим положением городов. И заказчики наших клиентов, которые находятся в этих городах и знают точное географическое положение своих городов, почувствуют фальшь. Ладно, займемся пока другим слайдом. Где типы бетонов. Надо, чтобы заходя на сайт и видя этот баннер, заказчики наших клиентов видели, что попали на сайт, который им поможет:

Правим слайд с типами бетона

Много текста в колонках слайда. Да и надо показать, что меню будет выпадающим.

Меню выпадает

С меню что-то не то. Активный пункт нужно выделить. Может так?

Меню выпадает

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

Возвращаемся к слайду с городами

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

Последние правки

Из этого клиент видел 3 или 4 изображения, включая конечное. Остальной страх божий сугубо для внутреннего пользования.

×

Мы свяжемся с вами!

Звёздочкой * помечены обязательные поля.