The interface of the configurator is similar to a computer game – the user has a car model that can be rotated and upgraded to your liking. We chose two main elements as personalization points: body color and wheel style. All changes are made in one click and are instantly displayed on the model.

To evaluate the changes in different conditions, we gave the user the ability to open and close the car doors, switch the ambient lighting from day to night, and turn on/off the headlights.

The configurator also allows you to view the interior of the car by moving to the driver’s seat – after clicking on the corresponding menu item, the camera smoothly moves inside the 3D model, and the user has the opportunity to view in 360° format.

Only two tools were used to develop the project:

• Three.js is a JavaScript library for working with 3D graphics in the browser.
• Vue.js is a framework for developing user interfaces.

What are configurators for?

The ability to independently adjust the appearance of the product will allow your customers to create their ideal images, which means they are more likely to be satisfied with the result. Accordingly, this translates into benefits for your company:

• Increasing brand loyalty and trust.
• Reduced marketing costs.
• Increasing competitiveness.
• Increasing conversion.

In addition, Deloitte research shows that customers are willing to pay 20% more for personalized products. This means that you can also increase the average check by increasing the cost of goods.

3D configurators are an innovative and multifunctional tool that completely changes the approach to selling goods. But eCommerce is just one of their uses. They will also be useful in most other areas, including the production of technological products, marketing and game development.