20 exemples de fiche produit réussies

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.

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

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

✅  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

✅ 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 : 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. Seulement des produits en bois faits main en Finlande !

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

✅ 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 infos sur la fabrication et l'origine du produit.

✅ En bas de la page produit, on a deux session très interessantes :

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

✅ Lorsqu'on scroll dans la page, on a une bannière en 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 interessante

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

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

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.

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

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

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

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.

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

✅ 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 !

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

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

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

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

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

✅ 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