navigation
H&M enterre la fiche produit sur son site de e-commerce UK
il y a déjà un moment j’ai eu de grosses discussion avec le directeur e-commerce d’un très gros site sur la fin des fiches produits et sur le fait que le quickzoom à la GAP deviendrait un jour le seul moyen d’accèder au produit, terminé la fiche produit où l’on doit recharger complètement la page, attendre, revenir en arrière etc …
A l’époque seuls quelques sites de e-commerce fonctionnaient comme cela, mais le phénomène prend de l’ampleur et certains sites comme American Eagle l’utilisent déjà largement.
Aujourd’hui c’est au tour d’H&M qui existait déjà sur le web dans les pays nordic de montrer l’exemple sur son site de e-commerce Anglais.
La navigation Produit Made in H&M
La navigation produit du site est très particulière car pour passer de la page liste à la fiche produit on passe forcement par une sorte de fiche multi produit (encore une innovation sur le placement du cross-selling).
Bien sûr cette cinématique mise en place du jour au lendemain sur un gros site de e-commerce aurait de gros effets de bord sur le taux de transfo, mais pour H&M qui ne compte pas que sur le e-commerce, la courbe d’expérience peut suivre sa route et les clients se faire prendre au jeu du shopping !
Cette approche de la navigation est aussi très intelligente pour vendre des silhouettes ce qui est essentiel pour certains produits (lingerie) ou business model.
“La fiche produit est morte vive la mini fiche produit“
Expérience d’achat et navigation produit : Four Square Outerwear
Belle découverte avec Four Square Outerwear au détour du web …
Une expérience interactive très riche, une approche du produit très naturelle, une navigation guidée intelligente et présente partout même dans la fiche produit, des outils de composition “outfit” et de belles photos produit … dommage que ce site ne vende pas en ligne …
Une conception pas ordinaire mais très efficace, comme quoi avec des gammes courtes on peut vraiment faire beaucoup de choses. Le parcours produit est à tester en profondeur, un menu normal, mais plusieurs moyens complémentaires de naviguer entre les produits : la navigation guidée, et donc la mini liste de produits en carrousel, le outfit builder, la page de comparaison … très naturel.
et je n’ai pas parlé du design, léger, décalé, identitaire …
Fiche produit avec les déclinaisons de couleurs et le carrousel de produits
Une navigation guidée bien intégrée et dynamique
Une liste produit filtrée avec la navigation guidée
et pour finir le outfit builer qui est réellement un autre moyen de découvrir et browser l’offre
Un système de navigation produit semi-tactile
A mi chemin entre browse goods et window shop, Wesc (we are the superlative conspiracy ) propose une navigation produit vraiment intéressant. Le site ne vend pas en ligne mais je pense que ça pourrait marcher, en tout cas très agréable pour rapidement parcourir une gamme courte.
Navigation – promotions – marques : quelques “petites” idées d’un “petit” site
Dans la série des sites avec de bonnes idées à benchmarker voici www.kow.fr
Sans parler du design qui est relativement discutable, voici quelques idées réutilisable vues sur le site.
Une home page/plan du site, uniquement là pour donner le “goût” et orienter le client. Beaucoup de confusion entre ce qui est cliquable et ce qui ne l’est pas, mais une idée intéressante pour ne pas avoir à faire vivre la page avec 40 animations toutes les semaines.
L’accès au produit et la navigation horizontale sont assez efficace pour mettre en valeur le produit et le plonger dans un univers d’achat, comme la gamme est courte on fait vite le tour de tous les produits.
Mise en avant de promotions : un système de raccourcis permet d’accéder en permanence sur le site aux promotions et/ou mise en avant produit.
Navigation : une navigation guidée simple, facile d’accès et toujours présente sur les produits. Elle accompagne bien la navigation horizontale et forme un petit tableau de bord sous les produits.
Pas de grande révolution sur ce petit site de e-commerce mais une expérience assez plaisante même si je n’ai pas du tout aimé le Design, beaucoup trop lourd et perturbant pour réaliser un achat “serein”.
Autre exemple de navigation enrichie : American Eagle (encore)
Déjà présente sous cette forme depuis longtemps, la navigation d’American Eagle est un voire le seul outil de push du site.
Comme ils n’ont pas de passage obligatoire pas leurs sous home- pages, qui sont d’ailleurs plus immersives que business, la navigation devient donc l’élément central de la shopping experience du site.
En dehors des catégories de produits, on retrouve les mini boutiques, les nouveautés, les exclus, le destockage et même un push produit.
A l’usage c’est très pratique, même si parfois la barre de nav prend bcp de place.
Le gros moins c’est que cela empêche toute sous catégorisation de produits. Dans ce cas ce n’est pas un problème car AE à une gamme très courte sur son site, mais du coup le modèle peu être difficilement transposable.
C’est d’ailleurs le cas chez 3 suisses qui utilise les 2 systèmes car ils avaient besoin de donner accès à des sous catégories. Du coup c’est beaucoup moins efficace. Ce n’est pas le cas chez asos, chez eux on bascule directement sur la navigation guidée qui est encore une autre démarche.
Un dernier pour la route …. Conforama, l’absolutiste de ce système, un peu trop à mon goût, sans doute efficace, et encore trop de choix.
Mais surtout complètement destructeur pour l’expérience shopping.
Une fois dans l’offre il est très difficile de naviguer transversalement on doit toujours repasser par cet énorme menu et sans navigation guidée le système est peu agréable.
Target qui utilise le même système de menu y a quand même joint une navigation guidée.
Le Drivecast e-commerce
