(08)3D & Visualization
House Configurator
3D home customisation tool
Overview
Real-time 3D house configurator: choose a model and type, then customise exterior finishes (aluminium, wood, stone, PVC), roofing, flooring, doors, fixtures and handles, with live-rendered kitchen, bathroom, bedroom and living-room views.
Highlights
- 01Twelve 3D house models across four ranges (Cabin, Family, Villa, Young), each in three variants
- 02Sixteen configuration panels covering facade, roof and roof covering, doors, handles, fixtures, floors, bathroom, stairs, veranda floor and railing
- 03Animated camera moves between rooms with GSAP, post-processing, and configurator state in Zustand
- 04Lead capture: buyers submit their details with the finished configuration, sent to the client's backend through a Next.js API route
- Timeline
- Dec 2024 – May 2025
- Team
- Lead developer; most commits are mine
- Category
- 3D & Visualization
My role
Lead developer (freelance)
Led development of the configurator: the 3D scene and models, the configuration panels and their state, camera animation and the lead-capture flow.
Owned
- 3D / WebGL
- Frontend
- State management
- Lead capture
Tech
- Frontend
- Next.js
- Zustand
- Tailwind
- 3D & motion
- React Three Fiber
- Three.js
- Drei
- Postprocessing
- GSAP