Интерактивна 360° платформа за недвижими имоти

Разработихме интерактивна уеб платформа за Garitage Park, която позволява на потребителите да разглеждат комплекса дистанционно и да се ориентират свободно между отделните сгради, етажи и пространства.

Категория

Интерактивна уеб платформа

Платформа

Уеб – десктоп и мобилни устройства

Технология

Three.js / WebGL
JavaScript / Web APIs

Интеграция

Модул за 360° панорами
Интерактивна карта на етажите
Навигация чрез активни точки

Предизвикателство

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

Навигацията трябваше да свърже сградите, етажите и конкретните пространства по разбираем начин, въпреки големия обем визуално съдържание. Допълнителна сложност създаваха позиционирането на интерактивните точки спрямо 360° средата, връзката им с архитектурните планове и необходимостта интерфейсът да остане ясен както на голям екран, така и на мобилен телефон.

Решение

Създадохме система за визуализация в реално време с Three.js и WebGL. Панорамните сцени се зареждат поетапно, което намалява първоначалното време за изчакване и позволява плавно преминаване между отделните локации.

Интерактивната карта свързва панорамните изгледи с архитектурните разпределения на сградите. Чрез активните точки потребителят може да преминава между пространства, етажи и обекти, без да губи ориентация къде се намира.

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

Резултат

Крайният резултат е 360° платформа за дистанционно разглеждане на Garitage Park, която представя сградите и пространствата в техния реален контекст. Потребителите могат да преминават между различни части на комплекса, да проследяват връзката между етажи и обекти и да разглеждат средата директно през браузъра.

Платформата улеснява представянето на комплексни пространства и дава повече информация от стандартна галерия със снимки. Техническата ѝ структура позволява впоследствие да бъдат добавяни нови сгради, етажи, панорамни сцени и интерактивни функции.