Boombah

3D Product Configurator Optimization

* Clothing 3D product configurator on Boombah's ecommerce website.

Client

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.


Challenge

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.


Solution

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.


Get in Contact

contact icon

Get in touch for a free call to discuss your business.