Top.Mail.Ru
 
Продающий сайт загородного поселка «Тихие зори
Кейс проекта создания сайта
Группа компаний «Инком-Инвест» — многопрофильный холдинг — запустила проект загородного поселка «Тихие зори 2», являющегося продолжением одноименного поселка.

Перед отделом маркетинга компании была поставлена задача создания маркетинговой стратегии для обеспечения определенного уровня продаж участков, связанного со сроками реализации инфраструктуры поселка. Одним из направлений должна была стать стратегия присутствия в интернете и, соответственно, разработка сайта, как центральный элемент этой стратегии.
УСЛУГА
Разработка продающего сайта

ОБЪЕКТ РАБОТЫ
Сайт

ОТРАСЛЬ
Жилая недвижимость, В2С
Цель и решаемые задачи
Нам необходимо было проработать стратегию присутствия в интернете и, учитывая все особенности стратегии, спроектировать и создать сайт, который является одной из точек касания потенциальных покупателей с компанией, отвечает на их вопросы во время поиска информации в интернете и продвигает на следующий уровень — взаимодействие с отделом продаж компании.

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

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

Основные этапы проекта
Анализ бизнес-целей и воркшоп
Готовим и проводим воркшоп с представителями компании. Анализируем результаты и получаем:
  • Основные особенности и характеристики продукта — участка, как части будущей загородной жизни человека
  • Гипотезы для реализации стратегии присутствия в интернете и проектирования сайта
  • Поведенческая и маркетинговая сегментация целевой аудитории
  • Стадии точек касания потенциального клиента и компании в интернете
Отчет по результатам продуктового вокшопа
Анализ целевой аудитории и точек принятия решений. Решаемые проблемы
Просмотрели имеющиеся у компании исследования и опросы. Прослушали телефонные звонки в отдел продаж. Составили опросник для сотрудников отдела продаж, проанализировали результаты. В результате:
  • Получили список поведенческих характеристик и разбили целевой аудитории на группы.
  • Выделили основную целевую группу (т. н. основной персонаж) для проектирования сайта.
  • Написали основной сценарий для сайта.
  • Выделили основные цели и задачи для разных групп целевой аудитории.
Отчет по анализу целевой аудитории
Ключевой точкой принятия решения в общении с компанией является экскурсия в поселок с консультантом. Именно вокруг этого должен быть построен сценарий на сайте.
Создание концепции. Основные сущности сайта. Информационная структура сайта
Исходя из анализа целевой аудитории, ее целей и задач, создаем список сущностей, которые должен содержать сайт. Готовим и согласовываем информационную структуру будущего сайта, добавляем в нее сценарий переходов по сайту для понимания навигации и контроля при создании прототипа.
Информационная структура сайта и сущности на сайте
Прототип и техническое задание
Проектируем прототип главной страницы в Axure. Обсуждаем, дорабатываем, тестируем концепт через информационную структуру и задачи, которые страница должна решать для целевой аудитории. Согласовываем с заказчиком
Прототипирование в Axure
Создание модели сценария с выводом на основные точки принятия решений: экскурсия, консультация по способам оплаты и бронирования — главная задача, которая решалась при создании и тестировании прототипа сайта
Готовим прототипы ключевых страниц сценария. Обсуждаем, тестируем, дорабатываем. Согласовываем, опять дорабатываем. Особое внимание уделяем ключевой точке принятия решения у целевой аудитории — «экскурсия в поселок», причем как странице, так и встраивания переходов на страницу в сценарии на сайте
Детализированный прототип главной страницы
Детализированный прототип страницы выбора участков
Детализированный прототип страницы описания поселка
Детализированные прототипы страниц основных точек контакта с потенциальным покупателем
Дорабатываем логику просмотра карты поселка и выбора участков. Приходим к техническому решению с загрузкой SVG-файла карты и разнесением информации об участках по слоям, именованным определенным образом. Таким образом карту можно будет двигать и масштабировать.

Информацию об участке и возможность забронировать выводим в модальном окне — оверлее.

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


Дизайн
После согласования переходим к созданию дизайн-макетов страниц и всех элементов интерфейса будущего сайта.

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

Сначала прорабатываем ключевые страницы

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

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

Возможность отфильтровать участки позволяет посетителям более целенаправленно выбрать подходящий участок.
Дизайн-макет страницы «Участки»
Дизайн-макет фильтров на странице «Участки»
Экскурсия в поселок — ключевая точка принятия решений. На странице мы отразили как вводную информацию, которая позволит понять суть предлагаемого мероприятия и выйти на контакт, так и расширенную — для тех, кто сомневается, для того, чтобы в компанию поступали заявки на экскурсию, и дальнейшая работа шла с теми, кто посетил экскурсию, а не заявки с вопросами об экскурсии.
Дизайн-макет страницы «Экскурсия в поселок»
Сервис в поселке (работа управляющей компании) — один из частых вопросов, которые задают будущие покупатели. Поэтому информация о нем оформлена в виде отдельной страницы и встроена в сценарий на сайте.
Дизайн-макет страницы «Контакты»
Дизайн-макет страницы «Сервис и обслуживание»
Дизайн-макет страницы «404»
Делаем дизайн всех модальных окон сайта
Дизайн макеты модальных окон
Мы также разработали минимальный UI-Kit и визуальный язык, что облегчит создание дополнительных страниц при развитии сайта с сохранением единого стиля.
UI-Kit
Фронтенд- и бэкенд-разработка
После качественного проектирования, разработки ТЗ и дизайн-макетов наши разработчики верстают фронтенд, разрабатывают функционал и выполняют интеграцию с CMS.


Тестирование и релиз
Тестируем, правим баги, готовим к релизу и заливаем все на рабочий сервер.
Настраиваем KPI на сайте по заранее созданной карте KPI.
Результат
В ходе реализации проекта мы создали модель KPI и настроили аналитику для сайта. Мы постоянно анализируем и улучшаем качество работы ресурса и маркетинговых каналов. На старте работы сайта мы можем видеть, что:
  • сайт имеет хорошие для данной отрасли поведенческие характеристики;
  • реализованные проектные решения (элементы интерфейса) работают;
  • сайт достигает поставленных KPI;
  • есть вовлечение в изучение предложения (вернувшиеся посетители, изучающие более подробно);
  • более половины конверсионных действий совершается с 2-я и более взаимодействиями с сайтом;
найдены проблемы на главной странице в основном оффере сайта, который надо сделать более релевантным для целевой аудитории и странице «О поселке». Все это требует дальнейшего наблюдения, тестирования и доработок.
    Скриншоты из отчета из аналитической записки

    В ходе проекта было создано

    • 2 аналитические записки (анализ продукта и бизнес целей, анализ целевой аудитории)
    • Спроектирована информационная структура и проанализированы основные сущности на сайте исходя из задач целевой аудитории
    • Спроектировано 9 прототипов уникальных страниц и прототипы модальных окон, динамический интерфейс выбора участков
    • Написано техническое задание на реализацию проекта
    • Создано 12 дизайн-макетов уникальных страниц, макеты модальных окон и UI-Kit для сайта
    • Сверстано столько-же страниц и написано много-много строк кода
    • Настроена аналитика


    Проект был реализован в течении 6 месяцев 2017 года












    Проект продающего сайта загородного поселка «Тихие зори»
    http://тихие-зори.рф


    Маркетинговая группа Литегра
    +7 912 856 1259
    anton.dir@litegra.ru