Hearthstone Properties
A luxury real estate platform with interactive map search, 3D property tours, mortgage calculators, and agent matching. Serving 200+ listings across three metropolitan areas.
Overview
Hearthstone is a luxury real estate platform serving high-net-worth buyers across three metropolitan markets. It features interactive map search, immersive 3D property tours, mortgage calculators, and intelligent agent matching.
Challenges
Rendering 3D tours smoothly on mobile was the key constraint. We used Three.js with progressive mesh loading and a custom LOD system to maintain 60fps on mid-range devices while loading full-resolution assets in the background.
Tech Stack
- Frontend: Next.js, Mapbox GL JS for maps, Three.js for 3D tours
- Backend: Supabase (PostgreSQL + auth + storage)
- ORM: Prisma for type-safe database access
- Payments: Stripe for reservation deposits
Outcome
Serves 200+ active listings. Average session duration is 8 minutes — 4× the industry average. Conversion from browse to agent contact improved by 35%.