Head
WebGL 3D configurator

HEAD Adaptive

Interactive 3D brand experience for newly adapted rackets by Head

By order of the advertisement agency Panama, we developed a WebGL-based 3D configurator for the international sporting goods manufacturer Head, which was seamlessly integrated into the adaptive micro-page that had been designed and implemented by Panama.  
Features

Responsive
Three.js
Realistic appearance of the rackets

 

 

Platform Desktop Browser
Mobile Browser
Device Desktop
Smartphone
Tablet
Challenge

While Head has always enjoyed an excellent reputation in the field of tennis rackets, the new adaptive concept is a further huge innovative jump and allows more complex balancing and tuning options. Even seemingly minimal changes to the handle length lead to different properties. In order to make these correlations comprehensible for our users and to foster the fun of configuring, nothing lends itself as optimally as 3D visualisation in real time. 

Implementation

Based on CAD data and the actual print sample for the racket colouring and patterns, realistically appearing 3D rackets could be created. While doing so, the level of detail for all elements had to be balanced with loading times and the device performance. The configuration processes are easy to understand for the user at that, while the animations in between are not too long and have no demands as to the technical accuracy of details.  

Infos

Customer: Head
Advertising agency: Panama
Digital agency: Solid White



Um die Website optimal gestalten und Ihnen an Ihre Interessen angepasste, nutzungsbasierte Informationen anzeigen zu können, verwenden wir sogenannte Cookies von Drittanbietern. Durch die Nutzung dieser Website stimmen Sie der Nutzung und Speicherung von Cookies zu. Detaillierte Informationen über den Einsatz von Cookies auf dieser Website erhalten Sie durch Klick auf „Weitere Informationen“
More information Ok Decline