← Back to ProjectsProblem
A global vehicle configurator and pricing platform needed to serve multiple international markets from one codebase, with the European configurator held to the manufacturer's own quality, security, business-continuity, and operational-readiness standards — while the product also needed a modern, touch-friendly 3D vehicle viewer instead of the flat imagery it shipped with.
Constraints
- The application had to satisfy an automotive manufacturer's formal quality, security, business-continuity, and operational-readiness bar, not just ship working code — the European configurator ownership carried that accountability directly.
- The stack spanned an older AngularJS front end alongside legacy BackboneJS, PHP, JSP, and Grunt tooling that had to keep running in production during modernisation, not be replaced wholesale.
- The 3D vehicle viewer had to be responsive and touch-enabled across desktop and mobile configurator sessions, not just desktop.
- Delivery was co-led across a distributed team, so the configurator and pricing logic had to stay consistent across markets rather than forking per region.
Architecture Decision Record
Three.js-based responsive 3D viewer layered onto the existing AngularJS configurator
Designed and delivered a responsive, touch-enabled 3D vehicle image component built on Three.js, integrated into the existing AngularJS configurator rather than requiring a parallel rebuild, so it could ship incrementally market-by-market while the legacy BackboneJS/PHP/JSP layer was modernised alongside it.
A full front-end rewrite onto a newer framework was considered but rejected for this phase — the configurator was revenue-critical across multiple live markets, and the manufacturer's business-continuity requirements made a big-bang replacement an unacceptable risk relative to an incremental, in-place upgrade.
Outcome
- Delivered a production 3D vehicle viewer (Three.js) that replaced flat product imagery with a responsive, touch-enabled experience across the configurator.
- Met the manufacturer's quality, security, and business-continuity bar for the European configurator as its named owner.
- Kept the legacy BackboneJS/PHP/JSP/Grunt systems running through the modernisation effort with no reported continuity breaks.
- Sustained the global configurator and pricing platform across multiple markets from a single, co-led codebase.