3D Product Configurator - Boombah Sports

Boombah is an American Custom Uniforms, Footwear and Athletic Equipment company. Clients looking for sports unforms can design and order the clothing directly from their ecommerce website.

They had a 3D three.js clothing product configurator which had some performance issues from memory leaks and 3D assets not loading correctly between sections. They were affecting their customers experience while customizing their sports clothing, prevented all of the 3D app's features from being used.

Their vanilla three.js script was refactored and upgraded into a React and React-Three-Fiber modular component architecture. This by segmenting its original functionality into components to function more asynchronously, rather than synchronously like the original functions which were building up memory leaks. This updated 3D canvas component was integrated into their development environment with its original tech stack. The result was a more responsive, fluid and full 3D product experience for customers from 3D assets loading and updating more reliably.