Как сделать лучшие планировки на сайте недвижимости

Всем привет, на связи idaproject, кто забыл - лучшее digital-агентство, работающее в сфере недвижимости. Мы продолжаем радовать вас статьями о том, как улучшать ваши сайты по продаже квартир, потому что если не мы, то кто?

Сегодня расскажем, как сделать самые крутые планировки для ваших сайтов, чем они отличаются и, конечно же, как они влияют на продажи. Статья будет основана на наших исследованиях с помощью инструментов А/Б-тестирования и фокус-тестирования на более чем 500 респондентах.

Как сделать лучшие планировки на сайте недвижимости

Почему это важно?

Как сделать лучшие планировки на сайте недвижимости

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

Евро. Что это и понимают ли это пользователи?

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

Планировка, показанная респондентам
Планировка, показанная респондентам

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

Усредненная статистика ответов
Усредненная статистика ответов

Так кухня или гостиная?

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

Пример планировки с пунктирным разделением кухни и гостиной
Пример планировки с пунктирным разделением кухни и гостиной

Увы, но в данном варианте 30% покупателей воспринимают пунктир, как что угодно, а не кухню-гостиную, - как стену или любой иной разделитель. Не обнаружив кухню-гостиную из-за пунктирной линии, пользователь часто перестает рассматривать эту квартиру для покупки, если цель его поиска именно «европланировка».

Как сделать лучшие планировки на сайте недвижимости

Хорошо, но если проблема в пунктире, то почему бы просто не выделить мокрую зону иначе? Попробуем добавить «пол-сетку» и перезапустим тест.

Пример планировки с выделением пола мокрой зоны
Пример планировки с выделением пола мокрой зоны

Стало лучше! Но 11% все еще не видят, что кухня совмещена с гостиной.

Как сделать лучшие планировки на сайте недвижимости

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

Как сделать лучшие планировки на сайте недвижимости

Идеально в этот раз – более 90% верно определили формат комнаты, как «кухня-гостиная». Поэтому, разрабатывая планировки, убедитесь, что максимальный процент пользователей правильно понимают назначение элементов на ней.

Как сделать лучшие планировки на сайте недвижимости

Очевидно? Не факт!

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

Выход в окно

Возьмем типовую планировку и посмотрим, как воспринимается пользователями дверной проем, если мы не указываем, что это входная дверь – подписями и стрелочками. Изначально, мы были уверены, что ответ нас не удивит и все нюансы выверены, поэтому просто спросили респондентов: сколько окон на этой планировке?

Как сделать лучшие планировки на сайте недвижимости

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

Как сделать лучшие планировки на сайте недвижимости

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

Как сделать лучшие планировки на сайте недвижимости

Теперь более 90% опрошенных верно определили окно, как «окно», а дверной проем, как «дверной проем».

Как сделать лучшие планировки на сайте недвижимости

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

Загадочный объект тысячелетия

Посмотрите на планировку и без скроллинга вниз постарайтесь угадать что отображено на реальной планировке у застройщика?

Как сделать лучшие планировки на сайте недвижимости

Если вдруг вы подумали, что это балкон (например французский), то можете смело приписывать себя к 70% аудитории из нашей фокус-группы.

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

Просто берем и исправляем самым очевидным способом и используем простенькую иконку или иллюстрацию вентилятора. С этим вариантом кондиционер наконец-то «опознали». А если мы еще покрасим окно в голубой цвет, то вообще прекрасно. Но решение все же не идеальное – мы же хотим показать коробку под кондиционер. Так что не забывайте про подписи. Вроде мелочи, но оказалось, что и они очень важны.

Как сделать лучшие планировки на сайте недвижимости

Ну и как все же сделать лучшую планировку

Как сделать лучшие планировки на сайте недвижимости

Чтобы это выяснить нам пришлось устроить «баттл» планировок! Мы выбрали 6 лучших вариантов по опросу покупателей и членов нашей команды. Добавили к ним вариант, отрисованный нами, - результат компиляции всего лучшего, что мы увидели у застройщиков + корректировки по результатам наших исследований. Собрали респондентов и запустили парное тестирование в лучших традициях Тиндера.

Как сделать лучшие планировки на сайте недвижимости

Первое место – «Брусничная» планировка. Безоговорочный лидер. Победу в этом тесте ей принесли обозначение общей площади, приятный теплый зеленый цвет и отличный контраст между полом и мебелью. Этот контраст помог респондентам легко считывать планировку. Возможно, дело еще и в общем минимализме и отсутствии «мусорности» – лишних деталей и предметов. На втором месте – наша экспертная планировка. Респонденты положительно оценили детализацию и наличие подписей к комнатам. Третье место – «Глоракс». Неплохой контраст пола с мебелью и данные по площади комнат.

Как сделать лучшие планировки на сайте недвижимости

Давайте разберем проблемы планировок проигравших. Очевидно, что «мусорность» планировки – основная причина проигрыша. Наличие кучи мелких деталей, неаккуратная отрисовка - все это снижает гармоничность восприятия. В варианте 7 видны контуры стульев поверх стола и много мелких элементов. В варианте 5 - белый пол под дверными проемами, который может восприниматься, как стена. И снова много непонятных и ненужных элементов. А вот планировка 4 изначально была одним из наших фаворитов, но ее не оказалось в тройке победителей. Зеленые стены плохо воспринимаются респондентами, создают слабый контраст между полом, мебелью и стенами. К ним добавим неочевидные символы лайка и сердечка.

Давайте же устроим бой среди победителей!

Как сделать лучшие планировки на сайте недвижимости

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

Как сделать лучшие планировки на сайте недвижимости

«Брусника» снова победила. Ответы те же, что и ранее – зеленый теплый пол, хороший контраст и обозначение комнат. А на нашей планировке нравятся детали. Получается - зеленый в топе. Но как же так... Кажется причина не может быть только в цвете? Но контраст между полом и мебелью точно помогает вырваться в победители.

У нас появилась новая цель – сделать лучше «Брусники»!

Как сделать лучшие планировки на сайте недвижимости

Учли предыдущие ответы и запустили тест на третий круг. Все квартиры по-прежнему отличаются только визуализацией. Добавили еще один вариант от «Брусники» - под номером 1. Нашу «экспертную» сделали в разных контрастных цветах, в том числе в цвете «Брусника».

И, наконец-то победа!

Как сделать лучшие планировки на сайте недвижимости

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

NB! Делайте контрастными разные элементы планировки. Пол, стены и мебель не должны сливаться. А яркость сделает планировку приятнее. Добавляйте важную информацию: название комнат и общую площадь квартиры. Для подбора по параметрам – очистите планировки от мебели и увеличьте шрифты у размеров – нет смысла перегружать и без того мелкие планировки дополнительными деталями. Это усложнит считываемость планировки и уменьшит скорость нахождения нужной планировки, а значит повлияет на количество просмотренных вариантов квартир. Ну и конечно же, добавьте котиков. Помните мы говорили про секретный ингредиент, который принес победу нашей планировке? Да, это котики! Да и вообще – добавьте детали, ассоциирующиеся с домашним уютом - цветы, люди, текстиль. Но только на те планировки, которые можно хорошо рассмотреть. Например, на страницу квартиры.

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

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

Релевантная фильтрация – это всегда очень важно.

Со смартфонов на сайте в среднем проводят в 2 раза меньше времени, чем с десктопов. Если мы возьмем среднее время сеанса – 3 минуты на мобильном и 6 минут на десктопе, поделим его на время сканирования одной планировки, то получим, что в лучшем случае пользователь увидит... 27 планировок за один сеанс на мобильном + 68 планировок за сеанс на десктопе. В реальной жизни будет в разы меньше, т.к. не все время на сайте застройщика пользователи проводят за просмотром планировок.

NB! Используйте в листинге планировки без мебели, они считываются быстрее. Но для специальных комнат, чье предназначение заранее определено, используйте контекстную мебель. Для европланировок добавьте к кухонному гарнитуру диван.

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

Наш вывод

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

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

3737
46 комментариев

Хороший подход, классный материал. Чтобы у пользователя однозначно не возникало вопросов, где что на планировке, обычные планировки лучше дополнить интерактивными 3Дшками - приходите к нам в www.plankton.su, сделаем вам партнерское предложение :-)

13
Ответить

Забавное название сервиса, Александр :) Интересный сервис, наши клиенты обычно используют Планоплан, мы с удовольствием обратим на вас внимание

2
Ответить

Страдаете фигней, видно что квартиру не искали(ну или искали по-старинке, без понимания что там делать то потом). То что вы сделали вообще ни на что не влияет, такого в изобилии. Сделали совершенно стандартное решение, каких тысячи вариаций. Проблема в том что толку с этого мало. Общая площадь помещения не дает, знаете ли, понимания что в него поместится в той или иной части. Хотите сделать удобным, наглядным и полезным - сделайте, во-первых, понятным, где стены - просто перегородки для разделения пространства, а где - несущие конструкции. Т.е. чтобы было сразу ясно - что можно перенести/убрать при желании, а что категорически нельзя трогать. Добавьте обозначение коммуникаций(вводы воды, канализационные стояки, вентиляционные выводы). Обозначьте на плане батареи/их стояки. И линейные размеры помещений. Обозначьте расстояния от окон до стен. Площадь - мало что дает, в то время как длина стены 299 или 303 см - офигеть как много значит, особенно на кухне.

9
Ответить

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

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

6
Ответить

Какая отвратительная планировка с зеленым фоном: ужасные бесполезные фикусы, телка на кровати, зачем мне, как покупателю, это? Где размеры? Где план этажа?

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

6
Ответить

За это исследование не взято ни одной копейки с заказчиков. Ваш предыдущий комментарий в нашей другой статье был о том же, видимо вы за это очень переживаете и минусуете все наши материалы. Почему вы это делаете мы знаем :)

3
Ответить

Тотально типовое решение по планировкам.а где вау-эффект?

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

Но таких дотошных мало. Большинству плевать, а инвесторами плевать вдвойне.

5
Ответить