Shayz Configurator
Product Configurator - 2026
A static 3D product experience for configuring the Shayz lounger in a pool setting.
The tool lets users change finishes, switch riser setups, adjust pool depth, and see suitability feedback without a backend service.
Role: 3D Product Interface, Configurator Logic, Front-End Development
Stack: Vite, TypeScript, Three.js, WebGPU, WebGL Fallback
Product options stay visible beside the spatial result.
The interface keeps material, riser, and depth controls close to the 3D preview so each decision is reflected immediately in the scene.
The scene is split into focused product modules.
The build uses separate scene, model, pool, water, preloader, and public UI files, making it easier to maintain and adapt for related product experiences.