Web-Based 3D Walkthrough

The entire 3D experience is hosted online. Users simply click a link (or a “Virtual Tour” button on your website) and the tour loads in their web browser. It’s compatible with major browsers (Chrome, Safari, etc.) and adapts to desktop and mobile. This one-link access means you can easily share the tour through email campaigns, social media, or QR codes on print media – dramatically increasing accessibility to your sales experience (up to 10× more prospects can be reached compared to in-person alone).

For developers with multiple projects, the web app offers an interactive 2D map or project gallery as the entry point. Users see all your developments pinned by location or listed by name. Clicking on a project takes them into that project’s 3D experience. This serves as a unified portal: one link can showcase an entire portfolio of projects, each with its own 3D walkthrough.

Once in a project tour, users start with a sweeping exterior view of the building or community. They can rotate the view (via mouse drag or touch swipe) to see the property from different angles. We limit rotation to predefined orbits to ensure performance and a guided feel. The surrounding environment is depicted to provide context – often using high-quality panoramas or simplified 3D of the immediate vicinity (trees, neighboring buildings, etc.). For example, the tour might load with a slow spin around a tower, then allow the user to control the view.

The web interface makes it easy to dive into specifics. A user can bring up a floor selector to choose a building level. The app then shows the floor plan with outlines of each unit. Clicking a specific unit will present its details, like number of bedrooms, floor area, price, and availability status (fetched live from the backend). Available units could be highlighted in green vs sold in red, etc., similar to the showroom app. This interactive inventory lets users browse options at their own pace, much like an online store for apartments.

For each unit or key area, the web app provides an immersive tour. Given web limitations, this is often delivered via high-resolution 360° panoramas at key points (rooms) rather than free-roam 3D, to ensure smooth performance across devices. Users can click “Virtual Tour” on a unit and then swipe around to look in all directions within a room. Hotspots or arrows allow moving to the next viewpoint (e.g., from living room to bedroom to balcony). These panoramas are pre-rendered in 4K quality, so even on a phone, the clarity is impressive. The tour gives a sense of space, finishes, and views without any app installation – it runs on “all devices, all screens” smoothly.

The interface adapts to touch screens. On a phone, UI elements become larger buttons, swipe gestures rotate views, etc.. On desktop, users might use mouse drag or on-screen arrows. The design ensures even someone using a one-hand on a phone can navigate the tour easily. No tiny text or fiddly controls – everything is optimized for tap targets and small screens (tested down to typical smartphone dimensions).

The web platform mirrors the advanced parametric search capabilities of the showroom, integrated with CRM data. A visitor can apply filters like “show me 2-bedroom units under 1000 sq ft” or “only show available units with sea view”. The UI might present these as dropdowns or sliders. When filters are applied, the available unit list or floor plan highlights update in real-time. This allows buyers to self-serve and find what fits their needs without scanning through dozens of irrelevant options, making their experience more efficient and satisfying.

The web app calls the backend (through APIs) for live data. So if, for example, a unit gets reserved in the morning, when a buyer visits the web tour in the afternoon that unit will be marked accordingly. This reliability fosters trust; users aren’t looking at stale info. Plus, if a user registers or inquires about a unit, that interest can be logged to your CRM immediately. For instance, if they click “I’m interested in Unit 1503” and fill a short form, the CRM not only gets their info but knows it’s about that specific unit and that they virtually viewed it (great insight for sales follow-up).

Visitors can save units they like during their session by “★ Adding to Favorites”. They might need to enter an email to save across sessions or just use cookies for same-device. This favorite list can be reviewed and edited. Importantly, the app allows them to share a particular unit or their whole favorites list with others easily. A built-in WhatsApp share button generates a link or message that says, for example, “Check out this 2BR apartment in [Project Name] that I found: [short link]”. This viral feature can bring more traffic (friends/family click and join the tour), and it helps involve all decision-makers. Social media share (Facebook, Twitter) could also be enabled for broader marketing, but WhatsApp/email is key in this region for family sharing.