Comment un configurateur interactif de chaussures en 3D a amélioré l'expérience d'achat des baskets KENZO Move
Donner vie aux baskets KENZO Move en ligne grâce à la visualisation 3D avancée
Ce projet présente le développement d'un configurateur interactif de chaussure de basket personnalisable pour KENZO, une marque de mode reconnue pour son actualité constante tout en préservant son identité unique. Hapticmedia a créé une expérience 3D interactive intégrée directement dans les pages produits des baskets KENZO Move.
Cette solution d'e-commerce 3D améliore le parcours d'achat en ligne en permettant aux utilisateurs d'explorer, de personnaliser et d'interagir avec le produit avec un niveau de détail sans précédent, directement dans leur navigateur. L'accent a été mis sur une représentation visuelle optimale, particulièrement pour les matériaux complexes et les designs inhérents à la conception des chaussures en 3D.
Catégories
Retail experience
User Experience
3D High End
La page produit améliorée de KENZO grâce à la visualisation 3D
Que faisons-nous pour Kenzo ?
L'expérience interactive 3D d'Hapticmedia est conçue pour présenter et offrir une vue optimale des baskets KENZO Move sur la page produit du site web. Cette expérience innovante, ludique et interactive permet aux utilisateurs de choisir les couleurs et de manipuler la chaussure en 3D sur leur navigateur.
La marque visait à élever sa présence digitale grâce à l'e-commerce 3D et à offrir aux clients une façon plus riche et plus engageante d'interagir avec leurs produits en ligne. Reconnaissant les limites des images statiques pour mettre en valeur les détails complexes et les options personnalisables, KENZO a recherché une solution innovante pour combler le fossé entre le produit physique et l'utilisateur en ligne, de manière semblable, Hapticmedia a su mettre en avant les couverts de la marque Sabre grâce à une expérience client innovante.
Objectifs
- Les utilisateurs peuvent manipuler librement les chaussures 360, examinant chaque détail.
- Visualisation instantanée des différentes combinaisons de couleurs choisies par l'utilisateur.
- Transitions animées de manière fluide entre les options de couleurs sélectionnées.
82%
82% des acheteurs en ligne activent les vues 3D lorsqu'elles sont disponibles, avec 34% qui interagissent pendant plus de 30 secondes, indiquant un engagement et un intérêt accrus.
Cappasity. (2022). Market research report on 3D product views.
Quelle proposition de valeur a été fournie pour le projet KENZO ?
Visionneuse 3D avec animation
Certains matériaux nous ont obligés à créer des shaders 3D spécifiques afin de mieux simuler les effets iridescents et faire ressortir les différentes nuances qui apparaissent selon l'angle d'affichage de la chaussure. Cela était crucial pour représenter les propriétés uniques du tissu et la conception complexe des chaussures en 3D, des spécificités techniques similaires ont été développées pour le sac iconique Le Roseau de Longchamp.
- Fournir une vue optimale et interactive des baskets KENZO Move sous tous les angles.
- Permettre aux utilisateurs de sélectionner et visualiser facilement différentes options de couleurs en temps réel.
- Rendre avec précision les matériaux complexes, y compris les tissus avec des effets iridescents et des variations de couleurs complexes (comme le tissu bleu avec différentes couleurs intérieures/extérieures mentionnées).
- Créer une expérience innovante grâce à l'e-commerce 3D et interactive pour captiver les utilisateurs et augmenter le temps passé sur la page produit.
- Assurer que la conception des chaussures en 3D et l'expérience globale s'alignent parfaitement avec l'identité de marque moderne et distincte de KENZO.
Caractéristiques techniques et spécifications du projet
Visionneuse 3D basée sur WebGL compatible avec les navigateurs modernes de bureau et mobiles.
Développement de shaders uniques pour le rendu physiquement précis des matériaux iridescents et multicouches.
Optimisation des textures du modèle de chaussures en 3D pour des temps de chargement rapides et des performances fluides en ligne.
Implémentation d'un processus d'animation personnalisé pour des transitions fluides de matériaux et de couleurs.
Intégration API simple avec les pages produits de la plateforme e-commerce existante de KENZO.
Galerie
Explorez la suite
Longchamp Le Roseau
Nous avons développé une visionneuse 3D pour le sac Longchamp Le Roseau. Ses principales fonctionnalités incluent une visualisation à 360°, un rendu détaillé des matériaux (grain du cuir, interreflet du métal) et des performances optimisées sans impact sur le référencement.