The Business Problem
Selling modular, heavy-duty commercial shelving and storage solutions involves complex customer requirements: specific dimensions, load tolerances, bay configurations, tier heights, and specialized accessories.
Previously, customers had to submit bespoke quote request forms. This created multiple commercial friction points:
- High drop-off rates from buyers who didn't want to wait 24 to 48 hours for a sales rep to calculate prices.
- Sales engineers wasting 30% of their working day manually translating customer dimensional requirements into component parts lists.
- High order error rates when sales reps miscalculated compatibility between modular uprights, beams, and shelf levels.
Transforming complex custom manufacturing rules into an intuitive, real-time 3D web experience connected directly to automated checkout.
The Architectural Solution
I architected a decoupled, headless solution combining a lightweight WebGL/Three.js rendering engine with a strict mathematical validation layer on the front end, integrated into the e-commerce checkout and ERP manufacturing queue.
PARAMETRIC MODEL CONSTRAINT ENGINE
REAL-TIME RULES DYNAMIC PRICING
LIVE COMPONENT MARGIN ERP / BOM PIPELINE
FACTORY WORK ORDER
1. Parametric 3D Assembly Engine
Rather than loading heavy pre-rendered 3D models, components were rendered procedurally based on user dimensions (height, width, depth, beam capacity). Customers could add bays, drag shelf levels, change finishes, and inspect their build in true scale in real time.
2. Real-Time Engineering Constraint Validation
The configurator enforces physical manufacturing rules directly in the browser. If a customer attempts to add an unsupported shelf span without center bracing, the interface visually guides them to compatible options, making invalid configurations impossible to purchase.
3. Dynamic Bill of Materials (BOM) Generation
Upon clicking checkout, the configurator decomposes the 3D model into an exact itemized Bill of Materials with live stock validation and component-level pricing. When the customer completes payment, the order flows straight into the factory production schedule without human intervention.
The Business Outcomes
- +34% Conversion Uplift: High-ticket modular system sales increased significantly by replacing delayed quote forms with instant 3D visualization and checkout.
- Zero Quote Latency: Customers received immediate pricing and specs, cutting the sales cycle from 2–3 days down to minutes.
- Eliminated Production Errors: Eradicated misordered components and mismatched accessories, saving thousands in return shipping and custom fabrication rework.