Конверсионный лендинг по продаже недвижимости для АЯКСа

АЯКС — крупнейшее агентство недвижимости на Юге РФ.

Основная проблема клиента заключалась в том, что на сайте была некорректно настроена аналитика, что в свою очередь вызывало много проблем в оптимизации рекламных кампаний (РК). Клиент не знал, сколько стоит лид и какая РК наиболее эффективна.

Чтобы решить эту задачу, мы предложили клиенту создать отдельную посадочную страницу.

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

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

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

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

Для увеличения конверсии практически каждый блок на сайте должен иметь кликабельные элементы. Поэтому в разных блоках посадки при нажатии на элементы мы добавили формы обратной связи.

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

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

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

Перед началом вёрстки мы проанализировали дизайн-макет лендинга.

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

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

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

Заключительным этапом после вёрстки стал перенос на CMS WordPress для удобного редактирования контента на сайте. В админ-панели мы создали поля для всего контента на сайте, чтобы можно было менять текст, номера телефонов, варианты ответов на вопросы квиза и многое другое.