Blog Ecommerce, ergonomie, open source

La parité hommes-femmes est respectée chez Sugagloss

Ne boudons jamais notre plaisir lorsque l’on tombe sur un beau ecommerce en Flash, même si le Flash (on l’a dit plein plein de fois), c’est pas génial-génial pour le référencement, que c’est long à télécharger et blablabla et blablabla. Là, justement, Sugagloss.co.uk un site réservé au plaisir… des hommes et… des femmes (ah, ça y est, vous avez déjà cliqué sur le rayon femmes, bande de petits obsédés). Oui, mais il faut reconnaître à ce site qu’il est plutôt bien foutu et que naviguer dessus déclenche une véritable joie (comme chez Béhème) que seule une bonne interactivité en Flash peut permettre (mais pas toujours que le Flash comme le montre l’article sur Rolex par Fred Cavazza).

Alors, Flash ou pas Flash ? Oui, mais à condition que :

1) la navigation en devienne vraiment plaisante

2) les vitesses de téléchargement soient rapides (ce qui n’est pas toujours le cas sur Sugagloss)

3) que l’ergonomie ne souffre pas trop de la créativité des graphistes

Amusez-vous bien !

Via CartCraze

Présentation de la nouvelle boutique Levi’s et de son interface très très riche !

Cliquez sur les produits pour les voir à l'endroit, à l'envers... Simple, mais astucieux !

Vous connaissez ma propension à m’enflammer pour des petites formes moulées dans des jeans. Avec la nouvelle boutique Levi’s, réalisée par l’agence Duke Interactive, je suis servi. Voilà une boutique qui a tout d’une grande (vraie) boutique, tant l’expérience client de la marque y a été retranscrite (premier point) et tant la fusion entre déambulation et recherche, les 2 modes de navigation principaux des acheteurs en ligne, y ont été mixées (deuxième point). Voyons voir en quoi.

Musique l’artiste !

C’est rare et c’est bien de le signaler, la musique de la boutique en ligne de Levi’s est réussie et elle n’est pas casse-pied au point qu’on ait envie de la débrayer à peine la première page affichée. Elle pose un ton, un style, propre à la marque, exactement comme dans une boutique de la vraie vie.

Navigation soignée

La présentation des produits est faite en mosaïque et est pleine de petites astuces :

• cliquez sur un produit et vous pourrez afficher la face que vous ne voyez pas
• plusieurs modes d’affichage sont possible, dont 1 mode par « hauts » et « bas » vraiment pratique qui permet de composer des ensembles et de les ajouter en une fois au panier. Il est également possible d’afficher les produits « portés » ou en « vides habités ». Pratique pour pouvoir vraiment apprécier la coupe d’un jean sous tous les angles.

Les mêmes produits peuvent être vus en "vide habité" ou "portés". Pratique pour mieux se rendre compte de la coupe.

La fiche produit n’est pas en reste. Puisque plusieurs modes de zoom sont permis et chaque produit bénéficie d’au moins deux ou trois vues. Mais ce qui est vraiment « top », c’est la version animée disponible sur certains produits uniquement qui permet presque de le « toucher ». Le tout avec des photos d’ambiance qui retranscrivent vraiment bien l’esprit de la marque.

Génial le zoom produit en ambiance !

Ajoutez à cela une rubrique « Tenue phares » où il est possible de faire défiler les mannequins et de les manipuler comme des Action Man (ou Barbie ou Action Joe ou Big Jim, comme vous voulez) et vous aurez une idée du niveau de détail qui a été atteint dans le travail de cette interface.

Jouez à la poupée Barbie dans la rubrique Tenues Phares

Allez ! Il y aurait énormément de choses à dire sur eu.levi.com. Des aspects communautaires à l’intégration de contenus éditoriaux en passant par l’information sur les revendeurs en mortar, je trouve l’ensemble plus que parfait même si la profusion de Flash avait parfois tendance à faire ramer mon PC. Voilà bien un site de marque qui devrait en inspirer plus d’un !

PS : je mets vraiment une mention spéciale à la bande-son qui s’écoute comme une web radio sur Deezer

Découvrez comment un produit peut être mis en valeur grâce au Flash et comment s’articule l’art de la séduction avec celui de la persuation sur Coteetciel.com

Sur la page d'accueil de coteetciel.com, les produits sont mis en valeur par une animation en Flash

La page produit offre plus de détails s'adressant à la raison et doit précipiter le choix de l'utilisateur

Doit-on séparer, fusionner, placer côte à côte la partie contenu d’un site e-commerce et sa partie commerciale ? Autrement dit, de quelle manière doit-on articuler ce qui relève purement de l’art de la séduction autour d’un produit et sa page produit elle même qui, elle, doit afficher des faits précis et s’adresser à la raison de l’internaute pour le faire passer dans l’acte d’achat et le transformer en acheteur ?

Du Flash pour mettre en valeur

Je suis tombé ce matin sur cet exemple intéressant de Coteetciel.com, spécialiste de housses pour Mac, qui, pour mettre en valeur sa dernière gamme utilise une mise en scène en Flash très élégante, très sobre et assez séductrice. Dès l’arrivée sur le site, on est séduit par une animation aquatique qui suscite l’intérêt et capture l’attention. Puis un menu apparaît permettant de choisir entre découvrir une gamme de housse ou bien se rendre directement à la boutique.

Un clic sur « Sleeves » et voilà les housses qui apparaîssent comme en rêve dans des fondus enchaînés lent sur fond noir liquide baignés dans une musique douce et envoûtante. Chaque housse peut-être regardée sous plusieurs angles en gros plan et presqu’en full-screen. De là, il ne reste plus qu’à se rendre à la boutique pour acheter.

Un exemple simple de séparation de l’art de la séduction et de celui de la persuasion

Voilà un exemple simple de séparation de la présentation d’un produit d’avec sa fiche produit et je trouve cette manière de faire intéressante puisqu’elle prend vraiment en compte les différents comportements de l’internaute lors de son désir d’achat : découverte -> séduction -> argumentation -> acte d’achat.

Quelques regrets cependant :

• Une navigation pas très instinctive : pas de possibilité de passer directement d’une housse présentée en page d’accueil à sa fiche produit (ou alors, je ne l’ai pas vu, ce qui revient au même)
• Une affordance des liens médiocre. On ne sait jamais vraiment où cliquer et les actions corrélées ne sont pas intuitives
• Pas de contenus textes, pas d’histoire autour des housses : « comment les housses sont-elles fabriquées ? A la main ? Par des artisans fiers de leur métier ? Avec des matériaux nobles et écologiques ? » A ce sujet, je vous conseille d’ailleurs de lire cette histoire édifiante : Can Copy Create (added) Value On Its Own?. On y découvre comment « une histoire » autour d’un produit peut faire s’envoler ses ventes.
• Que se passe-t-il si l’utilisateur n’a pas le bon plugin ?

Il est rare de voir ce genre de procédé mis à l’oeuvre par de petites sociétés. Pourtant Cote et Ciel montre qu’avec une simple animation Flash, on peut faire rêver. Qu’en pensez-vous et avez-vous d’autres exemples à partager sur le même sujet ?