Онлайн-планировщик квартир для ГК ФСК

Нам предстояло создать онлайн-планировщик квартир для девелопера ГК ФСК (ТОП-4 застройщик России).

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

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

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

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

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

За разработкой конструктора ГК ФСК обратилась к нам в Атвинту — клиенту понравился наш внимательный подход на пресейле и кейсы из портфолио.

Мы разработали планировщик квартир, в котором можно расставить стены и мебель онлайн прямо на сайте застройщика. Внутри — удобная панель управления и рабочее пространство, а также широкий выбор предметов интерьера. Онлайн-сервис добавили на сайт ФСК как дополнительный модуль и связали его с каталогом квартир.

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

Главное преимущество в том, что конструктор дает реальное представление о пространстве:

• клиент обставляет квартиру на настоящей готовой планировке из каталога застройщика

• размеры мебели можно менять вплоть до сантиметра — либо растягивая ее, либо вводя значения вручную

• большое количество объектов (можно поставить даже кресло-качалку и разобранную гладильную доску)

• реалистичная работа со стенами, дверьми и окнами

С нашей разработкой ФСК улучшил клиентский сервис и задал новый тренд на рынке новостроек — это один из первых застройщиков, создавших свой онлайн-планировщик. Скоро такой модуль появится и у остальных лидеров отрасли.

Результаты по итогам 3 месяцев после запуска:

- 12 000 квартир от ФСК доступны к редактированию в планировщике

- 21 600 клиентов создали планировки в модуле

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

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

Интерфейс модуля состоит из двух частей: панели инструментов и рабочего пространства, где пользователь редактирует интерьер.

Чтобы сделать конструктор простым, мы использовали несколько приемов:

• разделили работу с мебелью и стенами через отдельные вкладки

• отрисовали очевидные иконки для каждого объекта и элементов панели управления

• продумали функционал по управлению мебели

• добавили подсказки, которые помогают быстрее начать работу в конструкторе

• ключевые зоны (кухня, лоджия, санузел) выделили цветом

• показали изначальную планировку от застройщика и размеры помещения, чтобы ориентироваться в выбранном варианте

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

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

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

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

Разработали предметы мебели и фигуры, которые пользователь будет добавлять на макет. В каталог добавили большое количество объектов: стены, двери, мебель, декор. В конструкторе есть даже гладильная доска в разобранном виде и кресло-качалка.

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

Всего в конструкторе 14 категорий: от стен и мебели до освещения и декора. Создано 150+ объектов для полноценной планировки. Разнообразие объектов помогает не ограничивать фантазию клиентов.

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

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

• Объекты, с которыми нельзя функционировать — несущие стены, входная дверь, оконные проемы и прочее.

• Базовые стены — это уже не несущие стены, с ними пользователь может взаимодействовать при помощи тумблера.

• Пользовательские стены, которые посетитель добавляет из каталога объектов.

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

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

Большая часть клиентов (около 40%) заходят на сайт застройщика с телефона, поэтому мы создали мобильную версию, которая позволяет проектировать дизайн-проекты даже на телефоне.

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

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

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

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

После создания планировки клиенту становится легче понять — подходит ли ему квартира с таким метражом и планом. Созданную планировку можно использовать для самостоятельного ремонта или поставить более точное ТЗ дизайнеру.

Итоги:

- 21 600 человек использовали модуль 

- 12 000 квартир доступны к редактированию

- бронза Рейтинга Рунета за лучший сайт об интерьере и мебели

Профит для застройщика:

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

• Снижение нагрузки на отдел продаж — теперь покупатели могут сами планировать и визуализировать пространство без менеджеров и дизайнеров

• Сбор аналитики по предпочтениям аудитории на основе созданных планировок

• Укрепление имиджа и образа цифровой компании, которая заботится о клиентах и делает выбор недвижимости более современным и удобным

• PR-эффект — ГК ФСК одна из первых среди девелоперов внедрила подобный модуль на сайте. О новой функции написали все авторитетные СМИ и телеграм-каналы о стройке, полученный охват составляет около 500 000 просмотров