Ray White XR Lounge

Next-Generation Immersive Property Discovery

🥽 Immersive AR

WebXR-powered spatial computing places a branded property info totem in your real-world space using hit-test technology.

🏘️ Live Market Data

Real suburb statistics (prices, growth, yields) rotate through the totem display, powered by actual Ray White market research.

🎠 Property Carousel

Floating listings carousel orbits the totem, showcasing active rentals and sales with images and contact details.

✨ Spatial Computing

Built on three.js WebXRManager with proper plane detection, lighting, and physics for a premium spatial experience.

Technology Stack

WebXR Device API Immersive AR session management & hit-testing
three.js r157 3D graphics, WebXRManager, lighting & materials
Vanilla JavaScript No framework bloat — lean, performant code
Ray White Brand Real colors (#FFE512), fonts, and data integration
Real Market Data Suburbs.json + Listings.json (live from platform)
Cloudflare Pages Deployed to rwsfy27-experiments project

Device Support Matrix

Android Chrome (v102+)
✓ Full Support
Samsung XR / Galaxy
✓ Full Support
iOS Safari
✗ Pending (WebXR spec adoption)
HoloLens 2 / Meta Quest
✓ Compatible
Desktop / Laptop
✗ No AR capability

Knowledge cutoff (Feb 2025): Check current device support status at caniuse.com/webxr-device-api

Phase Roadmap

Phase 1: Core WebXR (Current)
Spatial totem placement with hit-test, suburb stats carousel, listings carousel, proper lighting & materials.
  • ✓ WebXR immersive-ar session
  • ✓ Hit-test plane detection (floor/table)
  • ✓ Glowing branded pillar with animations
  • ✓ Real suburb market data rotation
  • ✓ Property listings orbit
  • ✓ Feature-detect fallback page
Phase 2: Enhanced Interactivity
Tap-to-interact carousel controls, listing detail overlays, gesture-based navigation.
  • Tap carousel items to view full property details
  • Pinch-to-rotate totem / zoom carousel
  • Voice commands: "Next property", "Show stats"
  • Photo gallery grid for each listing
  • Agent contact cards with VCard export
Phase 3: Advanced XR Features
Multi-user collaboration, persistent anchors, visual effects.
  • Shared AR anchors (show same totem to multiple users)
  • Persistent storage of placed totems (localStorage/IndexedDB)
  • Particle effects & shader-based glow
  • Floor plan visualization AR overlay
  • Virtual staging (3D furniture in property)
  • Video walkthroughs anchored to listing
Phase 4: Platform Integration
Deep CMS integration, analytics, mobile app.
  • Dynamic suburb data from RWS CMS
  • Real-time listing updates via WebSocket
  • Analytics: dwell time, interaction patterns
  • Native iOS app (using WebKit + WebXR bridge)
  • QR codes → XR experience link
  • Agent-branded variations

Try the Experience

Visit this page on an Android Chrome device with AR support to experience the immersive totem.

Launch XR Lounge Try MindAR Card