EquiFit approached Fresco to replace an outdated 2D configurator for CustomLab, their made-to-order product line. We designed an immersive 3D configurator to captivate customers with stunning, realtime 3D product previews showing the numerous leather, hardware, and personalization options.
Envisioning UX/UI Opportunities -
EquiFit’s creative team identified several key concerns. With more than 1 million+ potential combinations, the existing 2D configurator was hard for customers to navigate, complicated for EquiFit to manage, and orders were highly susceptible to mistakes.
Fresco’s design audit of five customizable products, and the backend ordering process, revealed areas for UX/UI improvements to streamline the customer experience and ordering process.
Uncomplicating the User Experience -
With pain points identified, we focused on two areas to increase customer enjoyment and eliminate confusion.
1. Intuitive and logical UI to simplify the overwhelming number of customization options.
2. Stunning 3D product previews given maximum digital real-estate.
Crafting the 3D Product Library -
To populate the configurator, we created a digital library of 3D products and assets.
We 3D scanned all products, leather, material, and hardware options to create digital replicas at the highest visual quality. We worked closely with EquiFit to check that each visual asset accurately captured color, texture, reflection, and scale.
Realtime Logo & Monogram Feature -
We designed an experience to scale, move, and preview logos and monograms in realtime. This was an exciting addition to the customer experience, and a new breakthrough in our configurator technology. Constraints were coded to ensure the creativity of the customer stayed within the bounds of what is possible in production.
Shopify Integration -
We integrated the 3D configurator into the back-end ordering system in Shopify, aligning with the order requirements, SKUs, and variable