10 ошибок сайтов застройщиков

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

Мы обобщили опыт более 40 диджитал-аудитов сайтов застройщиков и агентств недвижимости, которые провели за полгода. Рассказываем о типовых ошибках сайтов и способах их устранения.
Стоимость первичного звонка в сфере недвижимости измеряется десятками тысяч рублей. Сайт — важный канал привлечения клиентов, уже есть примеры покупки квартир онлайн даже без визита на объект в режиме самоизоляции.
1. Сайт долго грузится
1. Сайт долго грузится
Это очень распространенная проблема, особенно для мобильных версий сайтов: она обнаруживается более чем у половины наших клиентов. Скорость загрузки сайта легко оценить с помощью сервиса PageSpeed Insights. По итогам наших аудитов, индекс скорости в среднем составил 10,4 секунды, а средняя скорость взаимодействия с контентом — 23,8 секунды.

По результатам исследования маркетингового агентства Portent, первые пять секунд загрузки сайта являются критическими для конверсии. В течение этого короткого промежутка времени конверсия падает на 4,42% каждую секунду; оптимальное время загрузки ― до 4 секунд. Почти половина (47%) посетителей рассчитывают, что открытие страницы уложится в две секунды или менее.

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

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

В случае с содержимым действует простое правило: чем меньше, тем быстрее.
Скорость загрузки вырастет, если:
  • уменьшить число «тяжелых» элементов: 3D-моделей, видеороликов;
  • сжать иллюстрации, уменьшить их размер (400 Кб, а не 4 Мб);
  • уменьшить число используемых плагинов и других скриптов;
  • использовать асинхронную загрузку, чтобы основные элементы показывались сразу, а второстепенные подгружались в фоне;
  • использовать lazy loading, с помощью которого контент загружается по мере пролистывания страницы;
  • применять технологию SPA (Single Page Application): загрузка данных на сайте осуществляется с помощью скриптов, и не требуется обновление страницы.
Имитация скорости загрузки сайта с помощью сервиса PageSpeed Insights
Для сайтов застройщиков критически важно найти баланс между наглядностью и скоростью. Покупатели квартир должны увидеть, чтó им предлагает девелопер, и для этого хорошо подходят планы жилых комплексов, 3D-визуализации квартир, качественные детальные изображения. Но вся эта красота не приведет к покупке, если пользователь уйдет с сайта, разочарованный низкой скоростью его загрузки.
2. Сайт плохо адаптирован под мобильные устройства
2. Сайт плохо адаптирован под мобильные устройства
Судя по статистике Statcounter, в первом полугодии 2020 года 52,94% пользователей заходили на сайты с мобильных устройств. Для сайтов застройщиков, с которыми мы работали, этот показатель составил порядка 60%. Число мобильных посетителей увеличивается с каждым годом.

О разработке мобильной версии стоит задуматься еще и потому, что с июля 2019 года компания Google изменила алгоритм ранжирования сайтов: теперь позиция в поиске зависит от наличия и качества мобильных версий интернет-страниц.
74% пользователей с большей вероятностью вернутся на сайт, если он оптимизирован для мобильных устройств
Хороший пример мобильной версии сайта застройщика
Для того чтобы с сайтом было удобно взаимодействовать в мобильном браузере, важно:
  • в мобильной версии минимизировать число элементов на страницах: оставить только самое нужное;
  • разместить ссылки и кнопки, которые удобно нажимать пальцем;
  • использовать при верстке адаптивную сетку так, чтобы элементы на маленьких экранах корректно масштабировались и не перекрывали друг друга;
  • не делать слишком длинные формы: можно вместо этого разбить их на несколько этапов, запросив на первом телефон;
  • использовать достаточно крупный шрифт (минимум 16px), делать отступы в тексте;
  • расположить на видном месте строку поиска, фильтры, ссылку для возврата на главную страницу.
Даже такая мелочь, как номер телефона компании без кода города, может ухудшить конверсию: ведь вместо того, чтобы кликнуть на телефон и нажать кнопку вызова, потенциальному покупателю придется дописывать символы в начало номера.

Согласно исследованию, посвященному платной рекламе в сфере недвижимости, четверть всех звонков из «Яндекс.Директа» приходит от пользователей, которые открыли сайт на мобильном устройстве. У Google AdWords этот показатель составляет больше 50%. Поэтому продуманная понятная мобильная версия сайта — обязательное условие для нормальной работы.
3. Сайт недостаточно информативен
3. Сайт недостаточно информативен
Квартиры стоят дорого, и многие покупают жилье только раз в жизни. Для того чтобы покупатель сделал выбор в пользу конкретного застройщика, необходимо предоставить ему все сведения, необходимые для принятия решения.
Вот какие разделы, по нашему опыту, особенно важны для сайтов девелоперов:
  1. Информация о расположении объекта, микрорайоне: инфраструктура, расстояние до крупного города для пригородной недвижимости.
  2. Информация об отделке: покупателям важно знать, сколько денег им придется вложить в ремонт после покупки.
  3. Данные о самом застройщике: проекты, сданные объекты.
  4. Варианты и условия оплаты: наличный или безналичный расчет, возможность купить в рассрочку или ипотеку, акции и предложения. Этот раздел должен сподвигнуть потенциального клиента на целевое действие, помочь ему оценить свои финансовые возможности.
  5. Если покупка в ипотеку возможна, то лучше разместить прямо на сайте ипотечный калькулятор: дать возможность сравнить предложения разных банков, рассчитать ежемесячный платеж для различных сроков и размер первого взноса, отправить заявку на консультацию.
Более половины покупателей квартир в новостройках берут ипотечные кредиты, так что при отсутствии калькулятора потенциальный покупатель уйдет с сайта и, возможно, найдет нужную функциональность у вашего конкурента.
Хороший пример предварительного расчета ипотека на сайте ПИК
4. Тексты перегружены: написаны для роботов, а не для людей
4. Тексты перегружены: написаны для роботов, а не для людей
На конверсию и положительный пользовательский отклик влияет не только полнота информации, но и качество изложения. Если текст идет сплошным полотном или перегружен ключевыми словами для SEO-роботов, посетитель устанет продираться сквозь словесные дебри и покинет сайт.

Людям проще читать простые понятные тексты, разбитые на абзацы с видимыми отступами. Хорошо, если предложения не слишком длинные (меньше 80 символов), а в абзацах не более пяти предложений. Мы советуем выделять ключевую информацию с помощью форматирования, но не увлекаться им чрезмерно.
Хороший пример сторителлинга на сайте проекта К24
5. Иллюстрации не отвечают задачам застройщика
5. Иллюстрации не отвечают задачам застройщика
Визуальная часть тоже важна для конверсии: пользователи привыкают к онлайн-шопингу, у них вырабатывается потребность увидеть и оценить объект. Люди меньше читают тексты, особенно крупные блоки, и больше смотрят. Поэтому важно правильно подобрать медиаконтент так, чтобы он дополнял текст и помогал пользователю принять взвешенное решение.
Хороший пример визуализации проекта на сайте Брусники
Рассылка для девелоперов
Делимся полезными материалами и важными новостями о диджитал-маркетинге в сфере недвижимости
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности
Вот несколько рекомендаций, которые мы выработали при проведении аудитов:
  1. По оформлению: оформление сайта должно соответствовать сегменту жилья. Например, если ЖК позиционируется как премиальный, то сайт нужно сделать более легким и изящным. Дизайн должен подчеркивать роскошь и люксовость проекта.
  2. По содержанию: мы считаем, что критично важно разместить на сайте план этажа. Потенциальному покупателю может быть интересно, сколько у него будет соседей по лестничной клетке, где расположен лифт, мусоропровод. Квартиры будет проще оценить, если дать возможность посмотреть не только схемы планировок, но и дополнительные рендеры с мебелью.
  3. По качеству: фотографии и отрисовки планировок должны быть качественными и достаточно крупными. Они должны одинаково хорошо восприниматься на мониторах компьютеров и экранах телефонов. Мы также советуем не размещать текст на иллюстрациях: это отвлекает внимание как от самого текста, так и от фото.
Закажите аудит, чтобы получить персональные рекомендации, увеличить конверсию и снизить стоимость заявки
6. Неудобная навигация не соответствует целям пользователя
6. Неудобная навигация не соответствует целям пользователя
На сайт приходят посетители с разными потребностями и технической подготовкой, у них могут быть различные эмоциональные состояния. Например, некоторым удобнее искать от общего к частному: начать с информации о застройщике, проекте и лишь потом перейти к деталям планировки. Другие хотят найти квартиру по конкретным параметрам, у них уже сформирована потребность. Третьим проще позвонить или задать конкретные вопросы онлайн-консультанту.

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

При разработке сайта необходимо учитывать все эти сценарии. Цель — максимально упростить взаимодействие и сократить время от входа на сайт до отправки заявки, а значит на страницах не должно быть случайных элементов.
Неотвлекающая от изучения сайта форма «Онлайн-офис» предлагает получить консультацию в мессенджере
Вот несколько примеров:
  • человек уже знает, чтó он конкретно ищет, — для него будет важно найти на сайте удобный поиск с подбором по параметрам;
  • человек не хочет разговаривать — для него нужно предусмотреть возможность получить ответы на свои вопросы письменно: по почте, в мессенджерах, с помощью онлайн-консультанта;
  • человек плохо владеет компьютером — для таких случаев можно реализовать всплывающие в нужный момент окошки с предложением помощи или возможностью оставить заявку на обратный звонок.

7. Концепция всплывающих окон недостаточно проработана
7. Концепция всплывающих окон недостаточно проработана
Результаты опросов показывают, что пользователям не нравятся всплывающие окна (pop-up). Тем не менее они могут быть полезны для посетителей, которые не слишком хорошо ориентируются на сайтах. Поэтому необязательно полностью отказываться от всплывающих окон, но они не должны появляться бесконтрольно, вне зависимости от содержания страницы. И уж тем более перекрывать друг друга и ключевые элементы сайта.

Мы также рекомендуем использовать при разработке концепции поп-апов принцип ненасилия: у всплывающих окон должна быть заметная кнопка закрытия. Именно закрытия, а не перехода на другой интернет-ресурс. Если кнопки нет или она незаметна, посетитель не будет тратить время на ее поиски, а просто закроет вкладку с сайтом целиком.

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

Не советуем показывать поп-апы сразу после входа, чтобы не сбивать пользователя с мысли, а также прерывать выполнение задач, например, заполнение заявки. Не вовремя показанное окно в лучшем случае сразу закроют, в худшем — это приведет к отказу и уходу с сайта.
8. Элементы CTA (call to action) незаметны или нелогичны
8. Элементы CTA (call to action) незаметны или нелогичны
Часто CTA-элементы (англ. call to action — призыв к действию) на стартовом экране не контрастируют с изображениями, не выделяются на их фоне размером и цветом шрифта, сливаются с ними. В таких случаях целевое действие оказывается не в фокусе. Иногда такие кнопки вообще не видны на некоторых моделях смартфонов. Другая типичная ошибка — при скроллинге добавляются CTA-кнопки, которые не соответствуют информации на странице, а значит противоречат целям пользователя.
Мы рекомендуем размещать CTA под конкретные потребности посетителей сайта, а именно:
  • логичным будет предложить экскурсию в разделе с описанием ЖК;
  • консультацию — в первой части знакомства с проектом, когда пользователь еще не принял решение о покупке;
  • бронь или оформление заявки — только после получения основной информации или на странице объекта.
9. Формы обратной связи «недружелюбны»
9. Формы обратной связи «недружелюбны»
Частая проблема на таких формах — нет информации о том, когда поступит обратный звонок после отправки заявки. Иногда у пользователя нет возможности выбрать время звонка — это неудобно.

Форма обратной связи должна формировать у пользователя понятные ожидания: что именно и когда произойдет после целевого действия. Дружелюбный и нативный интерфейс таких форм улучшит общее впечатление от сайта. Например, в разделе для ввода телефона можно предусмотреть маску, а для мобильных устройств показывать в таких полях цифровую клавиатуру.
Пример дружелюбной формы обратной связи на сайте
10. Кнопки на формах расположены неудобно
10. Кнопки на формах расположены неудобно
Чтобы взаимодействие пользователя с формой завершилось успешно (например, отправкой заявки на консультацию), важно продумать расположение кнопок отмены или очистки формы. Такие элементы должны визуально отличаться от кнопки отправки и располагаться от нее на достаточном расстоянии. Иначе можно случайно нажать на отмену вместо отправки, а повторно вводить данные станет не каждый посетитель сайта.
Чтобы составить положительное впечатление о компании, важно выстраивать friendly–онлайн-коммуникации, когда на первое место выходят забота о клиентах и удобство в использовании ресурсов для них.

Следование описанным выше рекомендациям вместе с устранением недоработок в рекламных кампаниях поможет снизить стоимость лида на 20–30% в первые месяцы.
Мы будем и дальше делиться с вами полезными материалами. Подписывайтесь на нашу рассылку, чтобы ничего не пропустить.
Рассказываем, как за месяц увеличить количество обращений с сайта на 40%
Материал придет к вам на почту сразу после подписки на нашу рассылку
Блог
Делимся реальным опытом в диджитал-маркетинге: кейсы, чек-листы, разборы, аналитика. Копаем глубоко и приводим примеры.