Поэтажный план на сайте застройщика: как из PDF получается кликабельный этаж

Почему PDF на сайте не работает

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

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

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

Что такое векторизация

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

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

С точки зрения администратора это связка «область на плане - строка в базе». Цвет заливки квартиры берётся из её статуса. Меняете статус в админке - меняется подсветка на плане. Никто не открывает графический редактор.

Модуль «Поэтажные планы» держит любое количество этажей и любую нарезку. Правило простое: один план - один файл. Кладовые, коммерция, машиноместа на подземном уровне размечаются так же, если они продаются как отдельные лоты.

Что прислать со своей стороны

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

1. PDF или чертёж этажа. Исходный файл от проектировщика по каждому типу этажа, в том виде, в каком он пришёл из проекта.
2. Экспликация с номерами квартир и площадями. Таблица, где по каждой квартире видно её номер на плане, количество комнат и площадь.
3. Ведомость соответствия «номер на плане - номер лота в прайсе». Простой список из двух колонок: как квартира подписана на чертеже и как она называется в вашем прайсе или CRM.

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

Где работа встаёт

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

Номера на чертеже не совпадают с номерами в прайсе. У проектировщика квартиры пронумерованы сквозной нумерацией по этажу, у отдела продаж - своей логикой по корпусу и секции. Пока нет ведомости соответствия, любая привязка будет догадкой.

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

Кладовые и техпомещения не помечены. На чертеже кладовая, электрощитовая и лифтовый холл выглядят одинаковыми контурами. Если не отметить, что продаётся, а что нет, придётся возвращаться и пересогласовывать половину этажа.

После корректировки проекта прислан старый PDF. Планировки поменялись, нумерация сдвинулась, а на разметку ушла прошлогодняя версия файла. Разметка сделана честно, но по неактуальному чертежу, и всё переделывается. Перед отправкой сверьте дату и номер редакции чертежа с тем, что сейчас в продаже.

Типовые этажи

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

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

Отсюда практический вывод для бюджета: платить нужно за количество разных планов; число квартир на них цену разметки не меняет. Дом с одной типовой секцией и семнадцатью одинаковыми этажами обойдётся дешевле, чем дом с семнадцатью разными планировками этажей.

Сколько стоит

Векторизация считается по числу этажей и секций: единица расчёта - один план, точную сумму называют после просмотра исходников. Сам модуль «Поэтажные планы» входит в любой тариф: в подписке десять модулей, и все включены в каждый тариф. Подписка начинается от 1 900 ₽/мес, сборка под ключ стоит 70 000 ₽. Разметка считается один раз, дальше вы работаете со статусами сами.

Возьмём дом на 17 этажей с двумя секциями и посмотрим, сколько планов получится в двух вариантах.

Секции продаются вместе, на каждый этаж один общий план: 17 планов.

Секции продаются отдельно, у каждой свой план на каждом этаже: 17 этажей × 2 секции = 34 плана, то есть вдвое больше работы.

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

Что происходит после запуска

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

Поэтажный план работает в связке с остальными модулями. Фасад корпуса с подсветкой свободных квартир по окнам показывает дом снаружи: клик по окну ведёт на нужный этаж и сразу в карточку квартиры. Из карточки покупатель уходит в каталог с фильтрами и поиском по номеру квартиры или добавляет вариант в избранное.

Заявки из карточки уходят в Битрикс24 или amoCRM, так что менеджер получает лид с номером конкретной квартиры вместо безымянного обращения с формы. Статусы и цены остаются в одном месте, и на сайте видно ровно то же, что у отдела продаж.