О клиенте
АЯКС — крупнейшее агентство недвижимости на Юге РФ.
Основная проблема клиента заключалась в том, что на сайте была некорректно настроена аналитика, что в свою очередь вызывало много проблем в оптимизации рекламных кампаний (РК). Клиент не знал, сколько стоит лид и какая РК наиболее эффективна.
Чтобы решить эту задачу, мы предложили клиенту создать отдельную посадочную страницу.
Задачи
1
Создание конверсионной посадочной страницы с сохранением фирменного стиля основного сайта АЯКСа
2
Разработка и добавление на сайт квиза для увеличения конверсии в заявку
Процесс работ
Перед началом работы мы обговорили несколько важных моментов и разработали план, далее отрисовали полный визуал всех страниц сайта для согласования с заказчиком.
Этап 1
Разработка плана работ
Сначала мы определили, что необходимо сделать посадку, которая визуально будет максимально схожа с главным сайтом компании. Для этого мы решили использовать блоки, аналогичные основному сайту компании.
В дополнение мы добавили на сайт привычную шахматку, которая похожа на шахматку основного сайта. Таким образом мы развеяли сомнения пользователей в том, что они попали на настоящую, а не на мошенническую страницу.
На сайт важно было добавить блок «о нас», который подчеркнул бы статус агентства, а также познакомил посетителей страницы с историей компании и вызвал доверие.
Для увеличения конверсии практически каждый блок на сайте должен иметь кликабельные элементы. Поэтому в разных блоках посадки при нажатии на элементы мы добавили формы обратной связи.
Этап 2
Разработка дизайн макета
Перед нами стояла задача придерживаться фирменного стиля основного сайта компании. Поэтому дизайн-макет лендинга мы разрабатывали в соответствии с дизайном сайта. Строгий гротескный шрифт и острые формы углов сочетали с плавными формами и яркими цветами разноцветных иллюстраций.
Далее обсудили структуру посадочной страницы. Структура должна была решать следующую задачу: приводить лиды на покупку квартир с посадки. Для этого дизайнеры совместно с маркетологами разработали квиз. Он был направлен на то, чтобы сориентировать пользователя в вариантах выбора квартиры или дома.
На первом экране квиза мы добавили бонусы за прохождение, чтобы у пользователя была мотивация пройти квиз до конца и получить максимум информации. Это помогло нам увеличить конверсию.
Этап 3
Настройка шаблона, вёрстка страниц и перенос сайта на CMS WordPress
Перед началом вёрстки мы проанализировали дизайн-макет лендинга.
На этапе вёрстки настроили стили элементов сайта, которые будут использоваться повторно, например: вид кнопки и поля для ввода номера телефона. Также настроили основные цвета сайта, размеры шрифтов и их комбинации. После проведённых работ начали основную верстку сайта.
Блок за блоком, от шапки до подвала создавали блоки для ПК и мобильной версии сайта. Вишенкой на торте стал блок с квизом. Для начала работы над ним мы написали несколько строк скрипта для правильного переключения блоков при смене вопроса. Далее создали вёрстку, настроили варианты выбора и создали завершающую форму после прохождения квиза. В результате для этого блока мы написали скрипт, который обрабатывает выбранные варианты ответа, введённый номер телефона и отправляет заявку.
Также мы создали модальное окно, которое открывается при нажатии на некоторые кнопки. Через это окно можно также оставлять заявку на обратный звонок.
Заключительным этапом после вёрстки стал перенос на CMS WordPress для удобного редактирования контента на сайте. В админ-панели мы создали поля для всего контента на сайте, чтобы можно было менять текст, номера телефонов, варианты ответов на вопросы квиза и многое другое.
Результат
В результате мы получили стильный, лаконичный и конверсионный лендинг.
Он отлично справляется со своей главной целью: давать пользователю необходимую информацию о наличии объектов недвижимости АЯКСа. Теперь компания получает лиды, которые корректно отображаются в аналитике, что позволяет оптимизировать рекламную кампанию на основе прозрачной статистики.
Наша команда всегда готова к новым проектам!
