Как мы переработали сайт строительной компании «СИП ХАУС»

Клиент: строительная компания «СИП ХАУС»

Сайт: siphouse96.ru

Ниша: строительство домов и производство домокомплектов из СИП-панелей

Регион: Екатеринбург и Свердловская область

Формат работ: аудит, переработка структуры, дизайна, текстов и функционала сайта

Задача

Компания «СИП ХАУС» обратилась к нам с запросом на доработку действующего сайта.

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

Нужно было не разрабатывать сайт с нуля, а сохранить существующую основу и превратить ее в более современный, удобный и продающий инструмент.

Основные задачи:

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

Что было сделано

1. Обновили шапку сайта

Было

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

Это особенно неудобно для пользователей, которые заходят на сайт с телефона и хотят сразу позвонить или написать.

Стало

В шапку добавили:

• кликабельный номер телефона;
• ссылку на мессенджер MAX;
• понятное навигационное меню;
• быстрый переход к проектам, ипотеке, выполненным работам и контактам.

Теперь пользователь может связаться с компанией сразу после открытия сайта, не прокручивая страницу.

2. Полностью обновили первый экран

Было

На первом экране использовалась фотография, на фоне которой основной текст читался недостаточно хорошо. Предложение компании не сразу объясняло, какие именно услуги оказывает «СИП ХАУС» и почему стоит обратиться именно сюда.

Также не хватало заметных кнопок, ведущих к основным действиям.

Стало

Мы заменили фоновую фотографию и переработали расположение контента.

На первом экране теперь сразу указано:

• компания производит и строит дома из СИП-панелей;
• работы выполняются в Екатеринбурге и области;
• можно заказать строительство дома или отдельный домокомплект;
• у компании есть собственное производство;
• строительство выполняется под ключ;
• предоставляется гарантия;
• работа ведется по договору;
• доступны ипотечные программы.

Добавили две основные кнопки:

• «Оставить заявку»;
• «Посмотреть проекты».

Теперь посетитель за несколько секунд понимает специализацию компании, основные преимущества и доступные варианты дальнейшего действия.

3. Превратили небольшой блок проектов в полноценный каталог

Было

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

Пользователь не мог быстро отфильтровать проекты по площади, этажности, назначению или стоимости. Цены также не были представлены в едином и понятном формате.

Чтобы сравнить несколько домов, приходилось вручную просматривать карточки.

Стало

Мы расширили каталог и добавили новые проекты домов.

В каталоге представлены разные варианты:

• одноэтажные дома;
• двухэтажные дома;
• барнхаусы;
• гостевые и дачные дома;
• дома для постоянного проживания;
• компактные дома;
• просторные семейные дома.

Добавили фильтрацию по основным параметрам:

• тип дома;
• площадь;
• этажность;
• стоимость.

Также появилась сортировка:

• по новизне;
• по возрастанию и убыванию цены;
• по возрастанию и убыванию площади.

Карточки проектов стали более информативными. Теперь в них отображаются:

• название проекта;
• фотография дома;
• площадь;
• количество комнат;
• количество спален;
• этажность;
• краткое описание планировки;
• стоимость домокомплекта;
• стоимость теплого контура;
• стоимость строительства под чистовую;
• кнопка получения расчета.

В результате посетитель может самостоятельно подобрать подходящие варианты и сразу понять ориентировочный бюджет строительства.

4. Добавили квиз для предварительного расчета

Было

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

Пользователь мог оставить обычную заявку, но не мог заранее указать параметры будущего дома.

Стало

Мы разработали и добавили квиз из пяти вопросов.

В квизе пользователь указывает:

1. Какой дом планирует построить.
2. Какая площадь ему интересна.
3. Какой формат дома нравится.
4. На каком этапе он находится.
5. Когда планирует начать строительство.

После прохождения квиза клиент получает:

• предварительный расчет;
• подборку подходящих проектов;
• расчет стоимости домокомплекта;
• консультацию по ипотеке и вариантам строительства.

На последнем шаге можно выбрать удобный способ связи:

• звонок;
• MAX;
• Telegram.

Также добавлено согласие на обработку персональных данных.

Квиз помогает вовлечь посетителя в подбор дома и одновременно передать менеджеру основные вводные данные для подготовки предложения.

5. Переработали блок с ипотекой

Было

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

• какие варианты оплаты доступны;
• помогает ли компания с подбором программы;
• можно ли использовать материнский капитал;
• есть ли рассрочка;
• что произойдет после отправки заявки.

Блок не давал полноценного ответа на основные вопросы клиента.

Стало

Мы полностью обновили структуру и оформление блока.

Теперь в нем есть:

• понятный заголовок с ориентировочной ставкой;
• описание помощи с подбором финансирования;
• информация о расчете ежемесячного платежа;
• варианты оплаты;
• ипотека;
• материнский капитал;
• государственная поддержка;
• рассрочка внутри компании;
• логотипы банков-партнеров;
• отдельная кнопка консультации;
• пояснение о том, что итоговые условия зависят от выбранной программы и решения банка.

Блок стал самостоятельным коммерческим предложением, а не просто набором логотипов.

6. Обновили раздел «Наши работы»

Было

На сайте были фотографии построенных домов, но информации об объектах было недостаточно.

Пользователь видел результат, но не всегда понимал:

• какой это тип дома;
• где он построен;
• какая у него площадь;
• сколько этажей;
• какие работы выполнила компания;
• в какой комплектации был сдан объект.

Из-за этого реальные работы не в полной мере показывали опыт компании.

Стало

Мы добавили новые построенные объекты и переработали карточки.

Теперь для каждого объекта указываются:

• тип постройки;
• площадь;
• количество этажей;
• город строительства;
• назначение дома;
• выполненные работы;
• особенности фасада, кровли, остекления или террасы.

В разделе представлены разные форматы объектов:

• одноэтажные дома;
• двухэтажные дома;
• барнхаус;
• компактный дом;
• гараж из СИП-панелей.

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

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

7. Добавили отзывы с Яндекс Карт

Было

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

Пользователю приходилось открывать каждую картинку и увеличивать текст.

Также не было удобного перехода к независимому источнику отзывов.

Стало

Мы интегрировали в сайт отзывы клиентов с Яндекс Карт.

В новом блоке отображаются:

• общий рейтинг компании;
• количество отзывов;
• имя клиента;
• город;
• дата публикации;
• оценка;
• текст отзыва;
• фотографии, добавленные клиентами;
• кнопка раскрытия полного текста;
• ссылка на все отзывы на Яндекс Картах;
• возможность загрузить дополнительные отзывы.

Теперь посетитель видит не только мнение клиентов, но и может перейти на независимую площадку и проверить информацию.

8. Переработали этапы строительства

Было

Этапы строительства были представлены длинным и визуально перегруженным блоком. Информацию было сложно быстро просмотреть, а отдельные элементы повторялись.

Пользователю приходилось долго прокручивать страницу, чтобы разобраться в последовательности работ.

Стало

Мы разделили процесс строительства на шесть понятных этапов:

1. Фундамент.
2. Сборка коробки.
3. Монтаж кровли.
4. Инженерные сети.
5. Внешняя отделка.
6. Внутренняя отделка.

Каждый этап оформлен отдельной карточкой с:

• номером этапа;
• названием;
• кратким описанием;
• фотографиями выполненных работ.

Карточки можно листать в формате слайдера. Благодаря этому раздел занимает меньше места и позволяет последовательно изучить весь процесс строительства.

Отдельно показали дополнительные услуги:

• ограждение;
• ландшафтные работы;
• дренажные системы;
• установка систем безопасности.

9. Добавили новый блок «Собственное производство»

Было

На сайте упоминалось собственное производство СИП-панелей, но отдельного блока с подтверждающей информацией и фотографиями не было.

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

Стало

Мы разработали новый раздел о собственном производстве.

В блоке разместили:

• информацию о производстве домов и СИП-панелей;
• год начала работы;
• площадь производственного цеха;
• количество оборудования;
• количество сотрудников в смене;
• информацию о производительности;
• фотографии цеха и процесса производства;
• описание контроля качества;
• кнопку расчета стоимости дома.

Новый раздел подтверждает, что компания не просто собирает дома на объектах, а самостоятельно производит СИП-панели и домокомплекты.

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

10. Обновили формы заявок и способы связи

Было

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

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

Стало

Мы обновили всплывающие окна и формы.

Теперь пользователь может:

• оставить заявку непосредственно на сайте;
• заказать обратный звонок;
• выбрать звонок, MAX или Telegram;
• написать на электронную почту;
• перейти в мессенджер MAX.

В формах предусмотрено согласие на обработку персональных данных и ссылка на политику конфиденциальности.

Также на сайт добавлено уведомление об использовании файлов cookie.

11. Обновили подвал сайта

Было

Подвал содержал основную контактную информацию, но выглядел недостаточно структурированно. Часть способов связи требовала обновления.

Стало

В подвале собрали всю необходимую информацию:

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

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

Результат

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

После доработки сайт стал:

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

Теперь посетитель может пройти последовательный путь:

1. Понять, чем занимается компания.
2. Изучить основные преимущества.
3. Подобрать проект с помощью фильтров.
4. Сравнить варианты стоимости.
5. Посмотреть реальные построенные дома.
6. Изучить отзывы клиентов.
7. Узнать об ипотеке и вариантах оплаты.
8. Пройти квиз и получить предварительный расчет.
9. Оставить заявку удобным способом.