Разработка дизайн-макета сайта для строительной компании

Компания СПБ-ФУНДАМЕНТ оказывает услуги по строительству, проектированию и строительной экспертизе. Большая часть заказов связаны с фундаментами или строительной документацией - то есть в этой фирме, в отличие от многих других, есть возможность заказать отдельно услугу по проектированию дома, отдельно закладку фундамента или лабораторную техническую экспертизу. Еще одна отличительная особенность компании, которая привлекает клиентов - это комплексное сопровождение по техническому контролю на всех этапах стройки, а также возможность удаленно наблюдать за ходом работ по видеосвязи.

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

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

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

• преимущества компании
  
• портфолио
  
• прайс-лист
  
• блок с вариантами ипотек
  

Всю структуру мы предварительно прописали по пунктам и согласовали с заказчиком, наш вариант его устроил, а значит, можно приступать к дизайну и наполнению.

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

Главная страница с УТП:

Включает в себя блок услуг:

А также блок с информацией про ипотеку:

Страница определенной услуги:

Страница конкретной разновидности услуги:

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

Что касается дизайна - то мы остановились на варианте в светлых тонах без лишнего визуального шума, немного строгом, но в то же время легком.

Контрастным цветом на страницах выделены важные акценты - например, результаты работы в цифрах:

Или цели и результаты работ:

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