Shayz Configurator
Product Configurator - 2026
The second Tenjam project, commissioned as soon as Laylo shipped. The Shayz lounger follows the same idea as the Laylo: riser options that fit the lounger to the right pool depth, a relationship that is far easier to show than to describe in words and photos.
The process carried over from Laylo, and the project closed within a week.
Role: 3D Product Interface, Configurator Logic, Front-End Development
Stack: Vite, TypeScript, Three.js, WebGPU, WebGL Fallback
Weights, risers, and pool depth.
The Shayz sits differently depending on its riser setup. In the configurator that behavior becomes visible: risers and pool depth are adjustable, and the scene shows the result as it changes.
The tool lines up No Risers, 4-inch, 8-inch, and 12-inch setups side by side, each with its own seat height readout against the current water level, with material and depth controls staying beside the preview.
The waterline view.
A side view at water level shows exactly how much of the lounger sits above and below the surface, with the submerged volume rendered translucent. This is the view that makes the seat-height guidance believable.
Closed within a week.
The timeline was carried by the structure of the first build. The product data format, the STL-to-glTF asset pipeline, and the WebGPU setup with its WebGL fallback were already in place and tested.
The same foundation, reused.
Scene, model, pool, water, preloader, and UI live in separate modules, in the same layout as the Laylo project.
After Shayz, Tenjam extended the idea to a much larger part of their catalog. That build became the Tenjam Product Configurator.