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

Même si les usages de réalité augmentée sont encore embryonnaires, j’ai comme l’impression que cette tendances va prendre de plus en plus d’importance cette année : Réalité augmentée, la revanche de l’Europe sur le Mobile 2.0. Particulièrement impressionante sur mobile, elle trouve néanmoins sa place dans nos ordinateurs avec des applications marchandes tout à fait crédibles : E-commerce + réalité augmentée = Webcam Social Shopping.

S’il y a bien un secteur pour lequel il y a beaucoup de choses à faire, c’est bien l’ameublement, et tout particulièrement les boutiques en ligne de meubles. Difficile en effêt de se décider à commander un meuble en ligne sans pouvoir le toucher et en apprécier les proportions. Bon OK vous pourriez me dire qu’en boutique ça n’est pas forcément mieux puisque l’on ne sais pas comment il va réellement rendre une fois chez vous (il faut faire un gros effort d’imagination).

C’est là où rentre en scène la réalité augmentée avec la possibilité d’incruster des meubles dans une photo de votre intérieur. IKEA le propose déjà en Allemagne avec une application pour mobile (IKEA Uses Mobile Augmented Reality To Engage Shoppers’ Imagination), mais les français d’AchatDesign semblent avoir une longueur d’avance avec une application pour ordinateur : Visualisez nos meubles chez vous.

Le principe est très simple :

1. Vous posez un magazine sur le sol de votre pièce
2. Vous prenez votre pièce en photo
3. Vous envoyez cette photo sur le site en précisant où se situent les limites du magazine
4. Vous visualisez les meubles dans votre pièce avec la bonne proportion

En fait l’utilisation du magazine est cruciale pour avoir une représentation 3D fiable des meubles, elle permet de donner des indications sur l’angle de la prise de vue et surtout les proportions. Voilà ce que ça donne dans mon salon :

Un fauteuil virtuel devant ma bibliothèque

Une fois le meuble généré en 3D, vous pouvez le déplacer et le faire pivoter, ça fonctionne bien et l’application est rapide à mettre en oeuvre (moins d’une minute pour envoyer la photo, désigner les coins du magazine et commencer à jouer avec les meubles).

Idéalement il faudrait pouvoir directement uploader vos photos depuis votre téléphone portable (si vous n’avez pas d’appareil photo numérique avec une carte mémoire) de même qu’une couche sociale (partage de vos photos sur Facebook & cie) mais la fonctionnalité est tout de même très efficace en l’état.

Pour le moment la catalogue de meubles du marchand est encore restreint mais j’imagine le potentiel d’une telle application avec une enseigne multi-marques d’envergure (BHV ?) ou un portail regroupant les catalogues de différents marchands. Et pourquoi pas un opérateur en marque blanche qui apporterait la technologie et le service de modélisation 3D des meubles…

Avez-vous le nouveau site de Citroën ? Le moins que l’on puisse dire est qu’il y a eu comme une montée en gamme avec cette page d’accueil très sophistiquée :

La page d'accueil du nouveau site Citroën

L’univers graphique est étrangement proche de celui du site d’Axa et l’expérience est aussi déstabilisante que sur le site de la SNCF. Comprenez par là que dans une recherche d’image haut de gamme, ils confrontent les internautes à une parodie d’interfaces Apple (avec reflets et cover flow). Je ne suis pas contre le fait d’apporter de la sophistication aux interfaces web (sinon je ne rédigerais pas ce blog depuis plus de deux ans) mais cela doit se faire avec une certaine retenue pour ne pas trop alourdir la navigation et le parcours client. Le site de Ford Vehicles est ainsi un exemple car les pages sont très rapides à chargées et n’imposent pas aux internautes un temps de chargement trop long (ceci est réservé aux mini-sites).

Au niveau des pages intérieures, le raffinement est toujours de rigueur avec un showroom en 3D pour les véhicules (ici la C1) :

Le showroom 3D sur le nouveau site Citroën

Encore une fois même si la réalisation est exemplaire, il y a comme une impression de déjà vu : Fiat UK et Renault propose des showrooms 3D depuis plusieurs années.

Au final nous avons un très beau site qui aurait plus sa place sur des bornes interactives en concession que dans les navigateurs de Mr et Mme tout-le-monde. Loin de moi l’idée de vouloir comparer, mais le site de Peugeot est tout aussi qualitatif mais moins laborieux à parcourir, vous ne trouvez pas ?

Après GAP et 77Kids, c’est au tour de TopMan de proposer un assistant au choix de jean : Top Jeans. L’idée est de mettre en scène les différentes coupes de jean pour vous aider dans votre choix :

L4assistant au choix ce jean chez TopMan

Une fois que vous avez choisi une coupe, vous pouvez demander au modèle de se retourner ou de bouger (en cliquant sur les boutons de 1 à 4) pour voir comment le jean se comporte (aisance, tombé du revert sur la cheville…). Une interface simple avec un bon contraste font de cette fonctionnalité une très bonne pratique.

Nouvelle campagne et nouveau site de campagne pour la marque de lingerie française : FrenchArtOfLoving.com. Au programme de ce mini-site : Une interface à tiroirs (littéralement !) et de belles transitions. La mise en page du site est très minimaliste avec une navigation tournant autour de la métaphore d’une commode :

La page d'accueil du site FrenchArtOfLoving

En cliquant sur les tiroirs, vous en découvrez le contenu après une belle cinématique de transition. Ici, l’assistant au choix :

L'assistant au choix du site FrenchArtOfLoving

il y a également une rubrique plus expériencielle avec des morceaux musicaux et des ambiance sonores :

Extraits sonores sur le site FrenchArtOfLoving

De même que des vidéos de la campagne de teasing :

Les vidéos sur le site FrenchArtOfLoving

En fait on a vite fait le tour de ce mini-site, et l’on se retrouve bien vite sur la boutique en ligne (nettement moins esthétique) :

La boutique en ligne de Aubade

Même si je ne peux que souligner la pertinence des choix esthétique, ce mini-site deçoit. Dans la même catégorie je préfère largement le très efficace Victoria’s Secret ou les mini-sites psychédéliques de Agent Provocateur.