The rebel wunderkind of surfboard shaping, Haydenshapes is known for their progressive attitude toward design and craftsmanship — an ethic that is exemplified by their made-to-order custom surfboards. As longtime fans, we’re stoked to launch Haydenshapes Studio, a surfboard configurator that lets you spec, spin, flip, and buy your own Haydenshapes custom. HSStudio raises the bar for customer experience and performance, and we did some pretty trick things to pull it off.
Let’s pull back the curtain and take a peek at how we solved for some of the technical challenges we encountered. In Part 1, we share how we used Three.js for in-browser 3D. In Part 2, we break down how we leveraged React.js for speed on mobile. Finally, in Part 3 we uncover how it all works in Shopify’s e-commerce environment.