July 1, 2020

Лидогенерация с помощью лендинга: отрисовка блоков в прототипе-2

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


5. О застройщике

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

У большинства девелоперов вся информация размещена на официальном сайте. Все числовые данные (кол-во лет на рынке, кол-во выполненных проектов, денег в обороте и прочие цифры) можете смело брать к себе на лендинг. Ещё можно разместить фотографии выполненных объектов, фото офиса и даже сертификаты, если они находятся в свободном доступе. Ссылку на сам оф. сайт указывать не стоит — пользователь может уйти и не вернуться.

Разместить эту информацию можно в любом виде, но лучше сделать это компактно. Одним из самых распространенных способов является размещение цифр о компании в “кружочках”:

Для этого по старинке выделяете область на сетке и выбираете тип “Ellipse/Circle”. Дальше копируете, вставляете, и дальше по порядку, затем наполняете кружочки текстом. Чтобы сделать круг симметричным, при растягивании рамочки зажимаете Shift.

6. Как мы работаем

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

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

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

Приблизительно так это может выглядеть:

7. F.A.Q.

На этом блоке дожимаем клиента и закрываем возражения. Именно закрываем возражения, а не просто даём ответы на вопросы. Разместить их можно в виде выпадающего списка или в виде структуры. Рекомендуемое количество вопросов: от 4 до 7:

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

8. Карта + Контактная информация

Завершающий блок сайта с контактной информацией. Не спешите указывать свой адрес. В первую очередь вы должны указать адрес объекта и показать его на карте. Затем просто оставьте форму для связи и телефон. Готово!

Также, к этому блоку относится футер или подвал сайта. Здесь можно ещё раз указать пункты меню (те, что в шапке), название застройщика, ООО / ИП партнёра и знак копирайта. На практике на лендингах этот блок встречается редко. Используйте его на своё усмотрение.

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

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

⌘ ⌘ ⌘

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