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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вторая веб-платформа фактически была копией первой – оставалось лишь изменить информацию (тексты, изображения) и SEO под новый город, а также отдельно настроить цели в сервисах аналитики.

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

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

Процедура обработки заявок в CRM настроена в зависимости от геолокации посетителя. Заявка с сайта сразу попадает в отдел продаж соответствующей региональной привязки.

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

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

Новые посетители автоматически попадают на ЖК своего региона. А во всплывающем окне им предлагается выбор: остаться здесь или перейти к просмотру другого ЖК.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Статья на сайте

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