25
juin
2009
Tous les e-commerçants cosmétiques vous le diront, les fiches produit « maquillage » sont de vrais casse-têtes à réaliser.
Il semblerait que chez yves-rocher.fr, plusieurs têtes s’y soient penchées car le rendu est très visuel et complet.

Fiche produit Yves Rocher
Les + :
- De belles et grandes photos :
Les photos sont de très bonne qualité avec la possibilité d’agrandir la photo dans une lightbox. Il n’est pas nécessaire d’avoir plusieurs vues pour des produits de ce type, cependant il est important que vos visiteurs puissent avoir la possibilité de zoomer sur la photo principale afin de mieux pouvoir apprécier le produit et la teinte.
- De l’info à gogo :
Le contenu des fiches produit Yves Rocher est très détaillé et complet : description des bénéfices produit, réassurance qualité (testé sous contrôle…), les + du produit, les conseils d’utilisation, la composition et ses propriétés, performances prouvées… L’information est très bien structurée : Les éléments importants sont mis en gras dans la description principale afin de pouvoir les scanner au premier coup d’œil sans forcer les visiteurs à la lire. Le reste de l’information est relayé sous le bloc prix/ajout au panier, dans des encarts déroulants très astucieux qui permettent de contenir beaucoup d’information sans avoir une fiche produit à rallonge. Ainsi un visiteur averti pourra directement ajouter un produit à son panier après avoir survolé la description principale. Pour les têtes chercheuses en quête de plus d’information, ils pourront naviguer à volonté dans les encarts déroulants pour en savoir plus. Ces encarts peuvent très bien se faire sous forme d’onglets également.
- Un choix facilité :
Avoir un bon rendu de la couleur d’un rouge à lèvres ou d’un fard à paupières est toujours délicat. Ici, deux manières de choisir sa couleur par le nom de la référence (Bleu volubis, raisin noir…) ou en cliquant sur le carré de couleur.
Pour guider l’acheteur au mieux, Yves Rocher met à disposition la possibilité de consulter un « nuancier végétal » avec la photo de l’intégralité des couleurs de la gamme. Dommage qu’on ne puisse pas directement sélectionner sa couleur dans le nuancier :-p
- Des acheteurs rassurés :
A gauche et en bas de la fiche produit, sont présents divers éléments de promotion et d’information : le paiement sécurisé, les frais de livraison, les cadeaux et échantillons gratuits, promotions… Le visiteur est rassuré dès la fiche produit et garde en tête le rappel des bénéfices.
Les – :
Quelques petits bémols (et oui il en faut…):
- Des boutons d’action peu visibles :
Les boutons d’action sont souvent en dehors du premier écran, ceci dû à des descriptions principales un peu longues sur de nombreuses fiches produit. Il serait plus efficace d’avoir les éléments de transformation : quantité / contenance / prix et le bouton d’action, plus haut dans la fiche produit et plus près du visuel. D’autre part, le bouton d’action est en parfaite adéquation avec la charte graphique …mais de fait, il n’est pas assez visible. Il aurait été judicieux de choisir une couleur qui tranche avec le vert de la charte et dédiée au bouton d’action, pour qu’on ne voit que lui.
- Un manque de structure :
Enfin, la structure dans sa globalité est assez flottante, ce qui perturbe la lisibilité. Un meilleur alignement des éléments entre eux aurait apporté un meilleur confort de lecture.
Merci pour cet article, Etant moi aussi dans la cosmétique, je vais me pencher sur ces fiches et peut-être m'en inspirer pour améliorer les miennes. D'ailleurs si vous avez des remarques à faire elles seront les bienvenues.