Как сделали дизайн сайта для компании по ремонту офисов и не превратили его в шаблонный корпоратив

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

Запрос был простой: обновить дизайн сайта.

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

— Выглядит строго и собранно;

— Не мешает продавать серьезные работы;

— Показывает компанию не как очередной безликий подряд, а как команду с лицами и ответственностью;

— Не замыкается только на ремонте офисов;

— Остается удобной базой для дальнейшего развития сайта, а не красивой картинкой ради презентации.

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

Нужен был третий вариант.

Собрали строгую палитру, но не дали сайту уйти в слишком шаблонную корпоративную подачу.

В основе уже был понятный цветовой вектор: синий и темно-синий.

На нем и построили основную визуальную систему. Для такой ниши это логично: синий хорошо работает на ощущение порядка, делового подхода и спокойной B2B-подачи.

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

Чтобы разбавить палитру и убрать ощущение шаблона, ввели дополнительный акцентный цвет — #953A58. Он не спорит с основной гаммой, но делает визуал собраннее и добавляет глубины.

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

Макет собирали не как красивую картинку, которую потом тяжело верстать и еще тяжелее развивать.

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

То есть задача была не просто обновить внешний вид, а сделать дизайн, который потом можно нормально развивать.

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

Для рынка ремонта офисов это не самый частый ход.

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

Здесь решили идти в обратную сторону.

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

— Компания перестала выглядеть безлично;

— Сайт начал собирать доверие не только через фотографии объектов, но и через конкретного человека, который стоит за работой компании.

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

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

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

Поэтому подача строилась не как сайт только про офисы, а как сайт подрядчика по коммерческим пространствам, где офисы — основное направление, но не единственное.

Это видно и по логике блоков, и по галерее работ, и по общей структуре подачи.

У клиента есть не только строительно-монтажные работы, но и сопутствующие услуги:

— Визуализация интерьера;

— Техническая документация;

— Строительно-монтажные работы как основной блок реализации.

Для таких компаний это важный слой. Если на сайте показывать только “мы делаем ремонт”, подача получается слишком плоской.

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

За счет этого сайт выглядел не уже, а сильнее.

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

Ставка была на другое:

— Спокойный ритм блоков;

— Много воздуха;

— Темные секции как опорные зоны;

— Аккуратную типографику;

— Нормальную работу с фотографиями объектов;

— Понятную структуру без визуального мусора.

В итоге получился дизайн, который не орет “мы дорогие”, а просто выглядит собранно. Для B2B-ниши это обычно работает лучше.

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

Что получили:

— Обновили визуальный стиль сайта и ушли от шаблонной корпоративной подачи;

— Сохранили строгую B2B-подачу, но добавили ей глубины за счет акцентного цвета #953A58;

— Сделали сайт более человеческим за счет блока с видео обращением владельца и фотографий команды;

— Показали компанию не только как подрядчика по офисам, но и как исполнителя по другим коммерческим объектам;

— Упаковали не только ремонт, но и сопутствующие услуги: визуализацию, техническую документацию и строительно-монтажные работы;

— Собрали дизайн не как разовую картинку, а как основу под дальнейшую верстку и развитие сайта;

— Заложили нормальную базу под дальнейшую SEO-работу: по структуре, расширению страниц и развитию содержательной части.

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