🏠
3D walkthroughs
Three.js scenes lazy-loaded only when the visitor is ready to explore.
SaaS Product
Real Estate Platform
Walk the apartment before you ever ring the bell.
Overview
A regional real-estate agency wanted to cut viewings to the ones that matter. We built a listings platform where every property ships with a true 3D walkthrough alongside the photos and the floor plan.
The map and the listing list share state, so panning the map filters the list and vice versa — like a desktop tool, on the phone.
Challenges
- 1
Stream large 3D scenes on mobile data without blank canvases.
- 2
Keep the map smooth at 60fps with hundreds of pins on screen.
- 3
Make the search filters discoverable without burying them in modals.
What was built
🗺️
Synced map + list
Pan the map, the list filters. Tap a card, the map flies to the pin.
🎯
Smart filters
Filters compose into a saveable URL. Send the search to a friend in one link.
📅
Viewing scheduler
Book a real-world viewing without leaving the listing page.
Tech stack
Next.js 16Three.jsMapbox GLPrisma + PostgresTailwind CSS v4Vercel Edge
Results
+64%
Qualified viewings
7m 12s
Avg. session
11,400
Listings indexed
Gallery
Have a project in mind?
I help small teams ship polished, performant web products. Tell me what you are building.