Commerce & immersive experiences
Grace Furniture AR
Preview correctly scaled furniture in a room before buying.
- Status
- Working prototype
- My role
- Immersive product and full-stack implementation
- Timeframe
- 2025
- Core technology
- React · TypeScript · model-viewer · WebXR
01 / Context
The problem
Furniture buyers struggle to judge scale and fit from conventional product photography, increasing uncertainty during an online purchase.
02 / Product
The implemented solution
The experience lets shoppers inspect 3D products and place scaled models in their room directly from a compatible browser.
03 / System
Architecture, in plain language
A React catalog loads structured product data and platform-appropriate 3D assets through model-viewer, delegating AR presentation to WebXR or Quick Look.
04 / Judgment
Important decisions
- Used web-native AR to avoid requiring a dedicated mobile application.
- Made dimensions and availability first-class product data rather than visual decoration.
- Preserved a separate asset-processing workflow for sustainable catalog growth.
05 / Boundaries
Limitations and next work
AR quality depends on device support, lighting, model quality, and correct source dimensions. The implementation is a commerce prototype rather than a live retailer deployment.
06 / Implementation
Focused technology
React · TypeScript · model-viewer · WebXR · Firebase · Gemini