Archive pour mai 2008

Potoroze pour aménagement virtuel

Potoroze propose des fonctions pour aménager virtuellement votre intérieur :

Observez en particulier la facilité pour placer un meuble (2/3 de la vidéo environ) ou la façon dont on déplace une horloge murale, qui “sait” rester “aimanté” contre le mur !

Bravo Sébastien pour cette nouvelle démonstration !

Borders se lance à l’assaut d’Amazon grâce au rich commerce

Cette semaine le petit monde du e-commerce U.S. est en ébullition suite au lancement de la nouvelle version de la boutique en ligne de Borders. Pourquoi tout ce ramdam ? Parce que Borders ambitionne de concurrencer le géant Amazon :

Mais comment s’y prendre pour aller affronter le monument qu’est devenu Amazon ? Tout simplement en exploitant les interfaces riches. Vous remarquerez ainsi l’ambiance chaleureuse et sophistiquée de la page d’accueil :

Borders_Home.jpg

Cette ambiance est en grande partie dû à l’utilisation de ce bandeau de présentation des produits qui émule les rayonnages d’une librairie traditionnelle (ils appellent ça le “Magic Shelf“). Il est ainsi possible de parcourir les rayons et d’avoir une Quick View :

Borders_MagicShelf.jpg

Il y a également une grosse rubrique Media où l’on peut trouver des interviews d’auteurs et d’artistes, des présentations publiques, des podcats :

Borders_Media.jpg

Saluons donc l’initiative de ce marchand qui innove et prend des risques.

Ride Planner chez Harley et écocitoyenneté chez Mercedes

Ride Planner chez Harley et éco-citoyenneté chez Mercedes

Aujourd’hui je souhaite vous faire découvrir deux services radicalement opposés.

Le premier s’appelle Ride Planner, il s’agit d’un outil de planification d’itinéraire fournit sur le site Harley Davidson.

RidePlanner_Home.jpg

La mise en scène de l’outil est parfaite : une large zone pour expliquer les bénéfices du produit, ses fonctionnalités ainsi que la dimension sociale (publication, partage…).

Ce module réussit un très beau tour de force en faisant rentrer un maximum d’informations en un minimum d’espace.

L’outil lui-même est tout aussi intéressant au niveau de la mise en page que de l’iconographie :

RidePlanner.jpg

L’interface repose principalement sur un système cartographique mais ils parviennent tout de même à placer de façon élégante des prestataires affiliés et même de la publicité (en bas à gauche).

Vous apprécierez au passage le système de panneaux coulissants pour maximiser l’occupation de la colonne de gauche.

Dans un tout autre registre et puisque ma conscience éco-citoyenne me travaille (en rapport à l’empreine carbone des Harleys), je vous propose pour compenser ce très bel outil de simulation proposé par Mercedes : Ma Flotte Premium.

MaFlottePremium.jpg

Ce simulateur permet ainsi de calculer le coût de possession d’une flotte professionnelle, il suffit pour cela de glisser sur l’organigramme les différents modèles proposés. Cerise sur le gâteau, le simulateur calcule également le rejet total de CO2 estimé.

L’interface est d’une grande sobriété et se révèle terriblement efficace. Les codes couleurs sont parfaitement bien exploités pour mettre en valeur les éléments importants de la page.

Bref, c’est du travail très propre (dans tous les sens du terme). Ouf, ma conscience est soulagée !

Une conférence sur le rich commerce cette semaine à Paris

Cette semaine va se tenir le Salon ONLINE 2008, grand rassemblement des acteurs du e-commerce et du web français.

J’aurais la  lourde tâche d’animer la session d’ouverture sur le thème du E-commece 2.0 (où je parlerais un peu de rich commerce).

Mais le sujet qui nous intéressent toutes et tous c’est une autre conférence sur le thème de l’utilisabilité et les interfaces riches des sites marchands (le Jeudi 29 de 15H à 17H, cf. le programme de la matinée). L’occasion pour moi de détailler quelques bonnes pratiques et de corriger certaines idées reçues (notamment sur l’accessibilité et le référencement).

J’espère bien croiser certains d’entre-vous sur ce salon, surtout que l’entrée est gratuite !

De la 3D en temps réelle pour la Smart au Japon

Vous connaissez Hello Kitty ? Vous connaissez la Smart ? Non ? Ce n’est pas grâve, je vous invite tout de même à aller voir le nouveau site de la Smart au Japon : Play Smart. Après un (très) long téléchargement vous aurez alors le plaisir de pouvoir admirer la Smart dans une superbe réalisation en 3D temps réel (via une librairie Flash et sans plug-in) où vous aurez le loisir de pouvoir décorer votre Smart dans toutes les couleurs :

PlaySmart_Design.jpg

Il est également possible de participer à des courses sur circuit :

PlaySmart_Play1.jpg

Ces circuits sont en fait des formes géométriques que votre voiture dessine au fur et à mesure (sur le principe des pointillés) :

PlaySmart_Play2.jpg

Bon… je dois bien avouer que la trace noire comme métaphore de l’empreinte carbone laissée par la voiture est un peu limite… ça va que cette voiture est propulsée par un des plus petits moteurs du monde sinon nous nagerions en plein mauvis goût !

Toujours est-il que nous avons là une réalisation tout à fait ludique et parfaitement réalisée (très kawai). J’adore !

Potoroze (portail de shopping 3D) ouvre ses portes

C’est demain qu’ouvre le premier portail de shopping entièrement en 3D : Potoroze.

Potoroze_Home.jpg

Pour faire simple, Potoroze est un portail où sont présentés un certain nombre d’articles en 3D (ça vous l’aviez deviné). Mais ce portail vous propose également un comparateur 3D et même un mannequin virtuel :

Potoroze_How.jpg

Saluons le travail réalisé sur le moteur 3D (reposant sur une technologie Java) et le rendu photoréaliste des produits (merci à Imazine pour la capture) :

potoroze_3.jpg

Bravo à cette initiative française (cocorico !) et souhaitons-leur bonne chance pour la suite.

Le ROI des RIA

Voilà le billet que j’aurais aimé écrire : The ROI of RIA. Il y est question de l’intérêt des interfaces riches dans une optique d’efficacité marchande : est-ce que ma boutique en ligne transforme mieux grâce aux interfaces riches ?

Vaste question à laquelle l’auteur s’en sort plutôt bien. Son point de vue est de dire que les interfaces trop avant-gardistes présentent un trop gros risque et qu’il est plus prudent d’enrichir certains écrans-clés plutôt que d’opter pour une boutique surréalistes. Certains exemples sont proposés :

  • Le panier “riche” de GAP ;
  • Le check-out process en 1 écran de RueLaLa ;
  • Les quick previews (également utilisées chez GAP) ;
  • La recherche de disponibilité de façon transparente ;
  • L’utilisation du multimédia…

Vous noterez que le point de vue de l’auteur est très proche de celui que nous vous avons présenté lors de notre premier petit déjeuner consacré au rich commerce (cf. la compte rendu).

Sunglass Hut, la Rolls de la boutique en ligne de lunettes

Souvenez-vous, il y a quelques semaines j’avais fais une interview Sheila Dahlgren (la directrice marketing de Scene7), elle nous avait fait une petite visite guidée de Sunglass Hut, une très belle boutique en ligne de lunettes.

A mon tour de vous en faire une visite guidée plus détaillée avec tout d’abord la page catégorie qui est bordée par les options de filtre et de tri, les modes de visualisation et les outils de comparaison / panier :

SunglassHut1_Home.jpg

Vous remarquerez sur le bas de l’écran les zones où il est possible de mettre des articles en glissé-déposé et de lancer une comparaison :

SunglassHut_Compare.jpg

Il y a également une page produit très sobre avec une bonne répartition de l’espace d’affichage :

SunglassHut_Product.jpg

J’adore cette fonction de zoom en pleine largeur de page :

SunglassHut_Zoom.jpg

Il existe également dans le site des rubriques inspirationnelles comme cet assistant de recherche par style de vie :

SunglassHut_Lifestyle.jpg

Pour finir, ces séquences vidéo mettant en scène les articles :

SunglassHut_Expression.jpg

Inutile de chipoter, c’est du très bon bouleau. Pour être plus précis, il est très rare de voir des boutiques en ligne de cette qualité : mise en page, intuitivité, sophistication de l’interface, variété des contenus…

Vive la mise en situation (bis)

Vu chez Hebi Flash cette très belle boutique en ligne polonaise : Ecoworld. La particularité de cette boutique est de proposer des vidéos de l’ensemble de ces modèles de chaussure afin d’illustrer le style et la cassure de la chaussure en situation réelle :

Ecoworld.jpg

Un principe également brillamment utilisé chez MBT pour faire de la pédagogie autour de leurs étranges chaussures à semelle convexe :

MBT.jpg

Deux beaux exemples d’utilisation élégante de la vidéo.

Christian Lacroix & La Redoute

L’approche “beurre et argent du beurre”, vous connaissez ?

L’idée, c’est de garder son site marchand “classique” : catalogue, fiche produit et processus achat, et d’ajouter d’autres sites, périphériques, plus fun, plus expérimentaux, qui renvoie sur le site marchand au moment de choisir un produit.

C’est ce qu’on fait Christian Lacroix et La Redoute, avec ce site :

Image du site Christian Lacroix

Il s’agit d’un univers, bâti autours d’une gamme de produits.

Pour l’internaute, c’est une balade “immersive”, initiatique.

C’est également construit comme un jeux.

Maintenant, il s’agit de mettre en scène des produits, qu’on peut voir :

Image du site Christian Lacroix

Vous l’avez compris, un clic sur “Je craque” et hop, on atterrit sur le site marchand, le vrai  :

Image du site Christian Lacroix

Le site a été réalisé avec Flex.

(merci Michael)