Клиент и задача
«Стройкотлосервис» это московская компания, которая занимается монтажом и сервисом инженерных систем: котельных, тепловых пунктов, отопления, водоснабжения, вентиляции и кондиционирования. Ее клиенты делятся на две группы, и у каждой свои вопросы:
- Промышленные и коммерческие объекты. Здесь решает серьезность компании: допуски, согласования, опыт с котельными на мегаватты, регламент обслуживания.
- Частный сектор. Здесь важно понятно: что вы монтируете, насколько сложные работы берете и можно ли получить все «под ключ».
Задача: сделать сайт, на котором оба клиента сразу находят свое, и показать компанию как серьезного инженерного подрядчика, а не «бригаду мастеров».
Почему WordPress
Компании нужен был сайт, который сотрудники смогут править сами: добавлять выполненные объекты, менять тексты услуг, обновлять контакты. WordPress решает это без программиста: у него понятная админка, а страницы, записи и изображения редактируются как документы. Мы сделали на нем собственную тему и не стали брать готовый шаблон, чтобы сайт остался легким и не тащил лишние плагины.
Структура сайта
Главная идея структуры: не заставлять человека читать общий текст, а развести его по двум дорогам на первом экране.
Стартовая страница с выбором сектора
Экран разделен пополам: слева «Промышленный сектор» на фоне настоящего промышленного котла с горелкой, справа «Частный сектор» на фоне камина в загородном доме. Фотографии подобраны так, чтобы посетитель сразу понимал, о чем идет речь, и выбирал свою сторону, не читая ни одного абзаца. Под ними стоит ссылка на политику конфиденциальности.
Промышленный сектор
Крупный заголовок на фоне воздуховодов и затем подробный перечень работ, каждый блок с оранжевой рамкой:
- проектирование котельных под ключ, от теплотехнического расчета до прохождения экспертизы;
- монтаж котельных на любом топливе, от технического задания до сдачи в эксплуатацию;
- сервисное обслуживание котельных, котельного оборудования, ЦТП и ИТП, систем химводоочистки, вентиляции и кондиционирования;
- пусконаладочные и режимно-наладочные работы с техническим отчетом и режимными картами;
- внеплановый ремонт и замена котельного оборудования.
Для такого клиента мы выбрали подробные тексты со ссылками на нормативы и описанием этапов: промышленный заказчик читает внимательно и ищет подтверждение компетенции. Упомянуты допуски, аттестации специалистов, поверка диагностического оборудования и регламенты надзорных органов.
Частный сектор
Здесь текста меньше, а визуальной подачи больше. Заголовок на фоне уютного интерьера и сетка значков с видами работ: монтаж систем отопления и водоснабжения, печей, каминов и дымоходов, газгольдеров, кондиционеров и систем водоочистки. Ниже сообщается, что компания также делает сервисное обслуживание и берет работы «под ключ». Для частного клиента это короткий и понятный ответ: «Да, мы это делаем и берем на себя все».
Выполненные работы
Портфолио разделено на два сектора, и в каждом листается карусель с фотографиями и подписями. Подписи построены по одной схеме: что сделано, мощность в мегаваттах и город. Например, котельная с двумя газовыми котлами общей мощностью 14 МВт, ремонт котельной на 40 МВт или ежемесячное обслуживание котельной на 8,7 МВт. Такие цифры говорят промышленному заказчику больше, чем слова «большой опыт». Для частного сектора показаны коттеджные поселки и объекты в Московской области.
О компании и контакты
Страница «О компании» отвечает на три вопроса, которые задает любой заказчик: можно ли уложиться в срок, как мы работаем и чем работаем. Блоки «Контроль сроков», «Взаимоотношения с заказчиком» и «Современное оборудование» объясняют, как складывается реальный срок (поставка плюс монтаж плюс наладка), что главным критерием для компании остаются прозрачность и польза, и почему важно специализированное оборудование. Контакты вынесены в шапку на каждой странице: телефон и почта, плюс отдельная страница.
Дизайн в промышленном стиле
- Графитовая шапка с оранжевыми акцентами. Меню на темной плашке, активный раздел подсвечен оранжевым: те же цвета, что у логотипа.
- Крупные фотографии реального оборудования вместо стоковых картинок: настоящий котел, горелка, воздуховоды, камины.
- Плотный рубленый шрифт для заголовков в верхнем регистре и спокойный шрифт для текста: так страницы выглядят серьезно и читаются.
- Белый фон под текстом и оранжевые рамки для блоков, чтобы длинные технические тексты не сливались.
- Адаптивная верстка. На телефоне меню превращается в компактное, фотографии и сетки подстраиваются под экран.
Скорость: десять лет спустя
Мы специально собрали собственную тему без тяжелых плагинов: подключены только нужные скрипты и стили, карусель и всплывающие фото грузятся легкими библиотеками. Эта дисциплина оказалась самой долговечной частью работы. Сайт 2016 года и сегодня, спустя десять лет, показывает хороший результат по Google PageSpeed Insights. Измерение сделано 24 октября 2026 года на эмуляции среднего Android при медленном 4G:
| Показатель | Значение |
|---|---|
| Первый контент (FCP) | 1,6 с |
| Главный экран (LCP) | 1,6 с |
| Блокировка потока (TBT) | 10 мс |
| Сдвиги макета (CLS) | 0 |
| Индекс скорости | 5,9 с |
Отчет: Google PageSpeed Insights
Сегодня PageSpeed предлагает улучшения: подключить шрифты без блокировки отрисовки, увеличить срок хранения файлов в кеше и облегчить изображения. Это стандартные вещи для современного сайта, и они отражают разницу между 2016 годом и 2026-м, а не ошибки основы.
Результат
Компания получила сайт, на котором промышленный заказчик видит перечень работ с нормативами и портфолио в мегаваттах, а частный клиент видит понятный перечень услуг и фотографии. Сотрудники сами добавляют новые объекты и правят тексты. Сайт работает на WordPress уже десять лет и остается быстрым и доступным.
Что вынесли из проекта
- Разным клиентам нужны разные входы. Выбор сектора на первом экране экономит время обоим.
- Промышленный клиент ищет доказательства. Нормативы, допуски и мегаватты работают лучше, чем общие обещания.
- Своя тема легче шаблона. Без лишних плагинов сайт остается быстрым годами.
- Сайт, который можно править без программиста, живет дольше. Компания сама добавляет объекты и обновляет тексты.
Частые вопросы
Что входит в разработку сайта на WordPress для компании по монтажу отопления?
Мы продумываем структуру под ваши группы клиентов, делаем дизайн в стиле логотипа, собираем собственную тему, страницы услуг и портфолио, настраиваем админку, чтобы сотрудники могли править сайт сами, и подключаем аналитику.
Зачем компании сайт с выбором промышленного и частного сектора?
У этих клиентов разные вопросы. Промышленному заказчику нужны допуски, нормативы и опыт, а частному понятный список работ. Выбор сектора на первом экране сразу показывает каждому его разговор.
Почему сайт на WordPress остается быстрым спустя годы?
Мы делаем собственную тему без лишних плагинов, подключаем только необходимые скрипты и стили. Чем меньше лишнего кода, тем меньше нужно обновлять и тем дольше сайт остается легким.
Можно ли самостоятельно добавлять объекты в портфолио?
Да. В админке WordPress выполненные работы добавляются как записи с фотографиями и подписью. Программист для этого не нужен.