На картинке трудно выбрать участок
Свяжем контуры с номерами, площадями и карточками. Посетитель сможет выбрать объект на плане или в списке, а затем обратиться именно по нему.
Интерактивные генпланы
Участки и условия — на одном плане.
Посетитель выбирает объект и сразу видит его характеристики. Сотрудник обновляет данные через админку, не обращаясь за каждой правкой к разработчику.
Обсудить задачуКогда это нужно
Покупателю не хватает представления о месте
Добавим фотографии с дрона к точкам на генплане. Человек увидит нужную часть территории, а не будет угадывать ракурс в общей галерее.
Условия меняются быстрее, чем сайт
Настроим обновление характеристик и статусов в кабинете. Если данные приходят из таблицы или CRM, определим основной источник и поведение при сбое связи.
С чего начнём
Для выбора участка мало красивой картинки. Нужны читаемые границы, номера, актуальный статус и понятная карточка. На телефоне места меньше, поэтому карту, управление и карточку проектируем отдельно: элементы не должны перекрывать участки или мешать прокрутке сайта.
Карта и выбор объекта
Подготавливаем интерактивные границы по исходному плану, поиск и фильтры. Связываем каждый участок с его номером и карточкой, проверяем выбор на сенсорном экране.
Карточки и расчёты
Показываем площадь, статус и согласованные характеристики. Если цена задаётся за сотку, рассчитываем итог по площади в квадратных метрах. Правила округления и исключения обсуждаем заранее.
Обновление данных
Настраиваем админку или связь с таблицей. Определяем основной источник данных, права редакторов и поведение при сбое внешнего сервиса. Устаревшую цену нельзя выдавать за проверенную.
Как проходит работа
Сверить исходные материалы
Нужны план, границы, номера и таблица характеристик. Сначала сопоставляем их и отмечаем расхождения — разработка карты не заменяет кадастровую проверку.
Проверить выбор на небольшом фрагменте
Собираем несколько участков, карточку и мобильное управление. Проверяем читаемость и сценарий обращения по выбранному объекту.
Подключить все данные и управление
Добавляем остальные объекты, правила цен, статусы и доступы сотрудников. Проверяем, что изменения из админки действительно видны посетителю.
Выбор участка, который можно продолжить
Готовый результат — план, карточки и обращение, связанные между собой. До запуска сверяем номера и характеристики с материалами заказчика и проверяем работу на телефоне. План помогает выбирать объекты, но не заменяет кадастровые документы.
Что подготовить к разговору
- Актуальный план с номерами и границами участков.
- Таблица площадей, статусов и правил расчёта цены.
- Список характеристик для карточки и решение, кто будет обновлять данные.
Частые вопросы
Можно встроить план в существующий сайт?
Да, после проверки его платформы, способа хранения данных и ограничений хостинга. Необязательно переделывать остальные страницы.
Что делать, если таблица перестала отвечать?
Заранее выбираем резервный сценарий: сохранённая подтверждённая версия, управление через админку или временное скрытие непроверенных условий. Приоритет источников должен быть явным, чтобы старая таблица не перезаписала ручные изменения.
Будут ли участки видны на маленьком экране?
Мобильную версию проверяем отдельно: уменьшаем число элементов поверх карты, подбираем масштаб и делаем компактную карточку. Масштабирование плана не должно перехватывать обычную прокрутку страницы.
Расскажите, как это устроено у вас.
Для начала достаточно описать задачу. Состав работ и условия согласуем после знакомства с ней.