Как внедрение CRM привело к созданию 2 сайтов для строительной компании – кейс

Сайт – обязательная составляющая любых продаж. Это онлайн-витрина, позволяющая представить в выгодном свете преимущества продукта и привлечь к нему внимание большой аудитории. Когда дело касается недвижимости, веб-ресурс становится одной из главных площадок для продвижения объекта и мощным инструментом продаж. При создании сайта на строительную тематику от разработчика требуется комплексный подход, включающий как глубокое понимание технических аспектов сайтостроения, так и умение представить информацию визуально понятно и привлекательно для потенциальных покупателей.

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

Клиент и задача

У нас уже был успешный опыт сотрудничества с этой строительной компанией (СК). Им понравилось с нами работать, и после успешного внедрения CRM Битрикс24 они обратились к нам уже с другим запросом. В этот раз требовалось создать продающий многостраничник для жилого комплекса (ЖК), строящегося в городе-миллионнике.

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

Поставленная перед нами задача была комплексной и включала две составляющих:

1. Сделать легкий, быстрый, современный онлайн-ресурс для презентации и продажи квартир в новом ЖК.
2. Связать его с CRM – чтобы заявки сразу попадали в систему и обрабатывались менеджерами.

Забегая вперед, скажем, что на одной веб-площадке клиент не остановился. В итоге мы сделали еще и вторую – под жилой комплекс, построенный также в большом городе, но в другом регионе. По дизайну и функционалу площадки были идентичными, различались локации и проекты объектов недвижимости (16 корпусов в первом ЖК и 5 – во втором, планировки квартир тоже были разными).

Этап №1: с чего началось создание сайта для строительной компании

Заказчику нравились онлайн-порталы нескольких самых известных российских застройщиков. Ему хотелось получить аналогичный дизайн и функционал, но при этом со значительно меньшими затратами.

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

Выбор движка и создание уникального шаблона

В качестве платформы для создания и управления содержимым сайта строительной компании была выбрана CMS WordPress (WP). Типовые шаблоны WordPress, естественно, не подходили для задач, которые поставил застройщик. Нужен был кастомизированный сетевой ресурс с определенным визуалом и набором коммерческих функций. Поэтому тему WP (дизайн и функционал) мы разрабатывали с нуля. А чтобы результат максимально точно соответствовал пожеланиям клиента, в первую очередь была создана визуализация в Power Point.

Разработка прототипа, подготовка технического задания

Проджект-менеджер организовал несколько онлайн-сессий с заказчиком, во время которых они вместе подбирали блоки и составляли прототип. Рассматривали популярные строительные сайты и брали с них подходящие элементы.

Заказчик активно участвовал в формировании структуры будущей веб-площадки, предлагая элементы, которые отражают его предпочтения и требования к функциональности. Созданное на основе готового прототипа техническое задание (ТЗ) было детально проработано и оформлено в Power Point, что обеспечило четкое понимание целей, задач и упростило дальнейшую работу.

Первый этап занял, как и планировалось, 15 рабочих дней.

Этап №2: дизайн-концепт

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

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

Сначала разработали дизайн-макет для десктопной версии, затем адаптировали его для мобильных и планшетов. Таким образом, веб-ресурс получился полностью адаптивным и одинаково отображался при заходе с любого устройства.

Благодаря тому, что работа над техническим заданием для дизайн-концепта была грамотно организована, на этот этап у нас ушло менее 15 дней.

Этап №3: верстка и подготовка к запуску

После создания и утверждения дизайн-концепции ее нужно было реализовать не только в визуале, но и в коде, обеспечив совместимость и функциональность. Также необходимо было выполнить интеграции и подготовить новый строительный ресурс к продвижению. Так что в третьем этапе проекта участвовала вся команда Integrus: и программист, и дизайнер, и SEO-оптимизатор. Проджект-менеджер координировал действия и вел коммуникацию с клиентом.

Третий этап стал самым масштабным по объему. Согласно договору, сюда вошло более 8 пунктов, каждый из которых содержал целый блок работ. Остановимся на самых значимых.

Программирование модулей

Изначально планировался один список модулей/страниц, среди которых были такие: «Окружение», «Как происходит продажа квартиры», «Возможности приобретения». Однако в процессе работы по решению клиента были внесены изменения в структуру – фактически мы согласовали и добавили 10 других модулей.

Программирование и настройка CMS WordPress

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

Но самое главное преимущество «Вордпресс» в том, что это опенсорс-система. То есть исходный код программного обеспечения открыт, что позволяет вносить в базовую конфигурацию любые изменения и делает движок идеальным помощником при создании эксклюзивных веб-проектов. Так как клиенту нужна была кастомизация, наш технический специалист дорабатывал код CMS под потребности бизнеса.

Публикация проекта

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

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

Наполнение и оптимизация

Тексты и картинки для наполнения контентной части полностью предоставлялись строительной фирмой. За исключением инфографики – ее отрисовывал наш дизайнер, как и остальные элементы оформления.

Сайт тематики, связанной с недвижимостью, должен быть продающим, поэтому со своей стороны мы не только добавили на него полученные материалы и оформили контент, но и произвели базовую SEO-оптимизацию. Прописали метатеги title, description, подзаголовки h1, атрибут alt для изображений, чтобы поисковые системы как можно быстрее проиндексировали новый ресурс, определили региональную принадлежность и начали выдавать его в поиске по локации. А также мы внедрили микроразметку для повышения конверсии.

Подключение систем отслеживания

На третьем этапе нами были подготовлены и добавлены коды счетчиков аналитики: Яндекс.Метрики, Яндекс.Вебмастера, Google* Analytics, Google* Search Console. Мы подключили и настроили все возможные цели, начиная с конверсии страницы заявки и страницы благодарности и заканчивая посещением определенных разделов и кликами на разные элементы интерфейса. Аналитику настраивали так, чтобы отслеживалось буквально каждое действие посетителя.

Связка с CRM для автоматизации бизнес-процессов

Отдельным пунктом технического задания являлось создание связки с CRM-системой, о которой упоминалось выше. Как только онлайн-площадка была готова, мы сразу подключили ее к Битрикс24 и добавили необходимые интеграции.

1. На все страницы поместили код специального модуля для мессенджера, который напрямую интегрирован в Битрикс24. Если пользователь начинает диалог, модуль мгновенно передает сообщения и заявки в CRM. При этом собираются и данные по источникам перехода.
2. Установили виджет обратного звонка, тоже связанный с CRM.

Этот этап занял 25 дней, как и планировалось по графику.

Вторая площадка – под северный ЖК

Когда первая площадка была практически полностью готова к запуску, фирма заказала еще одну – под ЖК в другой локации, на севере. Поскольку отличались только города, ЖК и планировки жилых помещений, крупных модификаций не требовалось, этап прототипа и дизайн-концепта мы тоже перескочили.

Как сделать сетевой ресурс гибким и мощным маркетинговым инструментом

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

Распределение заявок

Так как у СК два объекта и находятся они в разных локациях, необходимо было организовать распределение заявок по разделам в CRM. Мы настроили систему таким образом, чтобы обращения с каждой из региональных площадок поступали именно в тот отдел, который отвечает за данный регион. Менеджер получает в CRM полноценную заявку со всей необходимой информацией и видит не только гео пользователя, но и какой конкретно объект недвижимости его заинтересовал.

Автоматическое перенаправление

Когда посетитель впервые заходит на площадку и в браузере еще не сохранены cookie-файлы, он автоматически перенаправляется на домен ЖК в своем регионе. При этом на экране появляется всплывающее окно с возможностью выбора: остаться в текущей локации или перейти на вторую.

Если местоположение пользователя не относится ни к одному из регионов с предлагаемыми объектами, по умолчанию открывается площадка основного ЖК, за который отвечает центральный отдел продаж.

Реализация выбора города через pop-up была отдельным пунктом запланированных работ. Мы сделали 6 вариантов дизайна на выбор (в различных цветовых решениях и с разными модификациями блоков), один из которых клиенту понравился больше всего.

Интерактивный модуль выбора квартир с 3D-визуализацией

Раздел «Выбор квартир» («Генплан ЖК») оформлен в виде интерактивного модуля с 3D-визуализацией. Изображения для этого модуля предоставлял заказчик, а созданием функционала занималась наша команда.

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

В этом же окошке есть кнопка «Планировки», которая дублируется под 3D-визуализацией. Нажав на эту кнопку, пользователь перенаправляется на соответствующую страницу, где может ознакомиться с планами жилых помещений.

Реализация страницы с планировками

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

Очевидно, такой способ представления создавал определенные неудобства для потенциальных покупателей. Мы это заметили и предложили усовершенствовать раздел, распределив квартиры по корпусам, чтобы при выборе корпуса выводились все варианты имеющегося в нем жилья и планировки. В этом случае посетителю не придется просматривать множество страниц, чтобы найти подходящий объект – сразу понятно, что есть в конкретном доме. Решение застройщику понравилось, и мы его реализовали.

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

Страница предложений

Под 3D-визуализацией находится также кнопка «Наше предложение», при нажатии на которую открывается страница с адресами и информацией о каждом из корпусов. Эту страницу по договору заполняли сотрудники строительной фирмы. Мы занимались реализацией галереи с фотографиями квартир и сведениями об объектах.

Другие работы

• Создание доменной почты. Изначально для проекта планировалось использовать электронную почту на «чужом» домене, мы предложили создать ее на собственном доменном имени.
• Политики. Добавили политику конфиденциальности, согласие на обработку данных, сведения о куки. Тексты подготовили и предоставили юристы строительной компании, мы оформили и разместили юридически важную информацию в виде статей.
• Поиск и FAQ. Для удобства пользователей был реализован поиск по сайту (с возможностью перехода на сателлит), а также блок часто задаваемых вопросов.
• Техническая оптимизация. Помимо модулей и блоков, нашей командой была разработана система шорткодов, выполнен аудит безопасности, мероприятия по предупреждению взлома, настроено резервное копирование (бэкапы создавались перед каждым внесением изменений в код). Также мы оптимизировали скрипты и скорость загрузки страниц.

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

Доработки по запросу

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

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

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

На общую стоимость проекта включение таких изменений никак не повлияло – для СК она осталась прежней, притом что объем дополнительных работ был довольно большим. Дело в том, что мы работали с опережением графика, поэтому образовался некоторый запас по рабочим часам специалиста. Поэтому доплачивать за переверстку не пришлось.

В результате заказчик получил полноформатный (fullscreen) сайт строительной тематики без дополнительных затрат и остался очень доволен. Именно после этого фирма обратилась к нам за площадкой под второй ЖК.

Администрирование

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

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

Внутренняя система контроля в Integrus

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

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

Подводим итоги: какие выгоды получил застройщик, заказав разработку сайта в ГК «Интегрус»

• Минимум времени заняли организационные вопросы. Благодаря предыдущему опыту сотрудничества с компанией мы были погружены в ее бизнес-среду и прекрасно понимали особенности строительного бизнеса. Это позволило серьезно сократить время на реализацию проекта. Клиенту не пришлось искать нового подрядчика и вводить его в курс дела. Нашей команде уже была понятна задача, поэтому мы быстро подписали договор и сразу приступили к созданию строительного веб-ресурса. Уже через 2 месяца застройщик получил возможность начать продажи через интернет.
• Экономия на площадке для второго ЖК. Основной объем работ мы сделали на первой площадке – вторую не пришлось создавать с нуля. Так как дизайн и функционал не отличались и клиент их утвердил, достаточно было внести минимальные корректировки. Поэтому стоимость услуг в рамках второго договора составила 30,7% по сравнению с первым. Таким образом, экономия составила более 69%.
• Безопасность. Онлайн-витрины для объектов недвижимости получились не только уникальными, лаконичными и удобными для пользователей, но и хорошо защищенными с точки зрения кибербезопасности. Чистый код, установленный SSL-сертификат, настройка регулярного резервного копирования,  сложные пароли (передавались заказчику через специальные программы для хранения конфиденциальных данных) и другие меры безопасности – все это снижает риск взлома и вероятность наступления даунтайма.
• Создание интеграций. Связка с CRM, мгновенное уведомление о поступивших заявках, настройка конверсионных целей – бизнес-интеграции помогают оперативно реагировать на сообщения от потенциальных покупателей, упрощают работу с аналитикой, повышают функциональность и удобство сетевого ресурса точки зрения управления продажами.

Специалисты, участвовавшие в реализации

Над проектом трудилась команда, в которую входили: проджект-менеджер, дизайнер, технический специалист, SEO-оптимизатор. Курированием, как обычно, занимался лично генеральный директор ГК «Интегрус» Петр Дзюба.

Коммуникация с заказчиком

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

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

Сколько времени заняла разработка двух строительных веб-площадок

Первый договор был подписан в конце августа, а в октябре, когда примерно на 80% была закончена разработка одного сайта, подписали договор на создание второго. На каждый выделялось по 55 рабочих дней, но работы по второму заняли на 20 дней меньше – благодаря тому, что вся основная «начинка» уже была готова, фундаментальных изменений не потребовалась.

По основным пунктам ТЗ мы уложились в график. Однако из-за того, что застройщик заказывал создание 3D-визуализации и изображений у сторонних исполнителей и не смог вовремя предоставить материалы, сроки пришлось немного скорректировать.

Несколько слов о сложностях

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

• Задержки и ошибки в материалах от клиента. Материалы передавались от застройщика с опозданием, иногда – с техническими ошибками (размеры, планы квартир и т. д.). Так, не получилось загрузить все планировки одновременно, пришлось делать это по мере поступления. Кроме того, мы были вынуждены многократно менять уже опубликованную информацию. Например, некорректные изображения с планировочными схемами, присланные клиентом, обновляли около семи раз.
• Меняющиеся по ходу дела пожелания. Как уже было сказано выше, нам пришлось менять дизайн и делать переверстку уже после финализации и утверждения готового формата.
• Бумажная работа. Определенные сложности в организацию процессов вносил и традиционный бумажный документооборот, принятый в СК.

Несмотря на эти нюансы, соглашение с застройщиком не пересматривалось в сторону увеличения сроков или бюджета. Свою часть проекта наша команда выполнила досрочно, а дополнительные мероприятия, не входившие в первоначальное ТЗ, на стоимости наших услуг никак не отразились. Мы всегда стараемся адаптироваться под клиентский бизнес и не отказываемся внести изменения, если они принесут пользу проекту.

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

Индивидуальная разработка сайта строительной тематики – инвестиция, которая себя окупает

Рынок недвижимости сегодня переживает сложный период. В условиях жесткой конкуренции обеспечить успех можно только за счет грамотного выстраивания системы продаж, в которой едва ли не главное место занимает правильное позиционирование в интернете. Использование типового интернет-ресурса серьезно ограничивает возможности застройщика в демонстрации своих объектов. Это как покупка одежды из магазина масс-маркета: да, она может подходить по размеру, но никогда не будет сидеть идеально и выглядеть так же статусно, как сшитая на заказ.

Решение купить готовый строительный сайт, сделанный по шаблону, может показаться экономичным, однако оно приносит лишь сиюминутную выгоду. В долгосрочной перспективе это чревато потерей уникальности для бренда в целом и неспособностью полноценно представить проект целевой аудитории. Сайт СК должен не просто показывать примеры объектов и быть онлайн-визиткой, а стать эффективным инструментом маркетинга, отражающим ценности и специфику каждого построенного здания, каждой квартиры.

При создании веб-ресурса по индивидуальному ТЗ появляется возможность:

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

Инвестиции в создание сайта – это выгодные вложения, которые быстро окупятся, так как в результате СК получает мощный инструмент для презентации своих проектов, роста конверсии и укрепления бренда на рынке.

Часто задаваемые вопросы

Зачем застройщику ресурс в сети для отдельных ЖК?

Он необходим в первую очередь для того, чтобы показать предлагаемые объекты в комфортном для восприятия представлении. Расположение корпусов, этажность домов, варианты квартир, планировки – все это можно наглядно представить на сетевом ресурсе. Удобная организация онлайн-каталога позволяет потенциальному покупателю еще до прихода в офис СК определиться с выбором, изучив варианты жилья с компьютера или мобильного устройства. Это упрощает работу менеджеров. Получив заявку в CRM с подробной информацией об интересующем покупателя объекте, менеджер может оперативно отреагировать на нее, что значительно увеличивает шансы на заключение договора купли-продажи.

Может ли фирма самостоятельно сделать онлайн-площадку для продажи строящихся/построенных домов?

Да, если у него есть соответствующие ресурсы, то есть команда, состоящая как минимум из дизайнера, верстальщика и SEO-оптимизатора. Как правило, штат строительной организации не предполагает наличия таких специалистов, и в любом случае приходится обращаться в профильные фирмы.

Что проще и выгоднее при небольшом бюджете – купить сайт строительной тематики или сделать персонализированный на заказ?

Конечно, купить готовый сайт-визитку и даже типовой многостраничник для проще. Но в таком случае вы получите типовую веб-площадку, сделанную по шаблону, с базовым функционалом. Ее все равно придется дорабатывать и оптимизировать – под конкретные жилые комплексы, объекты недвижимости, под бизнес в целом. Как показывает практика, кастомизация всегда обходится дороже, чем создание с нуля под ключ, как минимум на 30–60%.

Почему разработку лучше заказывать у профессионалов?

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

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

Кроме того, профессионалы выполнят SEO-оптимизацию, что улучшит видимость площадки для поисковых машин и привлечет целевых клиентов.

Занимаетесь строительством домов, продаете недвижимость? Увеличьте продажи с помощью уникального высококонверсионного сетевого ресурса, который мы разработаем для вашего объекта. Свяжитесь с нами, чтобы обсудить нюансы.

* Нарушает российское законодательство

Оставьте заявку на консультацию