SPARCO 3D CONFIGURATOR
CUSTOMIZING AN OUTSTANDING RACING EXPERIENCE
3D Customization Platform | Communication/advertising | Industry
SPARCO 3D CONFIGURATOR
Customer : Sparco
Year : 2017
Development time : 4 Months
<a href="https://www.sparco-official.com/"><strong>Sparco</strong></a> is a true point of reference for every racing enthusiast in their ability to support the career of every driver from their first kilometers on a Kart to their biggest dream: <strong>Formula 1</strong>. Each driver has their own identity, hence the need to customize all the details of the Racing Experience. A goal that can be achieved thanks to a long process of <strong>research and development</strong> with the aim of creating a <strong>realistic and engaging experience</strong>.
The result of the collaboration between <strong>Sparco </strong>and <strong>Protocube Reply </strong>is the dawn of a new <strong>Digital Experience</strong> that is <strong>intuitive </strong>and <strong>realistic </strong>in every detail, to allow racing enthusiasts to <strong>customize </strong>products born to offer the maximum level of <strong>performance</strong>.
The <a href="https://www.sparco-official.com/it/3d-configurator.html"><strong>Sparco 3D configurator</strong></a> was created as a tool to improve the Digital Experience on the official website of the company, replacing a traditional 2D configurator. One of the basic requirements to be met was the <strong>integration with the e-commerce system </strong>already present on the site, supporting a User Experience aimed at selling customizable products.
<h5>THE REAL-TIME 3D CONFIGURATOR: REALISM AND INTERACTION FOR THOSE WHO WANT THE BEST</h5>
The <strong>Sparco 3D configurator </strong>is born specifically for the online experience and is based on the <strong>WebGL graphics technology </strong>developed to optimize performance on any browser and device. The goal is to provide the user with a fast and easy product customization process.
<strong>Real-time rendering </strong>guarantees the user an <strong>immediate and direct feedback </strong>with the product, reducing the perceptual distance between the online experience and the real one. Little or nothing is left to the imagination; anyone can modify the parts of the products and automatically receive a faithful preview of the result.
The customizable products include some models of <strong>SUITS</strong>, <strong>SHOES</strong>, <strong>GLOVES </strong>and a series of <strong>OFFICE ARMCHAIRS</strong>, whose line is clearly inspired by the seats of racing cars.
The customization of the product is based on the definition of three phases: <strong>COLORS</strong>, <strong>TEXT</strong> AND <strong>LOGOS</strong>.
<p style="margin: 0cm; margin-bottom: .0001pt; background: white; vertical-align: baseline;"><span lang="EN-US" style="font-family: 'Arial',sans-serif; color: #6d6d6d; background: white;">Starting from a basic, neutral version, you can select the parts of the product and customize them as you wish. The manufacturer can update details and finishes related to every single detail at any time.</span>.</p>
<p style="margin: 0cm; margin-bottom: .0001pt; background: white; vertical-align: baseline;"><span lang="EN-US" style="font-family: 'Arial',sans-serif; color: #6d6d6d; background: white;">In some predefined areas of the product you can customize nationality, name and blood type.</span></p>
<p style="margin: 0cm; margin-bottom: .0001pt; background: white; vertical-align: baseline;"><span lang="EN-US" style="font-family: 'Arial',sans-serif; color: #6d6d6d;">Branding products with the brands of your team and your sponsors is a fundamental requirement in the racing world. In order to better support the graphic customization process, a 2D editor has been developed that allows the positioning of the brands with extreme precision, without renouncing, at any moment, the realistic 3D preview.</span></p>
<h5>UI / UX DESIGN RESPONSIVE</h5>
The user interface has been designed with the aim of reducing to a minimum the number of commands and operations required, in order to make <strong>the interaction between the user and the product</strong> to be customized as direct as possible. The interface is designed with a <strong>responsive logic</strong> to optimize the user experience on both desktop and mobile devices.
<img class="size-full wp-image-3053" src="https://protocube.it/wp-content/uploads/2018/02/sparco-configuratore-3D-interfaccia.jpg" alt="sparco configuratore 3D interfaccia" width="1870" height="852" /> The selection of the parts to be configured can be done either by clicking directly on the 3D model or on the convenient side menu. (Credits Sparco)
<h5>THE EXCEPTION TO THE RULE: TAILOR-MADE SOLUTIONS TO ADDRESS ANY NEED</h5>
In addition to guaranteeing the free customization of the individual parts of the product, the Sparco 3D configurator has been developed to flexibly manage all particular cases, for example:
<strong>Regulations: </strong>a technical garment designed for motor racing cannot disregard the sector regulations. An example is the FIA labels, which must necessarily be shown on the collar of the suit. To combine the needs of style and readability, a series of automatic pre-configurations have been provided.
<strong>Sparco branding: </strong>the color of the Sparco logo varies on the basis of some preset rules. For example, the possibility of configuring a tone-on-tone logo, which would be poorly identifiable on the parts of the product, is precluded. The 3D configurator can incorporate a series of rules and constraints to scrupulously respect every brand design and image need.
<strong>Product Specifications</strong>: this is the case of the seams of the suit, which can be in a single color or contextualized tone-on-tone on each part of the suit. A detail that can significantly change the look of the product with a simple click.
<strong>Sizes: </strong>In addition to the final preview of the customized product, you can define standard or custom sizes. In the latter case, a virtual assistant helps the user with a tutorial related to each requested measurement.
<img class="wp-image-3054 size-full" src="https://protocube.it/wp-content/uploads/2018/02/sparco-configuratore-3D-assistente-virtuale.jpg" alt="sparco 3D configurator virtual assistant" width="1836" height="836" /> The selection of the parts to be configured can be done either by clicking directly on the 3D model or on the convenient side menu. (Credits Sparco)
<h5>THE 3D CATALOG: THE BASIC CONTENT OF THE DIGITAL EXPERIENCE</h5>
A realistic 3D configurator relies strictly on <strong>accurate digital models</strong>. After a thorough analysis of the characteristics of the products, in the case of gloves and shoes, we started with a <strong>3D scan </strong>of the samples provided by Sparco in order to obtain a "raw" digital model used as a reference for the construction of the <strong>3D model </strong>implemented in the <strong>product catalog</strong>.
A very similar digitization process was used for the office chairs, although it was adapted in many details to respond to the different characteristics of the product.
<h5>3D TECHNOLOGIES FOR THE ADVANCED SIMULATION OF TECHNICAL FABRICS</h5>
The Sparco technical suits are a particular case, so we decided to proceed with an entirely digital creation process starting from the 2D paper patterns supplied by the company. The 3D models of the suits were created with a faithful representation of all the parts, folds and seams thanks to the advanced consultancy of tailoring specialists and the hybrid use of multiple 3D technologies capable of <strong>correctly simulating the physics of fabrics</strong>.
As far as the digitalization of the fabrics is concerned, the textures of the materials were obtained thanks to high resolution 3D scanning of Sparco's physical samples.