Коротко.
Кейс о создании интерактивной визуализации плана жилого комплекса в сотрудничестве с дизайнером. Цель проекта – привлечь внимание потенциальных покупателей, предложив им привлекательный формат подачи информации.
Осенью 2021 года мы реализовали программную часть визуализации на сайте компании River Properties.
Запрос.
Известный в Риге девелопер, компания River Properties, занимается реконструкцией и реновацией довоенных и деревянных построек в Риге. Для запуска продаж в новом объекте требовалось создать на сайте интерактивную визуализацию по этажам и планам квартир. Чтобы потенциальные клиенты в интерактивном режиме могли посмотреть доступные к продаже квартиры и их параметры.
Проект был интересен тем, что мы работали в тесном сотрудничестве с профессиональным дизайнером HoneyHoney со стороны заказчика. Он полностью разработал необходимую графику, наша же задача состояла в том, чтобы создать под нее инфраструктуру кода.
Решение.
Было принято решение о создании нескольких страниц:
- Главная страница объекта с интерактивным изображением здания. На ней потенциальный покупатель мог выбрать этаж дома.
- Страницы с планами квартир по этажам. Все свободные квартиры интерактивны, при клике на них пользователь видит детали (площадь, цену).
На этапе написания программной части мы столкнулись с техническими трудностями. Поскольку сайт компании был сверстан на платформе WIX, от нас требовалось адаптировать код таким образом, чтобы визуализация работала корректно на данной платформе в любом браузере.
Этот проект стал уникальной разработкой специально под платформу CMS WIX с учетом всех требований заказчика. Срок реализации составил порядка 2 недель.
Результат.
Главная страница объекта
Ссылка на страницу проекта: https://www.riverproperties.lv/
Изображение дома интерактивно – пользователь наводит курсор мыши на нужный этаж, который визуально выделяется. Клик на выбранном этаже направляет на план квартир.
Видео демонстрация:
План этажа
Ссылка на страницу плана этажа: https://www.riverproperties.lv/
На странице изображен план выбранного этажа:
- Серым цветом отмечены купленные квартиры, они неактивны.
- Розовый цвет – квартира забронирована и так же неактивна.
- Квартиры белого цвета – доступны к продаже.
При наведении на свободные квартиры всплывает краткая подсказка с данными по площади и цене.
Видео демонстрация:
Информация о квартире
Ссылка на страницу раздела: https://www.riverproperties.lv/
При клике на плане квартиры открывается всплывающее окно с развернутой информацией:
- Общая площадь
- Количество комнат
- Этаж
- Стоимость
- Площадь комнат и дополнительных помещений
Также в окне отображается расположение квартиры на этаже и контакты риелтора.
Резюме.
Проект был реализован для платформы WIX и работает на ней корректно во всех браузерах. Мы запрограммировали интерактивную часть таким образом, чтобы администратор сайта мог вносить необходимые изменения, меняя статус квартир на зарезервированные и проданные.
