Bizsan 3D Room Planner
WebGL Planner - 2025
A 3D room-planning prototype for Bizsan, focused on arranging furniture and previewing rugs inside a browser scene.
The project combines a React interface, a Three.js editor scene, furniture-library logic, room controls, and rug-texture processing.
Role: 3D Interface Design, WebGL Development, Product Experience
Stack: React, TypeScript, Three.js, React Three Fiber, Drei, Rapier, Leva
The experience behaves like an editor, not only a product preview.
Furniture panels, room controls, and catalog state stay close to the scene so users can understand how a rug or furniture object affects the room immediately.
Rug browsing stays connected to the live room.
Rug texture processing and product controls were developed so catalog items could be evaluated spatially instead of staying as flat thumbnails.
The prototype is organized around practical editor modules.
Scene rendering, UI panels, furniture data, room controls, and texture processing are separate enough for the planner to grow into a fuller product workflow.
Dense controls were kept readable around the room view.
Additional interface states were handled with compact controls and clear hierarchy so the product workflow remains usable as the planner becomes more detailed.
