Je ne m’attarderais pas sur la page d’accueil car on n’y trouve rien de très folichon. Par contre, les pages de liste sont plus intéressantes avec un rafraîchissement silencieux de la partie centrale de la page quand vous activez les filtres :

Les listes de produits sur Zara.com

Détail je j’apprécie : Lorsque vous cliquez sur “Affichez tout” en bas de page, le reste de la sélection est affichée en dessous sans vous remettre en début de liste, pratique.

Pour la page produit c’est du très sobre également, avec un affichage extrêmement rapide des produits associés (sans rechargement du cadre de la page) :

La fiche produit sur Zara.com

La rubrique Lookbook vous présente des ensembles en pleine largeur (et hauteur) de page :

La rubrique Lookbook de Zara

Il y a également une rubrique vidéo avec des vidéos plein écran et un menu masqué (qui réapparait au survol du logo) :

Les vidéos sur le site de Zara

Il y a enfin le catalogue qui propose également un affichage en plein écran et des détails produit au survol de la souris :

Le catalogue en ligne de Zara

Au final, et au risque de me répéter, il n’y a rien de nouveau dans cette boutique en ligne, juste une réalisation très soignée et des comportements de pages équivalents à ce que l’on peut trouver ailleurs (chez Tati par exemple). Ce qui m’amène donc à penser que cette boutique illustre une forme de “standard” de qualité qu’une boutique en ligne est censée offrir à ses visiteurs. Pas de quoi se démarquer de la concurrence (la boutique d’Uniqlo est sur ce point-là beaucoup plus innovante) mais de quoi proposer une expérience agréable.

Les premiers retours sont visiblement positifs et les autres acteurs du marché ne veulent pas se laisser distancer. L’Oréal a donc décidé de se lancer à son tours (de même que Boots and Walmart) avec un kiosk proposé dès cet été en Angleterre : L’Oréal weighs up digital mirror kiosks.

La technologie utilisée est celle de EZface qui propose aussi une version web appelée Virtual Miror. Cette application vous permet d’uploader votre photo et d’appliquer dessus du maquillage de différentes marques :

Le maquillage virtuel d'EZface

Même si je n’apprécie pas du tout les choix graphiques de l’interface, cette application fonctionne plutôt bien et on s’amuse vite à expérimenter plusieurs sortes de poudres, blush, mascara, rouges à lèvres, eye-liner… Je retiens deux fonctionnalités particulièrement intéressantes : La réglette avant/après (sous la photo) et les Hot Looks qui permettent d’appliquer en 1 clic un maquillage complet en choisissant dans une liste de mannequins. Vous avez également la possibilité de sauvegarder, imprimer, envoyer et partager vos photos retouchées.

Cette application est disponible chez L’Oréal (en page d’accueil) avec une interface aux couleurs plus harmonieuses : Mon Maquillage Virtuel.

Maquillage virtuel chez L'Oréal

J’apprécie particulièrement la possibilité de voir le résultat sur une moitié de visage à l’aide de la réglette. (merci à Puche pour le lien).

(via Springwise)

Le principe consiste donc à imprimer une petite carte avec un marqueur qui sera repérer par la webcam :

Une simple carte permet de simuler un appareil photo

Un plug-in se charge ensuite d’incruster l’appareil mais également de gérer les animations comme la sortie du flash, le changement de l’objectif (en cliquant sur les pastilles jaunes) :

La réalité augmentée en action chez Olympus

Encore plus fort : Il est également possible de prendre des photos (virtuelles) avec cet appareil (virtuel) et de les partager sur Facebook. De même, si vous retourner l’appareil, vous pouvez tester l’interface et ses menus.

Bref, une très belle réalisation propulsée par la technologie française de Total Immersion, Cocorico !

(via Virtual Worlds News)

Commençons par Gap qui a été la première marque à lancer une application marchande sur l’iPad : Gap makes shopping more social with iPad app. Dès la page d’accueil l’utilisateur est plongé dans une mosaïque de contenus dans laquelle il navigue avec le doigt :

La mosaïque de l'application iPad de GAP

Les contenus s’ouvrent dans une fenêtre qui se superpose à la mosaïque (ici une vidéo) :

Une vidéo sur l'application iPad de GAP

Il y a également une partie “boutique” avec des catégories (onglets en haut de page) et une mise en page minimaliste :

La galerie de produits de l'application iPad de GAP

En cliquant sur “Buy” vous pouvez choisir la taille et ajouter au panier :

L'ajout au panier de l'application iPad de GAP

L’application est très intuitive et surtout très réactive comme en témoigne cette vidéo trouvée sur ClickZ :

Dans le même esprit mais en mode portrait (vertical), il y a également l’application de La Redoute découverte chez Laurent : La Redoute lance son appli iPad. La page d’accueil de l’application est tout à fait surprenante car elle reprend les codes graphiques des magazines mais utilise une vidéo pour le mannequin :

La page d'accueil de l'application iPad de La Redoute

Nous retrouvons dans cette application un certain nombre de contenus comme la rubrique “Relooking” :

La rubrique Relooking de l'application iPad de La Redoute

La navigation au sein des contenus se fait avec une mosaïque (comme chez GAP) :

La mosaïque des contenus de l'application iPad de La Redoute

L’ensemble est tout à fait plaisant mais ne permet pas de commander directement dans l’application (il faut passer par le site) :

Tout ceci est très encourageant car nous commençons à voir fleurir un certain nombre d’applications oscillant entre commerce et showroom (comme par exemple celle de Cadillac). Au vue des premières expérimentations il est clair que le potentiel de ces applications est énorme (immersion, récurrence des visites…) mais qu’il va falloir être très prudent quand à l’ergonomie et la prise en main. D’ailleurs ce n’est pas un hasard si l’IAB a déjà commencé à se pencher sur la question avec sa dernière étude (Tabvertising: iPad and other tablets).

La page des lavabos chez Ikea

En cliquant sur les icônes à droite et à gauche il est possible de changer le modèle du lavabo ainsi que le robinet :

Le démonstrateur de lavabos chez Ikea

Vous noterez au passage qu’ils ne se contentent pas de trafiquer l’image car les reflets des robinets changent avec eux.

Il existe un principe équivalent dans le rayon cuisine où l’on peut tester les façades :

Le démonstrateur de façade dans le rayon cuisine d'Ikea

La manipulation est très intuitive, l’intégration des modules est très propre, pas de doute, c’est du Ikea !

Le principe du mannequin virtuel chez Fits.me

Plutôt que de mannequin virtuel, ils préfèrent parler de cabine d’essayage virtuelle. Le service a été lancé il y a quelques mois et il existe déjà une première grosse référence avec la boutique anglaise Hawes & Curtis : Fits.me Launches World’s First Virtual Fitting Room.

Vous commencez donc par donner vos mensurations :

Première étape : Vos mensurations

Puis le simulateur vous permet d’essayer différente taille et de voir si vous rentrez dedans (virtuellement) et comment le tissu tombe :

Deuxième étape : Essayez différentes tailles

Le simulateur est très simple à manipuler et il y a tout un tas de chois alternatifs pour vous guider dans votre achat. Je ne sais pas combien de prises de vue cette cabine d’essaye virtuelle a demandé mais le simulateur annonce près de 100.000 combinaisons possibles pour le mannequin. En tout cas le rendu est particulièrement réaliste :

Les différents rendus du simulateur

C’est de très loin la simulation la plus spectaculaire que j’ai testé et je ne peux que reconnaitre la diabolique efficacité de ce dispositif. Essayez-le et vous serez immédiatement convaincu !

Nous avons ainsi une page d’accueil tout en sobriété qui a fait le choix de ne pas utiliser un carrousel comme éléments principal mais un visuel statique (ce sont les vignettes de la deuxième rangée qui sont mise à jour toutes les 3 secondes) :

La page d'accueil du site de Tati

En passant votre souris sur les intitulés de navigation vous avez accès à un menu XL comme on peut en voir ailleurs (cf. Navandising, le merchandising appliqué à la navigation) :

Le menu de navigation XL du site de Tati

Sur les pages de catégorie vous trouverez également un système de filtres avec rafraîchissements silencieux :

Le moteur de recherche par filtres du site de Tati

D’autres fonctionnalités vues ailleurs sont également proposées : Zoom automatiques, catalogues interactifs… Rien de très neuf, mais une implémentation parfaitement propre et sobre.

Donc comme vous l’aurez compris, nous sommes bien loin des fonctionnalités avancées comme les configurateurs 3D, les univers immersifs, les vidéos narratives… mais cette boutique n’en reste pas moins terriblement efficace (notamment grâce à des photos de très bonnes qualité). Finalement est-ce que ce n’est pas ça l’avenir du rich commerce : Des enrichissements sobres utilisés avec parcimonie, pas nécessairement pour rehausser l’expérience mais plutôt pour faciliter la navigation et la prise de décision. Un rich commerce raisonné en quelque sorte…

L’objectif est d’inspirer les internautes avec à la fois une présentation de la nouvelle collection (avec le Look Book) et la possibilité de visualiser différentes combinaisons de haut et bas :

Le configurateur visuel de maillots de bain chez JCPenney

Différentes combinaisons sont affichées (avec une emphase au centre) et les flèches servent à faire défiler les ensembles. Rien de très révolutionnaire mais une implémentation efficace et surtout bien intégrée avec les autres fonctionnalités du module et du catalogue. L’espace est très bien exploiter et les appels à l’action sont bien hiérarchisés (”View fit guide“, “Details & Buy“…). Je n’aurais pas forcément mis d’autres flèches sur le bord du module pour passer d’un style à un autre (car ça fait beaucoup de flèches sur les cotés) mais l’ensemble est sobre et parfaitement efficace.

C’est tout à fait le type de modules rich commerce qui peuvent booster votre taux de transformation sans toutefois nécessité trop de ressources.

(via Adobe Scene 7 Blog)

1. Visites guidées ou visionneuses multimédia = 36 %
2. Filtrage visuel et recherche avancée sur les caractéristiques des produits (taille, couleur, prix) = 33 %
3. Comparatifs de produits = 28 %
4. Zoom = 28 %
5. Vidéos pour la commercialisation, la publicité et la démonstration = 27 %
6. Catalogues et brochures interactifs = 27 %…

Efficacité des fonctions rich commerce

Des chiffres très intéressants qu’il faut mettre en parallèle des fonctions de social shopping :

1. Commentaires et évaluations d’utilisateurs = 31 %
2. Classements et notes d’utilisateurs = 26 %
3. Chat en direct / messagerie instantanée = 22 %
4. Conception collaborative de produits personnalisés = 21 %
5. Contenu généré par les utilisateurs (images, vidéo, son) = 20 %
6. Flux RSS = 19 %…

Donc selon ces chiffres, une visite guidée ou une recherche visuelle serait plus efficace que les avis des internautes. Voilà des chiffres qui doivent faire chaud au coeur des partisans du rich commerce ! Je vais tout de même émettre trois bémols :

• Ces chiffres proviennent d’une étude commandée par Scene 7 donc ils sont forcément en leur faveur ;
• Il n’a jamais été question de choisir entre visite guidée et avis clients, ce sont deux fonctionnalités complémentaires qui ne répondent pas du tout aux mêmes objectifs ;
• Cette étude ne semble pas avoir pris en compte les Zoom XXL qui font un véritable tabac (cf. +25% de taux de conversion chez Darty grâce aux zooms XXL et From Shoes to Shirts, Bigger is Always Better).

Dans tout les cas de figure je vous recommande vivement de vous inscrire pour télécharger cette étude qui aborde aussi le m-commerce et les spécificités régionales.

(via I Love Web)

Commençons par Diesel qui propose un spot TV qui sent bon le charleston à la sauce 2010 pour sa nouvelle collection :

Ce spot est ensuite reprit sur le site web sous forme de vidéo interactive (A Hundred Lovers) qui se met en pause au survol de la souris et permet de repérer les zones actives (généralement des liens vers la fiche produit des vêtements) :

Vidéo interactive chez Diesel

Même principe chez BMW avec ce film diffusé pour le lancement de la nouvelle série 5 :

Le mini-site BMW-cinétique propose une expérience similaire mais plus immersive puisqu’il est possible de manipuler les billes (représentation en 3D temps réel) et même de créer / partager vos créations :

Représentation en 3D temps réel chez BMW

Dans les deux cas nous avons un concept créatif fort qui est décliné da façon originale et accrocheuse sur le web.

(merci à Albin pour le lien)