Project Overview
This project presents a configurable weight rack as an interactive 3D product experience. Confirmed areas include color, rack height, rack depth, lever style, hook style, safety-arm style, front-support style, and independent left and right side-rack selections. The page shows a base price and itemized option pricing, with the total recalculated as selections change.
Experience Highlights
- 3D model rotation
- 12-color palette
- Rack height
- Rack depth
- Lever style
- Hook style
- Safety-arm style
- Front-support style
- Left side rack
- Right side rack
- Base price + option pricing
- Recalculated total
How the Experience Works
Start from the default configuration; rotate the model; choose color; select height; select depth; adjust component styles; review price changes; check the updated total; continue through the next-step or purchase-entry controls.
What We Built
We built a 3D product configuration experience in which choices are reflected visually on the rack while the interface keeps the corresponding pricing visible.
Why This Format
Equipment configuration becomes difficult when options are separated from the object being configured. Keeping the 3D product and option controls together makes the relationship between choice, visual result, and price easier to understand.
Project Facts
- Product code CF1074-2
- Base price $4,899.00
- 12-color palette
- Observed height 237 cm / 93.3" and 267 cm / 105.1"
- Observed depth 90 cm / 36.3" and 80 cm / 31.5"
- Tested total $6,209.00
- Itemized additions reconcile with the displayed total
Technical Notes
Browser-based 3D configurator; 3D viewport embedded within the page.