Rich Commerce Tout savoir sur les interfaces riches appliquées au e-Commerce

Ce soir je vous propose de (re)découvrir le site de Ferrari. Pourquoi ce site là ? Parce que malgré des produits qui ne demandent qu’à briller, la scuderia fait un usage très discret des interfaces riches. Illustration avec la page d’un modèle (la California) où l’on retrouve sur un même écran une visite guidée, beaucoup de texte et des images 100% statiques :

La page de présentation de la Ferrari California

La visite guidée fonctionne comme une vue à 360° chapitrée avec des zones réactive sur les points d’intérêt du modèle. L’intégration de ces différents éléments dans la page se fait de façon très naturelle et le tout fonctionne à merveille.

Signalons également un configurateur visuel très sobre mais diablement efficace (les différentes options comme les volants sont affichés en second plan) où il est même possible de choisir la couleur de bloc de frein :

Le configurateur sur le site de Ferrari

Signalons également un module très rigolo de présentation de l’évolution du design avec un timeline cliquable et un beau travail de morphing :

Evolution du design chez Ferrari

Enfin pour celles et ceux qui veulent quelque chose de plus immersif, il y a toujours le jeu Ferrari Virtual Race librement téléchargeable  (uniquement sur PC) :

Le jeu Virtual Race de Ferrari

Au final nous avons donc un site beaucoup moins tape-à-l’oeil que celui d’autres constructeurs comme Cadillac ou Jaguar mais qui propose un très subtil dosage de contenus statiques et riches.

J’ai déjà eu de nombreuses occasions de vous vanter les mérites des zooms dans un contexte e-commerce. Non seulement la possibilité de voir de plus près le produit est indispensable pour rassurer les clients / prospects mais si le zoom est suffisamment puissant, il donne une sensation quasi-tactile aux internautes. Illustration chez Zoomorama avec cette démonstration sur de la maroquinerie où le grain du cuir est parfaitement mis en valeur par ce gros plan :

La sensation quasi-tactile des zooms XXL

Après plusieurs mois d’expérimentation chez Darty, les premiers chiffres “officiels” m’ont enfin été communiqué par Franklin Servan-Schreiber et l’impact est très positif : +25% de taux de conversion sur les 15 familles de produits exploitant Zoomorama (appareils photos, écrans plat, machines expresso, frigidaires, laves vaisselles…) ainsi qu’une satisfaction importante des utilisateurs qui déclarent la fonction de zoom utile à la prise de décision d’achat.

Les zooms XXL chez Darty

Même si je ne suis pas surpris par l’accueil très positif des utilisateurs pour cette fonction de zoom, je suis tout de même épaté par l’impact sur le C.A. : +25% !

Voilà en tout cas des chiffres qui vont apporter de l’eau à mon moulin sur les bienfaits de la mise en scène des produits et sur les fonctionnalités enrichis (zoom, vue 360°, démonstrateur…). Bon OK, si vous lisez ce blog c’est que vous en êtes convaincu, j’espère simplement que ce retour d’expérience va vous décider à sérieusement envisager l’implémentation d’une fonction de zoom XXL (il existe des prestataires très sérieux dans ce domaine) tant le ROI me semble évident. Certes, il y a le problème des photos de produit (qui va financer les clichés en HD ?) mais il est ici question d’améliorer de façon significative l’expérience utilisateur (et les ventes accessoirement !).

J’ai déjà eu de nombreuses occasions de vous parler de la 3D associée au commerce en ligne. La 3D a de nombreuses qualités (immersion…), certes, mais elle est capricieuse car elle ne tolère pas la médiocrité. Comprenez par là que la 3D ne fonctionne que si elle est parfaitement réaliste. Ce n’est ainsi pas un hasard si le cinéma en 3D n’est réellement devenu crédible qu’avec les récentes avancées technologiques de ces dernières années.

J’ai déjà mentionné quelques expérimentations intéressantes (Et on reparle du shopping 3D, Des galeries marchandes en 3D avec Enjoy3D) mais elles ne tiennent pas réellement la route car elle ne plonge pas l’internaute dans un environnement réellement immersif (dû aux limitations technologiques) mais ne sont que de piètres alternatives aux systèmes de navigation traditionnels (menus, moteurs de recherche).

Dernièrement nous avons assisté au lancement de MaBoutique3D, dont il existe une interview du patron :

Exemple de boutique en 3D

L’idée est intéressante, mais la réalisation est encore loin de pouvoir susciter l’envie. Idem pour la Breizh Banque avec son hall en forme de soucoupe volante aux couleurs bretonnes :

La page d'accueil de la Breizh Banque

Même si l’on peut saluer l’exploit technologique derrière cette réalisation, je ne comprends pas bien le recours à la 3D dans ce cas, surtout en page d’accueil !

Ces deux réalisations reposent sur des technologies propriétaires encore lourdes à manier et qui n’apportent pas grand chose à l’expérience utilisateur car le réalisme n’est pas encore au rendez-vous. Pour le moment le meilleur moyen de valoriser votre marque en 3D est encore de le faire dans un contexte choisi par les utilisateurs, par exemple dans des univers virtuels offrant un niveau de réalisme suffisant (cf. Vers des univers virtuels HD ?). Cette solution est intéressante car elle vous permet de monter en compétences sur une troisième dimension et d’attendre que des technologies comme WebGL soient normalisées (cf. WebGL, le nouveau standard de la 3D sur le web) et que le marché soit également un peu plus mature (De la 3D à toutes les sauces pour 2010 ?).

Entendons-nous bien : Ce discours n’est valable que pour les environnements 3D en temps réel, car il est possible de faire des choses tout à fait immersives avec de la vidéo ou de valoriser vos produits au travers de démonstrateurs ou configurateurs 3D comme par exemple chez NRJ mobile :

Démonstrateur 3D chez NRJ Mobile

Donc oui, 3D et e-commerce sont compatibles mais sous réserve de bien faire les choses (intégration élégante, temps de chargement courts, pas de technologie propriétaire, prise en main intuitive…). Quand on y pense, la 3D se retrouve dans la position de la vidéo il y a quelques années : Laborieuse et maladroite. Inutile donc de s’y plonger aveuglement, ma recommandation serait de n’utiliser que ce qui présente le plus de valeur aux yeux des prospects / clients en fonction du contexte et non de cherche l’exploit technologique.

…

…

…

…

…

…

…

Bon OK ça fait un peu enfonçage de porte ouverte, mais le but de cet article est avant tout de bien faire la part des choses et de ne pas jeter le bébé avec l’eau du bain.

Vous connaissez Wrangler ? Mais si enfin, la marque de jeans coincés entre le mammouth (Levi’s) et la diva (Diesel). Pour résumer une longue histoire disons que Wrangler est dans un créneau très concurrentiel où les acteurs en présence se battent avant tout sur la créativité plutôt que sur les prix.

Bref, le seul moyen pour eux de se démarquer est de raconter de belles histoires et de surprendre les clients. C’est exactement ce qu’ils font avec leur site web qui est un très bon mélange d’interactivité et d’immersion. Il y a tout d’abord la présentation des collections sous forme de tableaux mettant en scène un homme et une femme dont vous choisissez la panoplie :

Choisissez vos tenus sur ce module de présentation des collections

Tout est parfait dans ce module : Les couleurs surannées, la musique roots, le traitement graphique low-fi… l’ensemble est parfaitement immersif et permet de concentrer l’attention sur les deux personnages (qui sont les seuls éléments mobiles de cette page).

Une fois que vous avez choisi un personnage, vous le voyez évoluer dans une vidéo où il est possible de choisir le point de vue (pour apprécier les fringues) :

Détails de la collection sur le site de Wrangler

Sinon il y a aussi le très belle campagne Blue Bell qui propose une modalité d’interaction très particulière :

Votre souris commande le zip

Ce mini-site propose ainsi différentes scènes où l’on peut bousculer les mannequins à l’aide de la souris :

Baladez les mannequins de droite à gauche avec votre souris

Ces scènes ne sont pas idéales pour mettre en avant les produits (pas de page de détails) mais elles remplissent parfaitement leur rôle : Surprendre et distraire. Il est ainsi très ludique de maltraiter les mannequins au fil des 6 scènes (et autant de produits manipulés) :

Et vlan !

Mission accomplie !

(via BlogoErgoSum)