СУ-10 — сайт строительного подрядчика с калькулятором и CRM
Мы собрали корпоративный сайт для строительного подрядчика СУ-10: портфолио выполненных объектов, каталог услуг, калькулятор стоимости работ и система онлайн-заявок с интеграцией в CRM. Сайт работает как витрина компетенций и как рабочий инструмент отдела продаж — каждая заявка сразу попадает в CRM без ручного переноса. Реализовали на WordPress с Carbon Fields, PHP и MySQL. Сайт живой и доступен на su10.ru.
Задача
Строительный подрядчик продаёт не полку с товаром, а компетенцию и репутацию: заказчик выбирает исполнителя по опыту, качеству сданных объектов и прозрачности расчётов. Поэтому сайт такой компании обязан не просто перечислять услуги, а доказывать — портфолио реальных работ, понятный перечень услуг и хотя бы предварительная оценка стоимости, чтобы посетитель не уходил с пустыми руками к конкурентам.
Отдельная задача — заявки. Строительный запрос почти всегда индивидуален: тип работ, объём, сроки. Без удобной формы посетитель уходит к телефону или мессенджеру, а часть обращений теряется между звонками и записками. Нам нужно было выстроить сайт так, чтобы интерес посетителя превращался в структурированную заявку и сразу становился рабочей задачей отдела продаж, а не строкой в блокноте менеджера.
У подрядчика есть сданные объекты, но без структурированного портфолио они не работают на продажу. Посетитель не видит масштаб и качество работ и не получает повода довериться именно этой компании.
Без калькулятора посетитель не может прикинуть порядок стоимости работ и вынужден звонить за каждой мелочью. Часть аудитории на этом этапе просто закрывает вкладку, так и не оставив контакт.
Обращения с сайта, почты и телефона живут в разных местах, их переносят в учёт руками. При потоке запросов часть теряется, а скорость первого ответа — ключевая для строительных сделок — падает.
Что делает система
Портфолио выполненных проектов
Витрина сданных объектов: карточки проектов с фотографиями, описанием состава работ и характеристиками. Раздел структурирован так, чтобы посетитель за минуту оценил масштаб и профиль подрядчика. Контент редактируется в админке WordPress через кастомные поля Carbon Fields — команда компании добавляет новые объекты сама, без разработчика и вёрстки.
Каталог услуг
Структурированный перечень направлений работ подрядчика с отдельными страницами под каждую услугу: описание, состав, применимость. Каталог задаёт понятную навигацию и одновременно закрывает поисковые запросы по конкретным видам работ. Наполнение и порядок услуг менеджер компании настраивает через админку без правки кода.
Калькулятор стоимости работ
Интерактивная форма предварительного расчёта: посетитель выбирает вид работ и параметры, а калькулятор на JavaScript тут же показывает ориентировочную стоимость. Это снижает порог обращения и вовлекает посетителя ещё до звонка. Результат расчёта можно превратить в заявку — и она уходит в отдел продаж уже с исходными вводными клиента.
Система онлайн-заявок
Формы обратной связи на ключевых страницах — в услугах, портфолио, у калькулятора. Посетитель оставляет структурированную заявку с нужными полями, а не абстрактное сообщение. Формы проверяют ввод, защищены от спама и дают человеку понятное подтверждение отправки, чтобы он был уверен, что обращение дошло до подрядчика.
Интеграция с CRM
Каждая заявка с сайта автоматически попадает в CRM подрядчика как новая сделка — без ручного переноса и потерь. В CRM уходят контакт, выбранная услуга и данные из калькулятора, поэтому менеджер видит контекст запроса сразу. Скорость первого ответа растёт, а вся история обращений собирается в одном месте.
Страницы услуг и посадочные разделы
Под ключевые направления собраны отдельные посадочные страницы: описание работ, примеры из портфолио, форма заявки и переход к калькулятору. Такая структура удерживает посетителя внутри одного сценария — от знакомства с услугой до оставленной заявки — и усиливает позиции сайта в поиске по профильным запросам.
Админка на кастомных полях
Управление контентом построено на WordPress с расширением через Carbon Fields: портфолио, услуги, тексты и параметры калькулятора редактируются в понятных полях, а не в коде. Команда подрядчика ведёт сайт самостоятельно — добавляет объекты, правит цены и описания, публикует новости — без обращения к разработчику по каждой мелочи.
Технологический стек
Основа сайта и система управления контентом. Для корпоративного сайта подрядчика с регулярно пополняемым портфолио и услугами WordPress даёт зрелую админку, к которой команда компании привыкает быстро. Готовая экосистема ускорила запуск, а разделение контента и кода позволило заказчику вести сайт самостоятельно после сдачи.
Библиотека кастомных полей для WordPress. С её помощью мы описали структуры портфолио, услуг и параметров калькулятора как удобные поля в админке. Заказчик наполняет и правит контент в понятном интерфейсе, а не в разметке, при этом структура данных остаётся строгой и предсказуемой — без хаоса свободных текстовых блоков.
Серверный язык WordPress и всей бизнес-логики сайта. На PHP реализованы вывод портфолио и услуг, обработка форм заявок и передача данных в CRM. Язык нативен для платформы, поэтому кастомная логика встроена в сайт без промежуточных прослоек и работает предсказуемо на стандартном хостинге.
Хранилище данных сайта. В MySQL живут контент портфолио и услуг, содержимое кастомных полей и заявки. Штатная для WordPress база даёт надёжное хранение и быстрый доступ к данным при выводе страниц, а её распространённость упрощает поддержку и резервное копирование на любом типовом хостинге.
Интерактив на стороне пользователя. На JavaScript построен калькулятор стоимости работ: расчёт идёт прямо в браузере, без перезагрузки страницы. Тот же слой отвечает за проверку форм заявок и отзывчивое поведение интерфейса, благодаря чему предварительная оценка и отправка заявки ощущаются быстрыми и удобными.
Оформление и адаптивность интерфейса. На CSS собрана вёрстка портфолио, каталога и форм с корректным отображением на десктопе и мобильных. Аккуратная типографика и сетка помогают сайту выглядеть как витрина серьёзного подрядчика, а адаптивная раскладка удерживает посетителей, приходящих с телефонов.
Как шла разработка
Разбор ниши и структуры
ГотовоПогрузились в специфику строительного подрядчика: какие услуги ведущие, как устроен путь заказчика, что важно показать для доверия. На этой основе спроектировали карту сайта — портфолио, услуги, калькулятор, точки заявок — и договорились, какие данные нужны в CRM для каждой сделки.
Модель данных и админка
ГотовоОписали структуры портфолио, услуг и параметров калькулятора через кастомные поля Carbon Fields в WordPress. Цель — чтобы команда подрядчика вела контент самостоятельно, а данные оставались строгими. Настроили роли и понятные подписи полей, чтобы наполнение не требовало участия разработчика.
Вёрстка и интерфейс
ГотовоСобрали адаптивную вёрстку на CSS: витрину портфолио, страницы услуг, посадочные разделы и формы. Отдельно проработали читаемость на мобильных, где приходит заметная часть аудитории строительных сайтов. Интерфейс сделали спокойным и деловым — под образ надёжного подрядчика.
Калькулятор и формы
ГотовоРеализовали калькулятор стоимости работ на JavaScript с расчётом в браузере и формы онлайн-заявок с валидацией и защитой от спама. Связали калькулятор с формой, чтобы введённые посетителем параметры уходили в заявку и менеджер получал запрос уже с исходными данными для оценки.
Стыковка с CRM
ГотовоНастроили передачу заявок в CRM подрядчика: каждая отправленная форма создаёт сделку с контактом, услугой и данными калькулятора. Проверили сценарии на боевых обращениях, добавили обработку ошибок, чтобы ни одна заявка не терялась при сбое связи, и убедились, что менеджеры видят запросы в привычном инструменте.
Запуск и передача
ГотовоНаполнили сайт первичным контентом, проверили формы и калькулятор на боевом окружении, вывели проект на домен su10.ru. Передали команде подрядчика управление контентом через админку и короткую инструкцию, чтобы компания дальше вела портфолио и услуги без нашего участия. Сайт остаётся живым и рабочим.
Результаты
У подрядчика появился корпоративный сайт, который одновременно продаёт и работает: портфолио доказывает опыт, каталог услуг закрывает навигацию и поисковые запросы, а калькулятор стоимости работ вовлекает посетителя ещё до звонка. Каждая онлайн-заявка автоматически уходит в CRM как сделка с контактом, услугой и данными расчёта — менеджер видит контекст сразу, а обращения перестают теряться между звонками и записками.
Сайт построен на WordPress с кастомными полями Carbon Fields, поэтому команда подрядчика ведёт портфолио, услуги и цены самостоятельно, без разработчика. Проект заняли 2 месяца от разбора ниши до запуска. Сайт живой и доступен на su10.ru — витрина компетенций и инструмент отдела продаж в одном решении.
2 месяца
от разбора ниши до запуска сайта
CRM
заявки уходят в CRM автоматически
Живой сайт
проект работает на su10.ru
WordPress
заказчик ведёт контент самостоятельно
Вопросы о проекте
Обсудим похожий проект?
Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки
Телеграмм
Делимся визуально привлекательными фрагментами наших последних веб-проектов.
ВКонтакте
Пишем о интересных технических решениях и вызовах в разработке.
MAX
Демонстрируем дизайнерские элементы наших веб-проектов.
TenChat
Деловые связи, кейсы и экспертные публикации.
Рассылка
© 2025-2026 МАЙПЛ. Все права защищены.