Quand on est dans le e-commerce, on passe nécessairement son temps à regarder, analyser, disséquer des sites.
Soyons honnête : assez peu de site sortent du lot…
Alors le site d’Estée Lauder, il faut aller y faire un tour quand on a le blues, pour se remonter le moral, et voir un site très bien fait :
Euh, petit détail : il s’agit du site américain, et pas du site Français.
D’ailleurs, difficile d’aller sur se site : le serveur détecte que le client à une IP Française, et vous redirige illico vers le site Français… Bien moins intéressant…
Donc le site US :
Dès cete page, ce qui est remarquable, c’est le mix entre l’annimation marketing, très présente (les grosses photos pour mettre en avant des produits ou des gammes) et la structure, le « template » : plutôt dépouillé, le site respire, et l’emplacement de chaque zone, bien à sa place, bien visible.
Autre point clé : les catégories, à gauche :
Dans ce menu, les catégories (FACE, EYES, …) ne sont pas cliquables !
Seuls les sous catégories sont cliquables.
Pourquoi ce choix ?
Mais c’est simple : pour gagner un clic ! Cela permet de conduire le client plus vite vers les pages produits.
Les pages intermédiaires font en général bien plaisir aux équipes marqueting mais les chiffres sont là : moins il y en a, et plus le site transforme !
Autre point clé : la barre de menu, en haut.
Quand on clique sur un item, le menu se déroule, pour afficher une large zone :
Là aussi, on est loin de ce qu’on peut voir habituellement…
L’espace est clair, dégagé.
Comme pour la liste des catégories a gauche, seuls les sous catégories sont cliquacles.
Enfin, le bas du menu est un espace de publicité, avec une belle image du produit, et un lien pour aller l’acheter directement !
La page « liste des produits » est également très bien faite :
Ici, la qualité est au niveau de la mise en scène de chaque produit : remarquez les photos des rouges à lèvres, qui « sortent du cadre » !
Ah, nous voici sur la page produit :
Comme sur bien des sites, on est sur une mise en page « pleine largeur », de manière à bien mettre en avant le produit.
La déclinaison des couleur est bien gérée, avec un nuancier clair et surtout une grande image de la couleur.
Je pense que le site pourrait encore gagner en visibilité avec un bouton « add to bag » plus visible.
Voilà au final un bien beau site ! Beaucoup pourraient prendre exemple…
ARAOK! conseille les entreprises qui souhaitent améliorer leur performance sur Internet.
ARAOK! accompagne ses clients dans leurs projets e-commerce, aide à faire les bons choix et à suivre le déroulement des projets
« Les pages intermédiaires font en général bien plaisir aux équipes marqueting mais les chiffres sont là : moins il y en a, et plus le site transforme ! »
A mon humble avis, ces pages intermédiaires absentes auraient pu être très bien référencées naturellement et apporter pas mal de trafic. Sur l’aspect performance : gagner en nombre de clics n’est pas une fin en soi si chaque clic de l’utilisateur contribue un peu plus à l’impliquer. Il nous arrive d’ailleurs fréquemment de constater des performances supérieures avec des process plus longs en nombre d’étapes mais mieux structurés en terme de persuasion.
Cela dit, le site semble à première vue très propre et bien ficelé.
7 avril 2009 @ 9:10
C’est rare de voir un homme parler aussi bien de rouge à lèvres ^^ Plus sérieusement, ce site est une merveille pour l’internaute, navigation fluide et intuitive, pas de surcharge. La part belle est faite aux visuels et aux produits complémentaires, conseils beauté, looks maquillage… Bref que du bonheur. Ma page préféréee, celle des « How-to » Videos ! On est au coeur d’un contenu hautement interactif.
7 avril 2009 @ 9:47
Effectivement, très bien fait pour l’internaute, tant au niveau de la navigation que de la présentation des produits. Par contre, il reste un gros travail au niveau du référencement naturel, on est très loin de l’excellence à ce niveau et c’est quand même une source de trafic non négligeable. Même pour une grande marque, le nom ne suffit pas pour faire venir du monde.
7 avril 2009 @ 11:11
@Thomas
Le site Estée Lauder présenté ici est le site US. Il faut donc l’appréhender dans le contexte du e-commerce nord-américain.
L’internaute US va direct à l’achat, et toute étape visant à le ralentir, fait inéluctablement baisser les taux de transformation.
Je pense que ce que tu constate est valable pour des sites e-commerce européens, pour lesquels l’internaute peut effectivement apprécier d’être instruit et impliqué avant d’acheter.
7 avril 2009 @ 12:35
En effet le site a l’air très réussi.
Comment faites-vous pour voir le site US ? Je suis passé par un proxy virtuel américain mais l’affichage n’est pas optimal. Un tuyau ?
Merci François pour nous faire découvrir tes coups de coeur !
7 avril 2009 @ 17:37
@Benjamin> Je ruse
J’utilise Google, et je recherche à l’intérieur du site un produit ou une catégorie.
Je lance une commande du type :
site:esteelauder.com lipstick
Et j’obtiens bien une URL interne du site, qui n’est alors pas redirigée vers le site français, comme :
http://www.esteelauder.com/product/supercat/skincare.tmpl?CATEGORY_ID=CAT681
7 avril 2009 @ 17:56
Merci François, ça marche
Il me semble que la redirection vers le .fr ne se fait que sur la page d’accueil.
Tant qu’on ne clique pas sur le logo en haut de page, on reste sur le .com.
Merci !
7 avril 2009 @ 18:03
Hé, les pros du web : au bas de la homepage esteelauder.fr, il y a une liste déroulante « Sélectionnez un pays » qui permet de se rendre facilement sur le site US !
Bon, c’est vrai que c’est aussi sympa parfois de se faire des petites émotions en passant par la fenêtre…
7 avril 2009 @ 19:28
@Christophe> Bien vu ! Mais pourquoi faire simple quand on peut faire compliqué ?
7 avril 2009 @ 19:44