20 exemples de fiches produit réussies

Il ne faut pas oublier que la fiche produit est peut-être la première chose que le client verra 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.

✅ Tous les éléments essentiels d’une fiche produit sont présents sur les fiches Respire et bien mis en avant.

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

✅ Les avis sont mis en avant et le nombre total d’avis est indiqué. De plus, en cliquant sur ce nombre, on peut lire directement 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éhensible.

✅  La photo du produit est grande et attire le regard : on retrouve aussi 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, donc sous la ligne de flottaison. Cela implique que l’on doit faire défiler la page pour lire la description. Il aurait été judicieux de mettre une petite description succincte à droite de l’image du 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 chère que l’autre, mais ici rien de tout ça.

✅  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 mis 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.

✅ L’image de la bague et sa galerie prennent 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 ce qu’il achète et la différence de prix que cela implique.

✅ Lorsqu’on fait défiler la page, on retrouve des mises en situation du produit en photo et en vidéo, puis davantage de détails sur le produit. C’est clair et très instructif pour l’acheteur.

❌ Le prix du produit n’est pas assez mis en valeur. Il est « coincé » entre le titre et les options de financement. C’est dommage.

2.5 Exemple de fiche produit Kuksa Shop

Kuksa Shop est un site français qui propose à la vente d’authentiques tasses en bois, faites à la main en Finlande, mais aussi de la vaisselle en bois comme des couverts, des assiettes, des planches à découper, des dessous-de-plat et des sous-verres. Uniquement des produits en bois faits à la main en Finlande !

✅ Sur cette fiche produit, tous les éléments importants sont au-dessus de la ligne de flottaison. Cela signifie qu’ils sont visibles sans avoir à faire défiler la page.

✅ La galerie d’images 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 mis en avant avec des étoiles vertes, donc c’est visible. On voit aussi le nombre d’avis clients.

✅ Il y a un lien à côté des avis pour inciter l’acheteur à lire les avis écrits.

✅ Les trois notions sous la galerie de photos sont de forts éléments de réassurance pour l’acheteur : cela 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.

✅ Quand on clique sur « Ajouter au panier », on arrive directement dans le panier, super action qui permet à l’acheteur de payer rapidement.

✅ Un peu plus bas dans la page, on retrouve des conseils d’entretien du produit mais aussi des informations sur la fabrication et l’origine du produit.

✅ En bas de la page produit, on a deux sections très intéressantes :

• Une partie « Vous aimerez aussi » qui présente des produits de la même catégorie que celui où nous sommes.
• Une partie « Pour compléter votre sélection », en fonction de la gamme de produits, qui propose des produits de la même gamme que celui sur lequel on est.

✅ Lorsqu’on fait défiler la page, on a une bannière flottante en bas de page qui nous suit jusqu’en bas et nous incite à ajouter le produit au panier.

❌ Il n’est pas possible de choisir une quantité à acheter. Cela doit sûrement se faire au niveau du panier. C’est une stratégie commerciale intéressante

✅ Le titre peut paraître peu compréhensible 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 et à 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 épuisé, 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 petites et de mauvaise qualité.

✅ 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, pour permettre de bien classer le produit sur les moteurs de recherche et aussi sur le moteur de recherche de Cdiscount.

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

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

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érés via Trustpilot, un site qui enregistre et stocke 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 mis en valeur et placés en haut de 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 où l’on se trouve dans la page, on peut ajouter le produit au panier.

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

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

✅ Le bouton « Acheter » est accompagné d’une icône de 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, Nutri-Score et conservation.

✅ Sur le côté, cette section de page où est écrit en gros « Votre panier est vide » incite grandement l’acheteur à faire ses courses.

✅  Possibilité d’ajouter le produit aux favoris

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

✅  La couleur du bouton d’ajout au panier est la même que celle du 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 la page, mais sous les informations de livraison et les produits similaires.

Je vous ai mis la fiche produit entière de Decathlon parce que, vous allez voir, 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 noir sur fond jaune, avec une police d’écriture grasse, donc très visible.

✅  Les avis sont en haut de 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ûr d’ajouter au panier la bonne taille.

✅  Le texte juste au-dessus du choix de la taille « Taille conforme (83 %) » va rassurer l’acheteur, car il saura que la veste taille correctement. Il ne devra pas réfléchir à la taille à prendre pour qu’elle lui aille.

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

✅  S’ensuivent toutes les informations techniques, de composition, d’entretien, les produits similaires et les avis.

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

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

✅ Sur cette fiche produit, tout est condensé en 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 rouge 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 dans son achat.

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

✅ Chez Leroy Merlin, les produits sont bien mis 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 toute sa composition. On peut donc la modifier ici, ajouter des éléments ou en retirer.

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

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

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

✅ Chez Ledger, on voit la vie en orange ! Et c’est parfait, puisque cette couleur reflète la joie, la vitalité et le progrès.

✅ 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 clairs et très visibles.

✅ Le fait que le bouton du panier ait la même couleur que 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.

✅ La galerie d’images est imposante et présente le produit sous toutes ses coutures.

✅ La partie de droite reste fixe lors du défilement de la galerie. C’est intéressant, car l’acheteur a toujours les informations importantes en vue quand il découvre les images du produit.

✅ L’élément le plus visible de la partie de droite est la mention « En stock », primordiale pour que l’acheteur ait envie d’acheter.

✅ Les mentions « produit local » et « fabriqué en France » sont de forts éléments de réassurance pour l’acheteur.

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

❌ Il est indiqué que le haut de pyjama est à associer à un bas spécifique, mais nulle part on ne voit ce bas ni de lien pour l’acheter, même pas dans les produits similaires.

✅ Lors du défilement de la page, une bannière se fixe en bas de l’écran, incitant l’acheteur à ajouter 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 sur la page.

✅ Un bouton d’ajout aux favoris permet d’ajouter le produit à 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 de nombreux 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 la 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 exemplaires. Cela lui fait faire de nombreuses manipulations. Cependant, pour de gros articles comme un lit ou une armoire, ce n’est pas dérangeant.

✅ Mano Mano mise fortement sur son encart « Bon à savoir ». Ce 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 lui 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.

✅ La disposition de la fiche est claire 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 lisibles. Le fond gris clair avec le texte en blanc n’apporte pas assez de contraste pour que l’œil les discerne bien.

❌ Le prix n’est pas assez mis en valeur.