WEB DESIGN

20 exemples de fiche produit réussies

Dans cet article, nous allons passer en revu la composition d’une fiche produit mais aussi analyser 20 fiches produits des sites e-commerces les plus connus du moment.

Anne-Laure CompainAnne-Laure Compain

Anne-Laure Compain

Web designer chez Snoweb
Publié le 31 mars 2022 (Mise à jour le 20 mai 2022)


1. Qu’est-ce que c’est une fiche produit ?

Revenons sur les bases, la fiche produit existe depuis des décennies ! Autrefois imprimée sur papier, la fiche produit regroupe toutes les caractéristiques d’un produit et met en avant ses atouts. De nos jours, les fiches produits sont toujours disponibles sur papier dans les magasins, mais on en voit de plus en plus en ligne sur les e-commerces.

Un client ne va pas acheter un produit mais l’idée que ce produit va améliorer sa situation. En d’autres termes, il n’achète le produit que parce qu’il va répondre à un de ses besoins. Il est donc seulement intéressé par ce qu’il peut faire avec le produit.

La fiche produit existe pour que l’utilisateur puisse avoir des informations sur le produit qu’il souhaite acheter. C’est pourquoi, faire une fiche produit n’est pas une tache anodine, elle doit répondre à certaines exigences rédactionnelles.

Les caractéristiques d'un produit à mettre en avant sur une fiche produit

TECHNIQUE

Les caractéristiques techniques vont regrouper la composition du produit, son poids, ses dimensions, sa forme, sa couleur, son mode de fabrication, ses performances ou encore comment il fonctionne.

COMMERCIAL

Les caractéristiques commerciales sont le prix, les diverses promotions, le mode et le délais de livraison, les garanties, les avis client, le service après-vente et enfin l'assistance.

MARQUE

Les caractéristiques de la marque sont sa notoriété, son image de marque, son ancienneté, sa ville d'implantation et de production, la quantité de produit fabriqués et enfin le respect des normes.

Il ne faut pas oublier que la fiche produit est peut-être la première chose que le client va voir d’une marque. Elle doit faire bonne impression ! La fiche produit reflète une marque. C’est pourquoi, elle peut être minimaliste ou au contraire très chargée ! Cela dépend de l’identité de la marque. Elle doit aussi respecter les contraintes de la charte graphique et afficher le logo de la marque.


2. Les 20 exemples de fiche produit réussies

2.1 Exemple de fiche produit 1 : Respire

Respire est une entreprise française. Elle conçoit et vend des produits d’hygiène naturels, végan et solides. Ils sont fabriqués en France.

fiche-produit-respire

✅  Il y a tous les éléments essentiels à une fiche produit sur les fiches Respire et sont bien mit en avant.

✅  Le bouton d’ajout au panier est d’une couleur vive et l’aspect promotionnel juste au-dessus attire grandement le regard.

✅ Les avis sont mit en avant et il est aussi indiqué le nombre total d'avis. Aussi, si on clique sur le nombre d'avis, cela nous permet de directement lire les avis, très pratique !

✅ Les points forts du produit sont affichés sous forme de liste avec des illustrations à côté. C'est très visuel et compréhensif.


2.2 Exemple de fiche produit 2 : Lush

Lush est une marque anglaise de cosmétique et de produits pour le corps. Ils font principalement des produits solides.

fiche-produit-lush

✅  La photo du produit est grande et attire le regard. On peut aussi retrouver une miniature du produit sur la partie droite. Cela permet de voir à quoi ressemble le produit.

✅  La description du produit se trouve sous la photo et donc en dessous de la ligne de flotaison. Cela implique que l’on doit scroller dans la page pour lire la description. Il aurait été judicieux de mettre une petite description succincte à droite de l’image produit.

❌  Le prix indiquant "à partir de" porte à confusion. En général, cette notion est mise lorsqu'on a le choix entre deux tailles ou deux contenances et que l'une est plus cher que l'autre mais ici rien de tout ça.


2.3 Exemple de fiche produit 3 : Darty

Darty est une entreprise française qui vend des produits d'électroménager, de électronique et des produits culturels.

fiche-produit-darty

✅  Le bouton ajouter au panier est très visible. De plus, le rouge est une couleur qui augmente la fréquence cardiaque et va susciter un sentiment d’urgence, forçant presque l’utilisateur à cliquer.

✅  La mise en avant des points forts se fait sous forme de liste. C’est très futé ! Un texte est plus facile à lire sous forme de liste que sous forme de paragraphe. L’internaute va donc avoir envie de les lire.

✅  Le prix des assurances est bien mit en avant et c'est clair. Pareil pour les retours et la livraison. Cela rassure l'acheteur et il est donc plus apte à ajouter le produit au panier

❌  La fiche produit est chargée visuellement avec beaucoup de couleurs


2.4 Exemple de fiche produit 4 : Gemmyo

Gemmyo est une entreprise française créatrice de bijoux haut de gamme. Elle les fabrique, les vend sur internet mais aussi en boutique.

fiche-produit-gemmyo

✅ L'image de la bague et sa galerie prend plus de la moitié de la page. Gemmyo choisit de mettre en avant ses produits avec de belles photos où le produit est mis en valeur.

✅ La partie variable de la fiche produit est bien travaillée pour permettre à l'acheteur de savoir e qu'il achète et la différence de prix que cela implique.

✅ Lorsqu'on défile dans la page, on retrouve des mises en situation du produit en photo et en vidéo. Et ensuite plus de détail sur le produit. C'est clair et très instructif pour l'acheteur.

❌ Le prix du produit n'est pas assez mit en valeur. Il est "coincé" entre le titre et les options de financement. C'est dommage.


2.5 Exemple de fiche produit 5 : La Fnac

La Fnac est une enseigne française qui vend des livres, de la musique, du petit électroménager et de l'informatique.

fiche-produit-fnac

✅ Le titre peu paraître très peu compréhensif pour certaines personnes, mais il est parfait ! L'acheteur qui recherche ce type de produit connaît ses spécificités et ce titre va lui parler.

✅ Vous avez vu le petit lien "Questions et réponses" en haut à gauche, sous le titre ? C'est bien de mettre ça. L'acheteur a donc rapidement accès à la fois aux avis mais aussi à une FAQ sur le produit. Cela peut permettre de dissiper tous ses doutes.

✅ La Fnac propose pour ce produit plusieurs actions pratiques pour l'utilisateur : l'ajout aux favoris, l'ajout au comparateur, le partage du produit et enfin l'activation d'une alerte pour lui indiquer quand le produit sera à nouveau disponible.

✅ Ici, le stock est épuise, pas de chance pour nous ! Par contre on voit très clairement grâce à la couleur verte que le produit est disponible en magasin, alternative parfaite !

❌ Les images du produit sont assez petite et de mauvaise qualité.


2.6 Exemple de fiche produit 6 : Cdiscount

Cdiscount est un e-commerce français qui propose tout type de produits.

fiche-produit-cdiscount

✅ Chez Cdiscount tout est dit dans le titre : marque, objet, nom, taille, matière, couleur et spécificité. Vous savez pourquoi c'est ainsi ? Pour le référencement naturel et permettre de bien classer sur les moteurs de recherche le produit et aussi sur le moteur de recherche de Cdiscount..

✅ Lorsqu'on arrive sur la page, la première chose que l'oeil va voir c'est le prix et, en soit, c'est ce que veut savoir non ? Et juste en dessous les facilités de paiement

✅  En bas à droite de l'écran est apparu une fenêtre de messagerie instantanée pour m'aider lors de mon achat. Cette fenêtre est apparue au mois de 30 secondes passées sur la page.


2.7 Exemple de fiche produit 7 : Les Mini Mondes

Les Minis mondes est une entreprise française qui propose pour les enfants des jouets éco-responsables fabriqués à partir de plastiques recyclés.

fiche-produit-les-minis-mondes

Il y a un peu de tout sur cette page produit, mais surtout de bonnes choses !

✅ La description du produit est détaillée et permet de bien expliquer le produit et la matière avec laquelle il est fabriqué

✅ Les avis qui se trouvent sous le titre sont récupérer via Trustpilot, un site qui enregistre et stock les avis des clients. En ayant les avis de ce site, l'acheteur est convaincu qu'ils sont réels et vérifiés.

✅ Les éléments de réassurance sont bien mit en valeur et haut dans la page, cela implique que l'acheteur va les lire juste après avoir vu le prix.

✅ Lorsqu'on défile dans la page, il se passe quelque chose de très très intéressant ! Le bouton ajouter au panier se retrouve dans une bannière fixe en bas de l'écran. Cela implique que peu importe ou l'on se trouve dans la page, on peut ajouter le produit au panier.

❌ Les deux boutons du choix du van sont plus important que le bouton ajouter au panier et visuellement ils ont plus d'importance. Ça aurait dû être l'inverse.

❌ Les avis client ne sont pas assez visibles, à cause, de leur fond vert.


2.8 Exemple de fiche produit 8 : Carrefour

Carrefour est une des grandes enseignes d'alimentaire française.

fiche-produit-carrefour

✅ Le bouton "Acheter" est accompagné d'un icône panier. C'est une bonne pratique qui aide l'acheteur à identifier le bouton.

✅ On retrouve toutes les données obligatoires pour un produit alimentaire : valeurs nutritionnelles, ingrédients, nutriscore et conservation

✅ Sur le coté, cette section de page avec écrit en gros "Votre panier est vide" incite grandement l'acheteur à faire ses courses.


2.9 Exemple de fiche produit 9 : La Redoute

La Redoute est une marque française de vente en ligne de vêtement, linge de maison et décoration.

fiche-produit-la-redoute

✅  Possibilité d'ajouter le produit aux favoris

❌ Le descriptif du produit se trouve en bas de page. Il y a un lien sur le haut de la page pour y accéder, mais cela reste compliqué pour l'acheteur d'y accéder. C'est le genre d'information qu'il doit retrouver au premier coup d'oeil.


2.10 Exemple de fiche produit 10 : Veepee

Veepee est une entreprise française qui propose de la vente de produits de marque sur de courtes durées.

fiche-produit-veepee

✅  La couleur du bouton d'ajout au panier est la même que pour le prix. C'est judicieux comme choix car ces deux éléments vont de pair.

✅  La promotion, de couleur verte est très visible. Le prix avant promotion barré aide aussi à se rendre compte de l'importance de la promotion.

❌ La description du produit ne se trouve pas en haut de page mais sous les informations de livraison et les produits similaires.


2.11 Exemple de fiche produit 11 : Decatlon

Décatlon est une grande chaine française qui vend du matériel de sport.

fiche-produit-decatlon

Je vous ai mis la fiche produit entière pour Decatlon parce que vous allez vois, elle coche toutes les cases !

✅  Le titre est simple et clair. Il reprend les données importantes du produit. À savoir "veste", "chaude", "ski" et "noire".

✅  Le prix est en couleur noire sur fond jaune avec une police d'écriture grasse donc très visible.

✅  Les avis sont haut dans la page et un lien amène l'acheteur vers tous les avis écrits.

✅  Le bouton d'ajout au panier n'est pas actif si l'acheteur n'a pas choisi la taille du vêtement. Cette pratique permet à l'acheteur d'être sûre d'ajouter au panier la bonne taille.

✅  Le texte juste en dessus du choix de la taille "Taille convenu (83%)" va rassurer l'acheteur car il va savoir que la veste taille correctement. Il ne va pas devoir réfléchir à quelle taille il doit prendre pour qu'elle lui aille.

✅  Ensuite on retrouve les avantages du produit expliqués de manière simple et illustrés par des illustrations.

✅  S'en suit toutes les informations techniques, de composition, d'entretien, les produits similaires et les avis.

✅  La galerie d'image et de vidéo est très attractive avec ses grandes images ! Elle permet de voir le produit en action.

✅  Decatlon vendant des produits pour le sport et la nature, ajoute en fin de ses fiches produit l'impact environnemental de son produit. Pourquoi ils le font ? Et bien tout simplement parce que leur cible veut savoir ce genre de choses.


2.12 Exemple de fiche produit 12 : Bulk

Bulk est une marque anglaise qui propose de la nutrition sportive, pour les grands et les petits sportifs.

fiche-produit-bulk

✅ Sur cette fiche produit tout est condensé sur le haut de la page.

✅ Tout le site est noir et blanc donc les éléments de promotion et d'ajout au panier, respectivement de couleur rouget et vert sont très visibles.

✅ Les images du produit sont très esthétiques et épurées. Comme tout le reste du site d'ailleurs.

✅ Une pop up de messagerie instantanée est apparue en bas de l'écran afin d'aider l'acheteur dons son achat.

❌ Le poids du produit prend énormément de place, il aurait pu être mis comme la saveur. On aurait donc pu utiliser cette place gagnée pour ajouter une courte description du produit.


2.13 Exemple de fiche produit 13 : Leroy Merlin

Leroy Merlin est une chaine française de magasins de bricolage et outillage.

fiche-produit-leroy-merlin

✅ Chez Leroy Merlin les produits sont bien mit en avant, avec de belles photos et de belles mises en situation du produit.

✅ Pour cet exemple de cuisine, sur le côté droit de l'image, on retrouve tout sa composition. On peut donc ici la modifier, ajouter des éléments ou en enlever.

✅ Grâce à sa couleur verte, on voit clairement le bouton d'ajout au panier et le détail de la livraison.

✅ Sous le panier, son retrouve aussi un encart indiquant les modalités de pose de la cuisine chez l'acheteur. Pour ce type de produit, lourd et compliquer à installer, l'acheteur à besoin d'avoir cette information.

❌ Pour un produit comme une cuisine, avec un sélecteur de quantité n'est pas forcément nécessaire, ils devraient faire comme Ikea !


2.14 Exemple de fiche produit 14 : Ledger

Ledger est une startup française qui vend des portefeuilles de cryptomonnaie.

fiche-produit-ledger

✅ Chez Ledger, on voit la vie en orange ! Et c'est parfait vu que cette couleur reflète la joie, la vitalité et l'avancement.

✅ Cette fiche produit est simple mais elle se suffit à elle-même.

✅ Le nom du produit est très lisible et la courte description dit juste ce qu'il faut.

✅ Le choix de la quantité et le bouton d'ajout au panier sont clair et très visibles.

✅ Le fait que le bouton du panier soit de la même couleur sur le fond de la photo le rend encore plus visible.

✅ L'indication de la livraison offerte rassure l'acheteur. Il en va de même pour les avis.


2.15 Exemple de fiche produit 15 : Le Slip Français

Le Slip Français est une marque française de vêtements fabriquée en France.

fiche-produit-le-slip-francais

✅ La galerie d'image est imposante et présente sous toutes ses coutume le produit.

✅ La partie de droite reste fixe lors du défilement de la galerie. C'est intéressant parce que l'acheteur à toujours les informations importantes à vue quand il découvre les images du produit.

✅ L'élément le plus visible de la partie de droite est la notion "En stock", primordial pour que l'acheteur est envi d'acheter.

✅ Les notions de produit local et fabriqué en France sont de forts éléments de réassurance pour l'acheteur.0

❌ La description comporte beaucoup de zones vides, on se demande pourquoi. C'est de la place de perdue.

❌ Il est indiqué que le haut de pyjama est à associer avec un bas spécifique mais, nul part, on voit se bas ou un lien pour l'acheter. Même pas dans les produits similaires.


2.16 Exemple de fiche produit 16 : Kuksa Shop

Kuksa Shop est un site français qui propose à la vente d'authentiques tasses en bois faites à la main en Finlande.

fiche-kuksa-shop

✅ Sur cette fiche produit, tous les éléments importants sont au-dessus de la ligne de flotaison. Cela signifie qu'ils sont visibles sans avoir à scroller dans la page.

✅ La galerie d'image est composée de 8 photos ce qui permet de voir le produit sous tous ses angles.

✅ Le nom du produit indique les notions importantes : nom de la tasse, ce que c'est et enfin sa capacité

✅ Les avis sont mit en avant avec des étoiles vertes donc c'est visible.

✅ Les trois notions sous la galerie de photo sont de forts éléments de réassurance pour l'acheteur, ça le rassure dans son achat.

✅ La notion "en stock" est importante tout comme la description, la qualité et la capacité du produit. Elles permettent à l'acheteur de s'assurer de l'authenticité et de la qualité du produit.

❌ Il n'y a pas de lien à côté des avis pour inciter l'acheteur à lire les avis écrits.

❌ Il n'est pas possible de choisir une quantité à acheter. Cela doit sûrement se faire au niveau du panier. C'est assez gênant pour l'utilisateur, surtout s'il veut ajouter plusieurs articles en plusieurs quantités. Cela lui fait faire de nombreuses manipulations.


2.17 Exemple de fiche produit 17 : Lacoste

Lacoste est une entreprise française spécialisée dans le prêt-à-porter.

fiche-produit-lacoste

✅ Lors du défilement dans la page, une bannière vient se fixer en bas de l'écran incitant l'acheteur à mettre le produit au panier. Très astucieux !

✅ Le bouton ajouter au panier prend toute la largeur de la section à droite. Il est imposant et très visible.

✅ Lorsqu'on arrive sur la fiche produit, un petit encart s'affiche en bas de l'écran pour nous présenter une offre du moment. C'est à la fois discret et intrusif.

❌ Le titre et le prix sont trop petits. Ils ne se remarquent pas dans la page.


2.18 Exemple de fiche produit 18 : Ikea

Ikea est une grande chaine de magasins suédois qui propose du mobilier et de la décoration.

fiche-produit-ikea

✅ Un bouton d'ajout au favoris permet d'ajout le produit dans une liste de souhaits

✅ La couleur bleue du bouton d'ajout au panier attire le regard et incite à cliquer

✅ Les nombreuses photos du produit permettent de voir beaucoup de détails et des mises en situation.

✅ Sur le côté droit, on peut choisir différentes tailles et couleurs pour le produit. Au clic, cela ouvre une fenêtre sur le côté de l'écran. Simple et efficace.

❌ Il n'est pas possible de choisir une quantité à acheter. Cela doit sûrement se faire au niveau du panier. C'est assez gênant pour l'utilisateur, surtout s'il veut ajouter plusieurs articles en plusieurs quantités. Cela lui fait faire de nombreuses manipulations. Cependant pour de gros articles comme un lit ou une armoire ce n'est pas dérangeant.


2.19 Exemple de fiche produit 19 : Mano Mano

Mano Mano est une entreprise française qui vend en ligne des produits de jardinage, de bricolage et de décoration.

fiche-produit-mano-mano

✅ Mano Mano mise fortement sur son encart "Bon à savoir". Se sont des éléments essentiels pour l'acheteur car il sait que le produit est disponible et que, s'il l'achète il pourra l'échanger s'il ne convient pas.

✅ Les différents moyens de paiement sont indiqués ainsi que la facilité de paiement juste en dessous du bouton acheter. Ces termes vont aider à passer à l'action.

❌ Les images du produit sont assez petites.


2.20 Exemple de fiche produit 20 : Petit bateau

Petit Bateau est une marque française qui vend du prêt-à-porter pour les bébés et les enfants.

fiche-produit-petit-bateau

✅ La disposition de la fiche est clair et simple malgré quelques éléments à revoir comme la couleur et la taille des éléments.

✅ La galerie photo met bien en valeur le produit et le zoom sur les images permet de mieux voir les détails.

❌ Les boutons ne sont pas assez lisible. Le fond gris clair avec le texte en blanc n'apportent pas assez de contraste pour que l'oeil les discernent bien.

❌ Le prix n'est pas assez mit en valeur

achat en ligne

3. Quelques statistiques sur la vente en ligne

Et si on faisait une pause statistiques. Depuis 2015, le nombre de personnes en France qui achètent en ligne est en hausse permanente. En 2020, on dénombre 41,6 millions de Français qui achètent sur internet. C’est 1,5 million de plus qu’en 2019.

41,4%des acheteurs achètent depuis leur mobile

84,6%des acheteurs achètent depuis leur ordinateur

90%des acheteurs ont entre 25 et 49 ans

80%des transactions se font avec un paiement par carte bancaire

80%des livraisons se font à domicile

65%des livraisons de sont en point relais

Ce que nous dévoile ces statistiques

Vous allez constater que créer un e-commerce n’est pas chose simple, car la concurrence est rude. Les fiches produits ont donc d’autant plus d’importances ! Elles doivent donner envie d’acheter, se démarquer des autres et extrêmement bien vendre le produit. Mais pas que ! Elles doivent aussi réconforter l’acheteur avec des avis ou des moyens de paiement sécurisés par exemple.

En 2021, il y avait 177 000 site e-commerce en ligne. Avec dans le top 5 :

  • Amazon
  • La Fnac
  • Cdiscount
  • E.Leclerc
  • Veepee anciennement Vente Privées

Autres statistiques intéressantes, c’est ce que veulent acheter les clients ! On se rend compte que certains produits sont plus achetés en boutique qu’en ligne comme par exemple les produits de jardinage et de bricolage. Contrairement aux vêtements qui eux font plus de la moitié de leurs ventes en ligne.

Dernier point, en 2021, le panier moyen d’un acheteur en ligne est de 61€ soit +2,6% par rapport à 2019.

Tout cela nous montre qu’aujourd’hui les clients sont prêt à acheter des produits en ligne. Mais le marché étant tellement concurrentiel que les boutiques en ligne se doivent d’être les plus sécurisées et réconfortantes possible.

Source Médiametric - Observatoire des usages Internet T4 2020


4. Comment bien construire une fiche produit ?

Voici ci-dessous un exemple de fiche produit que je vous propose. Et nous allons la décortiquer ensemble ! Vous pourrez remarquer que je vous présente une version web et une version mobile ! Et si vous avez bien lu les statistiques juste au-dessus vous savez pourquoi j'ai fais ça.

Voici les éléments qui constituent une fiche produit

les éléments qui constituent une fiche produit
L'image principal doit clairement montrer le produit et les secondaire l'utilisation du produit

IMAGE & DÉCLINAISONS

Le texte descriptif doit être clair, unique et sans fautes ! Il doit raconter une histoire captivante.

DESCRIPTION

les éléments qui constituent une fiche produit
Les variable représentent le choix de la couleur, de la taille, du format, de la contenance...

VARIABLES

Le prix doit être indiqué en gros et clairement. Il faut aussi indiquer clairement les promotions et leurs conditions.

PRIX

les éléments qui constituent une fiche produit
Aujourd'hui tout fonctionne avec les réseaux sociaux. Il faut proposer au client de partager votre produit à ses contacts.

PARTAGE

Les éléments de réassurance sont là pour rassurer l'acheteur. Avis clients, produit en stock, retour et livraison, satisfaction...

RÉASSURANCE

les éléments qui constituent une fiche produit
Le bouton ajouter au panier peut avoir différents textes : acheter, j'achète, acheter maintenant, commander ou encore mettre dans le panier.

AJOUT AU PANIER

Les moyens de paiements doivent être indiqués et la mention "paiement sécurisé" rassurera l'acheteur. Ils doivent être variés pour satisfaire tout le monde.

PAIEMENTS

les éléments qui constituent une fiche produit
Il faut aider l'acheteur et lui fournir des informations de qualité sur l'entretien, la conservation, le fonctionnement...

CONSEILS

Les produits recommandés, souvent en bas de la fiche produit vont permettre à l'acheteur de faire un achat complémentaire.

PRODUITS RECOMMANDÉS

les éléments qui constituent une fiche produit
Souvent oubliée, la vidéo de présentation du produit permet et mieux le visualiser et de le voir en pleine utilisation.

VIDÉOS

Pas obligatoire mais très pratique pour l'acheteur, l'ajout aux favoris permet de sauvegarder un produit pour l'acheter plus tard.

FAVORIS

fiche-produit-casque

Je souhaiter créermon e-commerce

Inscrivez-vous à notre newsletter e-commerce

Recevez les dernières nouveautés et astuces sur les e-commerces directement dans votre boite e-mail.

Partager cet article sur les réseaux sociaux

Nos derniers articles sur le e-commerce

Inscris-toi à notre newsletter et reçois les dernières nouveautés et astuces sur les e-commerce et comment se lancer.

pop up newsletter sans fond