Цель и решаемые задачи

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

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

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

Основные этапы проекта
Анализ бизнес-целей

Готовим и проводим воркшоп с представителями компании. Анализируем результаты и получаем:

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

Просмотрели имеющиеся у компании исследования и опросы. Прослушали телефонные звонки в отдел продаж. Составили опросник для сотрудников отдела продаж, проанализировали результаты. В результате:

  • Получили список поведенческих характеристик и разбили целевой аудитории на группы.
  • Выделили основную целевую группу (т. н. основной персонаж) для проектирования сайта.
  • Написали основной сценарий для сайта.
  • Выделили основные цели и задачи для разных групп целевой аудитории.
Скриншоты отчета по анализу целевой аудитории

Ключевой точкой принятия решения в общении с компанией является экскурсия в поселок с консультантом. Именно вокруг этого должен быть построен сценарий на сайте

Создание концепции. Основные сущности сайта. Информационная структура сайта

 

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

 

Информационная архитектура и основные сущности сайта
Прототип и техническое задание

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

Скриншоты прототипов в Axure

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

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

Прототип главной страницы сайта
Прототипы ключевых страниц сайта
Прототипы ключевых страниц сайта
Прототипы ключевых страниц сайта

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

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

Дорабатываем на прототипе для тестирования. Тестируем востребованность фильтрации по определенным параметрам у целевой аудитории.

Прототип карты с выбором участка

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

Прототип модальных окон

Тестируем, дорабатываем, согласовываем

Дизайн

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

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

Ключевые страницы

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

Дизайн-макет главной страницы
Дизайн-макет главной страницы с акциями

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

Дизайн-макет раздела «Как купить»
Дизайн-макет страницы «Ипотека»
Дизайн-макет страницы «Рассрочка»

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

Дизайн-макет страницы «О поселке»

В сценарии знакомства с поселком и продажи участков ключевую роль играет возможность посмотреть карту и характеристики участков.

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

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

Дизайн-макет страницы «Участки»
Дизайн-макет фильтров на странице «Участки»

 

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

 

Дизайн-макет страницы «Экскурсия»

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

Дизайн-макет страницы «Сервис и обслуживание в поселке»
Дизайн-макет страницы «Контакты»
Дизайн-макет страницы «404»

Модальные окна

Дизайн-макеты модальных окон сайта

Визуальный язык UI-Kit

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

UI-Kit для сайта «Тихие Зори»
Фронтенд- и бэкенд-разработка

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

Тестирование и релиз

Тестируем, правим баги, готовим к релизу и заливаем все на рабочий сервер.

Настраиваем KPI на сайте по заранее созданной карте KPI.

Результат

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

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

Сроки реализации 6 месяцев 2017 года

Продающий сайт загородного поселка «Тихие Зори»

Связаться с нами