Сайт строительной компании Reco-House

Reco-House — строительная компания из Санкт-Петербурга, специализирующаяся на фундаментных работах всех типов, кровле, фасадных работах и реконструкции загородных домов под ключ. Компания работает по Санкт-Петербургу и всей Ленинградской области — охват включает 17 районов ЛО и более 38 городов, от Выборга до Тихвина. За 2021–2022 год выполнено более 500 фундаментов, гарантия на работы — до 10 лет, зафиксированная в договоре. Работа строится без предоплаты: оплата поэтапная — по факту выполнения каждого этапа. Все работы выполняет собственная команда специалистов без привлечения субподрядчиков.

Линейка услуг охватывает полный цикл загородного строительства: 9 видов фундаментов (свайно-винтовой, ленточный, монолитная плита, свайно-ростверковый, столбчатый, УШП, финская плита, блочный, цокольный этаж), 11 видов кровельных работ, 5 фасадных услуг, реконструкция и подъём домов, строительство веранд и заборов, дренаж, благоустройство участка. Компания имеет зарегистрированный товарный знак и все необходимые разрешительные документы.

Задача

Разработать многостраничный корпоративный сайт строительной компании с разветвлённым каталогом услуг, таблицей цен на фундаменты по габаритам, формой быстрого расчёта стоимости, слайдером фотографий «до и после», оценкой стоимости работ по фото через WhatsApp, SEO-оптимизацией под коммерческие запросы рынка строительных услуг СПб и геостраницами под ключевые районы Ленинградской области. Главная цель — генерация заявок на бесплатный выезд специалиста и расчёт стоимости для частных заказчиков в высококонкурентной нише строительных услуг.

Ключевые требования

• Структурированный каталог услуг: три основных направления (фундаменты, кровля, фасад) с подразделами — каждое с отдельными SEO-страницами.
• 9 страниц видов фундаментов: каждая со своим описанием, ценой, применимостью и формой заявки.
• Таблица стоимости фундаментов по габаритам: 6 размеров (от 6×6 до 11×11 м) для трёх видов — закрывает ценовой вопрос до звонка.
• Форма «Получить бесплатный расчёт»: несколько точек размещения на странице.
• Блок «Оценка по фото»: WhatsApp-кнопка — клиент отправляет фото и получает предварительную стоимость за 20 минут.
• Слайдер фото «до/после»: сравнение состояния объектов до начала и после завершения работ.
• Блок «Реализуем проекты любой сложности»: счётчик «500+ фундаментов» + примеры работ.
• Гео-охват: 17 районов ЛО и 38 городов — семантический охват для регионального SEO.
• Блок «Для каких построек»: сегментация по типу объекта (дома / хозпостройки / коммерческие здания).
• FAQ-аккордеон: 8 развёрнутых ответов на технические и ценовые вопросы.
• Блок документов: свидетельства и товарный знак — доказательство надёжности.
• Блок акций: слайдер с актуальными предложениями.
• Адаптивность: корректная работа таблицы цен и слайдера «до/после» на смартфонах.

Цели проекта

• Структурировать широкую линейку услуг так, чтобы посетитель за 10–15 секунд понял: «это компания, которая делает именно то, что мне нужно» — с любой точки входа на сайт.
• Закрыть возражение «а вдруг дорого?» до звонка: таблица цен по габаритам + форма бесплатного расчёта + опция «оценка по фото за 20 минут» в WhatsApp.
• Снять возражение «а вдруг обманут?»: зарегистрированный товарный знак, документы, работа без предоплаты, гарантия до 10 лет по договору.
• Занять позиции в Яндексе по коммерческим и геозапросам СПб: «фундамент под ключ СПб», «ленточный фундамент цена Петербург», «реконструкция дома СПб», «фундамент в [район ЛО]».
• Обеспечить масштабируемую SEO-структуру: отдельные страницы для каждого вида фундамента, кровельных и фасадных услуг, геостраницы под районы Ленобласти — сотни потенциальных точек входа.

Как мы подошли к разработке

1) Аналитика и стратегия

Строительные услуги в Санкт-Петербурге — одна из наиболее конкурентных ниш в локальном SEO. Частный заказчик одновременно сравнивает несколько компаний, принимает решение небыстро, а ключевые вопросы — «сколько стоит?», «можно ли доверять?» и «вы работаете в моём районе?» — должны получить ответ прямо на сайте, до первого контакта с менеджером.

• Анализ конкурентов в нише фундаментов и реконструкции СПб: структура сайтов, ценовые блоки, формы заявок, SEO-позиции.
• Изучение аудитории: владельцы загородных участков, собственники домов под реконструкцию, застройщики малоэтажного жилья в ЛО. Ключевые ценности: прозрачная цена, надёжность, фиксированная смета, соблюдение сроков.
• Сбор семантического ядра: запросы по типам фундаментов, по габаритам («фундамент 6×6», «фундамент 10×10»), геозапросы по всем районам ЛО, запросы по реконструкции и кровле.
• Архитектура сайта: Главная → Фундаменты (9 подстраниц) → Кровельные работы (11 подстраниц) → Фасадные работы (5 подстраниц) → Услуги (20+ подстраниц) → Портфолио → О компании → Отзывы → Контакты + Блог + Геостраницы по районам ЛО.
• Ключевые решения: таблица цен по габаритам на главной, форма в нескольких точках, блок «оценка по фото» как инструмент снижения порога первого обращения.

2) Проектирование структуры и UX

Главную страницу спроектировали по принципу «показать компетентность → дать ориентир по цене → убедить в надёжности → привести к заявке»:

• Первый экран: позиционирование + 4 ключевых преимущества (выезд 0 руб., без предоплаты, проект в подарок, фиксированная смета) + CTA «Получить бесплатный расчёт».
• Блок «9 видов фундаментов»: карточки с фото, описанием, стартовой ценой и кнопкой «Заказать» + «Подробнее» — мгновенный обзор всей линейки.
• Форма расчёта: размещена после блока видов фундаментов — в точке максимального интереса.
• Блок «500+ фундаментов»: счётчик + примеры выполненных работ со ссылками на детальные кейсы.
• Блок «Для каких построек»: три сегмента (дома / хозпостройки / коммерческие) — помогает посетителю соотнести услугу со своей задачей.
• «Как выбрать тип фундамента»: экспертный блок, формирующий доверие к компании как к специалистам.
• Этапы работ: пошаговое описание процесса — снимает тревогу «что вообще будет происходить».
• Слайдер «до/после»: 6+ объектов с drag-сравнением до начала и после окончания работ.
• Таблица цен по габаритам: 6 размеров × 3 вида — ответ на «сколько стоит» без звонка.
• Гео-охват: 17 районов ЛО и 38 городов — сигнал для SEO и для посетителя «мы работаем здесь».
• «Оценка по фото»: WhatsApp-кнопка со скриншотом переписки — снижает барьер первого обращения.
• Документы компании: фото свидетельств и товарного знака — закрывает возражение «надёжная ли компания?».

3) UI-дизайн и визуальный стиль

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

• Разработка дизайн-концепции и прототипов в Figma для десктопной и мобильной версий.
• Строгая профессиональная цветовая схема с акцентным цветом для CTA-кнопок.
• Первый экран: фото реального фундаментного объекта + заголовок с УТП + четыре иконки преимуществ + CTA.
• Карточки фундаментов: фото + название + применимость + стартовая цена + кнопки.
• Слайдер «до/после»: разделённое изображение с ползунком — наглядное доказательство качества.
• Таблица цен: чёткая сетка с выделением строк для удобного чтения на мобильных.
• Документы: фото сертификатов с возможностью открыть в полном размере — прозрачность и доверие.
• Адаптивная вёрстка: таблица цен и слайдер «до/после» корректно отображаются на всех устройствах.

4) Контент и SEO-оптимизация

Строительная ниша в Санкт-Петербурге и Ленобласти даёт богатую семантику: запросы по типам фундаментов, по габаритам, геозапросы по всем 17 районам ЛО и информационные запросы «как выбрать фундамент». Правильная структура сайта позволяет охватить тысячи запросов через отдельные страницы для каждой услуги и каждой географии.

• Уникальные SEO-тексты для главной страницы, 9 видов фундаментов, кровельных, фасадных услуг и реконструкции.
• Правильная иерархия H1–H3 на каждой странице: H1 с ключевым запросом + гео, H2 для структурных блоков, H3 для подпунктов.
• Мета-теги (title, description) для каждой страницы — с учётом типа фундамента и гео.
• Геостраницы: отдельные страницы под «фундамент во Всеволожске», «во Выборге» и другие районы — охват локального поиска по всей ЛО.
• 30+ внутренних ссылок с анкорными текстами на главной: коммерческие ключи по смежным услугам.
• Микроразметкаorg: LocalBusiness, Service, FAQPage, BreadcrumbList, Review.
• XML-карта сайта, robots.txt, настройка Яндекс.Метрики: цели на все формы, звонок, WhatsApp.
• Блог: информационные статьи по выбору фундамента и кровли — дополнительный органический трафик.

5) Функционал: каталог услуг, расчёт стоимости, фото до/после

Для строительных компаний с большим каталогом услуг и геораспределённой аудиторией наша команда использует CMS с гибким управлением контентом — это позволяет самостоятельно добавлять услуги, обновлять цены и публиковать кейсы выполненных работ. Подробнее о подходе к разработке корпоративных строительных сайтов — на странице разработки сайтов.

• Каталог услуг: трёхуровневая навигация (Фундаменты / Кровля / Фасад / Услуги) с подразделами — каждая страница самостоятельная SEO-единица.
• Таблица цен по габаритам: 6 размеров × 3 вида фундаментов — адаптированная под мобильные устройства.
• Форма «Получить бесплатный расчёт»: в 4 точках главной (первый экран, после каталога, после таблицы, подвал).
• Блок «Оценка по фото»: кнопка WhatsApp с pre-заполненным сообщением — одним кликом начинает диалог.
• Слайдер «до/после»: 6+ объектов с drag-сравнением на touch-устройствах.
• Страницы портфолио: каждый кейс с описанием, фото и характеристиками объекта.
• Слайдер акций: изображения спецпредложений с переходом к деталям.
• Видеогалерея: встроенный YouTube-канал с видеоотчётами со строительных объектов.
• Гео-блок: кликабельный список районов ЛО и городов со ссылками на геостраницы.
• Мультиканальная связь: телефон, WhatsApp, ВКонтакте, YouTube — в шапке и подвале.

6) Техническая реализация и тестирование

Особое внимание уделили корректной работе таблицы цен и слайдера «до/после» на мобильных: значительная часть аудитории строительных сайтов заходит прямо с объекта со смартфона — показать участок подрядчику или уточнить стоимость.

• Кросс-браузерное тестирование (Chrome, Firefox, Safari, Edge) и проверка на мобильных и планшетах.
• Тестирование таблицы цен: корректное отображение на экранах от 320 px без горизонтального скролла.
• Тестирование слайдера «до/после»: корректность drag-жеста на touch-устройствах.
• Тестирование всех форм: отправка, уведомления менеджеру на e-mail и в Telegram.
• Тестирование кнопок WhatsApp: корректный pre-fill сообщения при переходе.
• Оптимизация изображений: WebP, ленивая загрузка — критично для страниц с большим числом фото объектов.
• Достижение PageSpeed 85+ на мобильных — важно для ранжирования Яндекса.
• SSL-сертификат, резервное копирование, защита форм от спама.

Результат

Компания Reco-House получила корпоративный строительный сайт, который:

• структурирует широкую линейку услуг — 9 видов фундаментов, кровля, фасад, реконструкция — так, что посетитель мгновенно находит нужное направление и понимает, с чего начать взаимодействие;
• закрывает ценовое возражение до обращения: таблица стоимости по шести габаритам и опция «оценка по фото за 20 минут» через WhatsApp дают ориентир по бюджету без звонка;
• снимает главные опасения частного заказчика: без предоплаты, поэтапная оплата, гарантия до 10 лет, фиксированная смета, товарный знак и документы — все аргументы закрыты на странице;
• доказывает опыт визуально: слайдер «до/после», видеогалерея работ, счётчик «500+ фундаментов» — доказательства компетентности, не требующие веры на слово;
• подготовлен к масштабному SEO: страницы по каждому типу фундамента, кровельным и фасадным услугам, геостраницы по 17 районам ЛО — сотни точек входа из органического поиска.