CADEMA 3D Configurator
From custom dimensions to a visual, shareable quote.
The business problem
Made-to-order structures needed site discussions, custom specifications and repeated quoting conversations before a buyer could decide.
My contribution
My role covered workflow definition, architecture, direction of AI-assisted implementation, service integration, testing and deployment. Platform and library authorship belongs to the third parties credited below; additional collaborators are not identified in the public project notes.
React, Three.js, Zustand and jsPDF are third-party libraries.
Architecture & boundaries
A single Zustand store synchronises a 2D floor plan with a React Three Fiber scene. Live pricing, PDF export and URL-encoded state connect configuration to the quoting process.
- 01ConfigureDimensions and product options
- 02SynchroniseOne state store → 2D and 3D views
- 03QuotePricing + PDF + shareable state
Labelled architecture overview, reconstructed from project documentation. This is not a production trace.
Failure paths & design decisions
Two views can drift when each owns its state.
Use one upstream Zustand store to drive both views.
Evidence boundary: Documented architectural decision; production code and a recording are not published.
A visual tool still needs to work on slower devices.
The project notes describe instanced geometry, a capped device-pixel ratio and resource disposal.
Evidence boundary: No device benchmark is published.
Delivery record
- Status
- Described as a deployed commercial configurator in the existing portfolio.
- Users & scope
- Custom garden structures: configuration, live pricing, PDF quotations and shareable state.
- Dates & usage
- The former portfolio lists 2024 onward; current usage is not published.
Results & measurement gaps
Customers can explore a configuration, see its price and export or share a quote. The tool brings technical product choices into the commercial conversation.
No independently measured quote-cycle reduction, conversion lift or active-user count is available.