The Cap Customizer on Nike Team HeadWear allows you to create and order your own custom caps without leaving anything to your imagination. Users are able to select a cap model and graphically customize color, fabric, clasps, eyelets, and upload and place your own logos and text. The user is able to see everything in place before placing the order.
We created the 3D customizer using three.js and webGL built on top of WordPress and integrated with the WooCommerce shopping cart. Thanks to html5 and three.js we're now able to handle 3D in browser, something that was previously exclusively the domain of the proprietary plugins such as Flash or Silverlight.
... we nearly doubled our sales in the first year. Since then, we continue to see 15-20% revenue increases.The system was built to integrate into a multi-step sales workflow and allowing for variable pricing of the products based on customized selections.