How an Interactive 3D Shoe Configurator enhanced KENZO Move Sneakers shopping experience
Bringing KENZO Move Sneakers to life online with Advanced 3D visualization
This use case outlines the development of an interactive 3D shoe configurator for KENZO, a fashion brand known for staying current while preserving its unique identity. Hapticmedia created a dynamic 3D experience embedded directly into the KENZO Move sneaker product pages. This 3D ecommerce solution enhances the online shopping journey by allowing users to explore, customize, and interact with the product in unprecedented detail, directly within their browser. The focus was on delivering an optimal visual representation, especially for complex materials and designs inherent in the 3D shoes design.
Categories
Retail experience
User Experience
3D High End
KENZO’s enhanced page product through 3D visualization
What do we do for Kenzo ?
Hapticmedia’s interactive 3D experience is designed to showcase and offer an optimal view of KENZO Move sneakers on the website’s product page for the item. This innovative, fun and interactive experience enables users to choose colors and manipulate the shoe in 3D on their browser.
The brand aimed to elevate its digital presence and provide customers with a richer, more engaging way to interact with their products online. Recognizing the limitations of static images for showcasing intricate details and customizable options, KENZO sought an innovative solution to bridge the gap between the physical product and the online viewer, similarly, Hapticmedia successfully showcased Sabre cutlery through an innovative customer experience.
Objectives
- Users can manipulate the 3d shoes model freely, examining every detail.
- Instant visualization of different color combinations chosen by the user.
- Aesthetically pleasing animated transitions between selected color options.
82%
82% of online shoppers activate 3D views when available, with 34% interacting for over 30 seconds, indicating increased engagement and interest.
Source: Cappasity. (2022). Market research report on 3D product views.
What features have been provided for the KENZO project?
3D viewer with animation
Some materials required us to create specific 3D shaders in order to better simulate iridescent effects and bring out different shades that appear depending on the shoe’s display angle. This was crucial for representing the unique fabric properties and intricate 3d shoes design. Similar technical specifications were developed for Longchamp's iconic Le Roseau bag.
- Provide an optimal, interactive view of the KENZO Move sneakers from all angles.
- Allow users to easily select and visualize different color options in real-time.
- Accurately render challenging materials, including fabrics with iridescent effects and intricate colour variations (like the blue fabric with different inner/outer colours mentioned).
- Create an innovative, and interactive experience to captivate users and improve time spent on the product page thanks to 3D ecommerce.
- Ensure the 3D shoes design and overall experience aligned perfectly with KENZO's modern yet distinct brand identity.
Project Technical Features and Specifications
WebGL-based 3D viewer compatible across modern desktop and mobile browsers. Developed unique shaders for physically accurate rendering of iridescent and multi-layered materials.
Careful optimization of the 3d shoes model geometry and textures for fast loading times and smooth performance online.
Implementation of a custom animation process for fluid material and color transitions.
Seamless API integration with KENZO's existing e-commerce platform product pages.
Gallery
Explore next
Longchamp Le Roseau
We developed a 3D viewer for the Longchamp Le Roseau handbag. Key features include 360° visualization, detailed material rendering (leather grain, metal interreflection), and optimized performance with no impact on SEO.