RichCommerce.fr Tout savoir sur les interfaces riches appliquées au e-Commerce

Voilà bien longtemps que je n’ai pas parlé d’American Eagle (ma boutique en ligne préférée). Le lancement de trois nouveaux modules marchands me permet d’y remédier.

Commençons avec cette séquence vidéo interactive où les produits mit en scène sont accessibles en 1 clic sur les info-bulles qui jalonnent la timeline :

La vidéo interactive d'Ameriacn Eagle

Il y a ensuite une toute nouvelle boutique 77 Kids avec une sélection d’ensembles présentés en vidéo (7 gotta-have outfits) :

La page de présentation de la gamme

Une fois que vous avez choisi un ensemble, une autre vidéo se lance avec le détail des produits :

La page de présentation d'un ensemble

C’est encore une soif très simple d’utilisation, efficace mais avec juste ce qu’il faut de raffinement graphique pour en faire une expérience d’achat agréable.

Vous noterez au passage la remarquable mise en page des fiches produit en « Quick Look » :

La page produit

Pour finir nous avons l’animation autour des Jonas Brother (un concert exclusif) :

L'animation avec les Jonas Brothers

Et la possibilité de se créer des petits avatars qui seront affichés sur un mur géant lors du concert et donc certains seront dédicacés par les Jonas Brothers :

Les pseudo-avatars

Je suis toujours en admiration devant l’efficacité des modules marchands implémentés par cette boutique : à la fois sophistiqués mais toujours simples à manipuler.

Fous… mais tellement créatifs ! Je suis tombé cette semaine sur deux boutiques en ligne complètement folles mais incroyablement addictives dont j’aimerais vous faire part.

Il y a tout d’abord Uniqlo, un vendeur de pulls qui nous propose un incroyable voyage :

La vue d'ensemble de Uniqlo

Vous survolez ainsi ce somptueux paysage lainaire (à ne pas confondre avec lunaires) aux milieux de plaines de pulls et au détour de canyons de cols roulés :

La vue rapprochée

En cliquant sur les pastilles de couleur vous avez accès à une vue plus « classique » avec des vignettes.

Le catalogue

Wow, quelle claque visuelle ! Je serais bien incapable de vous dire l’impact réel sur le taux de transformation mais l’effet est saisissant. (merci à Laurent pour le lien)

Autre boutique très étrange, celle de Newneu (un designeur il me semble). Une boutique très longue à charger mais avec un catalogue intéressant où les produits sont représentés sous forme de dalles qui flottent dans une mini-tempête (c’est dur à expliquer avec des mots) :

Le catalogue de Newneu

Il y a également la vue « Variation » où l’on peut superposer des visuels sur des sacs :

Le démonstrateur

Et finalement la galerie où différents visuels gravitent autour d’une planète :

La galerie

Encore une fois je ne sais pas trop quoi penser de cette boutique, mais je me dois de saluer l’effort créatif. (via le Capitaine Commerce)

Terminons maintenant avec cet improbable mini-site pour Diesel en Suède : Diesel Genes (vous noterez au passage le jeu de mot entre « Diesel Genes » et « Diesel Jeans »). Il y est question d’un concours artistique avec des jeunes dans un entrepôt (vidéo en plein écran) :

La page d'accueil de Diesel Genes

Il est ensuite possible d’admirer les créations des internautes (les « genes« ) :

La création d'un internaute

Sinon vous pouvez aussi vous lancer dans la création d’un « artwork » :

Ma création

Là encore je ne sais pas trop quoi penser de ce mini-site si ce n’est qu’il se démarque des autres par son ultra-originalité. (via Brice)

Vous aimez ?

Vous connaissez les tentes Decathlon qui s’installent en 2 secondes ? Non ? Et bien je vous propose de découvrir le site dédié à cette ligne de produit : Quechua 2s.

Un très beau site orienté « nature » avec un superbe visuel qui met bien en évidence les produits, mais surtout avec un fond animé (les oiseaux) et une bande sonore (encore des oiseaux) pour plonger l’internaute dans une expérience immersive :

Page d'accueil du site Quechua 2s

Tout le contenu du site est affiché en surimpression de ce fond avec de très belles transitions. Il y a également une recherche graphique pour présenter les caractéristiques et autres détails dans un format textuel sympa (le page griffonnée). Vous noterez au passage la possibilité d’avoir une vue 360° ainsi qu’une démonstration vidéo :

Page produit du site Quechua 2s

Il y a également une grosse section « En pratique » avec tout un tas de vidéos explicatives que l’on choisit sur un petit calepin :

Page des vidéos du site Quechua 2s

Les temps de chargement sont courts, les vidéos parfaitement intégrées, les traitements graphiques innovants… bref, rien à redire, c’est un beau site qui fait envie. Peut-être manque-t-il un configurateur de tentes (puisqu’elles peuvent être combinées) avec un indicateur de la surface occupée au sol…

Très belle opération pour la marque Ralph Lauren qui récupère le nom de domaine Rugby.com et y lance une très belle boutique riche. En fait le dispositif est plus ambitieux que cela puisque des boutiques dédiées au rugby vont également ouvrir leurs portes (équipées de vitrines tactiles) ainsi qu’une initiative ‘équitable’ (Social Action). Pus d’infos ici : Ralph Lauren kicks off interactive e-commerce at Rugby.com.

Nous avons donc en premier lieu droit à page d’accueil tout en papier vieilli :

Il y a également des pages catégories (Men…) avec des incrustations vidéo très réussies :

Une page ‘Fall Stories‘ permet de chercher de l’inspiration avec une longue animation vidéo où l’on peut cliquer sur les personnages :

Vous pouvez aussi admirer les différents ensembles (‘Looks‘) portés par des mannequins (bien réels) :

Nous avons ensuite cette page de sous-catégorie (Rugbys) très inspirée avec cette vieille penderie :

Cerise sur le gâteau, vous aurez prochainement la possibilité de créer vos propres polos avec la rubrique Make Your Own :

Terminons cette visite guidée avec cette page News tout à fait convaincante (mise en page, lisibilité, dynamique de la narration…) :

Voilà au final une très belle réussite pour un site qui parvient à marier du Rich Commerce élégant (guidage et repérage efficace, utilisation subtile de la vidéo…), des contenus à valeur ajoutée (richesse et diversité) et une expérience utilisateur très immersive (ambiance graphique, choix des typographies…).

Et en plus cette expérience est reproduite hors-ligne dans les boutiques dédiées. Bravo, assurément un modèle à suivre. (via Exciting Commerce)

Avez-vous vu la toute nouvelle boutique Denim chez American Eagle ? Rien de très spectaculaire mais une utilisation maline de la vidéo avec une petite touche de relief.

Vous êtes accueilli en ouverture de page par un bandeau XXL ainsi qu’une série de vidéos à 360° des différentes coupes des jeans (et un très bel effet de rotation du texte). Des vignettes sous les vidéos permettent de changer la finition :

En changeant le mode de visualisation (« Shop by« ) on accède à un autre écran où il est possible de faire défiler toute la gamme à l’aide d’une réglette (Dark <-> Light) et de prendre la main sur les vignettes (pour faire du drag & drop) :

Encore une fois il n’y a rien de révolutionnaire dans cette nouvelle page de catégorie, juste une implémentation très propre et un premier niveau d’interactivité.

Au fait… aviez-vous aussi remarqué qu’ils proposaient un Quick Lock à la GAP ?

Décidément, il ne se passe pas un trimestre sans que Ikea nous ponde un mini-site complètement déganté. Vous devez très certainement vous souvenir de cet hallucinant site de vidéos 360° en mode bullet time ainsi que des innombrables mini-sites d’ambiances (à grand renfort de vidéos immersives), mais connaissez-vous le petit dernier de la série : Kom in I Garderoben (soit doit vouloir dire « Viens donc faire un tour dans mon dressing« ).

Le principe de ce mini-site est le même que pour les autres : une succession de scènes loufoques mettant en scène les produits de la marque. Dans le cadre de ce dispositif, les pièces sont « garnies » de personnages qui s’animent en fonction de la musique (ils suivent le tempo). Vous avez bien évidement la possibilité de changer la musique et la scène.

Là où ça devient plus rigolo c’est que vous pouvez uploader votre propre musique (pictos en bas à gauche) mais également brancher un instrument de musique ou un micro pour faire danser les acteurs.

Donc au final : ça ne sert à rien mais qu’est-ce qu’on s’amuse. C’est fou de voir la capacité de ce mini-site à capter l’attention et à vous donner envie de visiter une scène de plus. Accessoirement il est également possible de cliquer sur un produit (en base de l’écran au centre) pour avoir plus de détails.

Encore une fois je ne peux que m’incliner devant cette réalisation sans faille et autant de créativité. Rien à redire.

Je vous ai parlé en début de mois de Talk Market, un site affilié à Amazon où les internautes peuvent publier leurs vidéos de présentation de produits (avec un modèle économique reposant sur l’affiliation). Je vous propose de découvrir un autre service de video-commerce qui propose une alternative grâce aux widgets : Qoof.

L’idée est de proposer des widgets encapsulant un lecteur vidéo, un module de commentaire, des mini-bannières, une fonction de click-to-call et même un moteur de recherche.

La cible principale ne sont pas les internautes mais les boutiques en ligne, et les internautes dans un second temps, c’est donc du BtoBtoC. Concrêtement le service fournit la plateforme d’hébergement des vidéos, le player simple à encapsuler dans la page produit et le widget que les internautes peuvent publier sur leur blog ou page perso. Qoof fournit également le moteur d’affiliation ainsi que d’analyse d’audience.

Voici donc une solution intéressante pour séduire les e-chalands avec des vidéos publiées directement là où il y a du trafic. C’est en quelque sorte la longue traîne du télé-achat (bis).

(via Mashable)

vu chez Dry in Motion cette très belle réalisation avec des vidéos en slow motion mettant en scène des danseurs :

L’idée est de mettre en scène les propriétés « séchantes » des vêtements de la marque. Ils exploitent pour cela le cadre de la danse (plus haut de gamme que le Free Fight) afin de donner un esthétisme particulièrement léché aux différents écrans. Le tout agrémenté de compteurs afin de symboliser le temps d’utilisation avant transpiration (ou avant séchage, je ne sais plus). Bref, c’est très subtile (quasiment pas de texte) et hypnotique à regarder.

Il y a également cette très belle mosaïque de vidéos qui reprend les mêmes codes graphiques :

Au niveau de la boutique c’est plus classique, mais saluons tout de même le très beau travail réalisé de même que la prise de risque. (via Hebi Flux)

Connaissiez-vous la marque Madewell ? Moi non plus. En tout cas ils ont un site semi-marchand très intéressant. Semi-marchand ? Oui car il permet de voir la gamme, les produits, les évènements… mais pour acheter il faut passer par le call-center, pas de vente en ligne.

Malgré ce petit handicap, le site propose une page d’accueil sympa avec une petite animation en introduction et un large bandeau déroulant de modèles :

En cliquant sur une silhouette vous avez le détail du produit ainsi qu’une petite animation vidéo :

Il y a également le coin des designers avec une sorte de scrapbook inspirationel :

Il y a enfin un calendrier interactif pour vous rappeler les différentes occasions de s’habiller :

Bref, une « petite » boutique parfaitement inspirée avec une très belle réalisation. (via 37 Signals)

J’ai déjà eu maintes occasions de vous vanter les mérites de la vidéo pour mettre en situation un produit. Je vous propose de découvrir un nouvel exemple qui risque de faire référence dans l’industrie du textile : GAP Jeans.

Dès la page d’accueil de la catégorie vous êtes accueilli par un module de visualisation : des vidéos de démonstration pour illustrer les différentes coupes des jeans.

Une fonctionnalité très simple mais terriblement efficace pour bien se rendre compte des différences entre les produits.