7 exemples de fiches produit

La fiche produit est un élément fondamental d’un site E-commerce, il est vraiment très rare qu’un site s’en passe totalement. C’est une page importante car elle va souvent permettre de convertir l’internaute et de le faire cliquer sur ce fameux bouton « ajouter au panier ».

Voici donc sept exemples de fiche produit pour trouver un peu d’inspiration

Fiche produit de BellRoy

Une belle fiche produit qui met bien en avant le produit avec des photos produits scénarisés et bien détaillées. La description est bien visible et suffisamment contrastée pour être lisible, dommage que la vidéo soit placée ici, le petit format ne lui rend pas vraiment hommage alors qu’elle est plutôt bien faite.

Le bouton ajouter au panier est lui par contre placé assez bas et mériterait peut être d’être placé avant les « Features » pour augmenter le nombre de clics. Le prix est lui trop peu visible sur la fiche produit et la disponibilité du stock n’est pas précisée, dommage…

BellRoy.com

Fiche produit de Miss-Lili

Miss-Lili est un site de lingerie, le produit idéal pour faire des fiches produits avantageuses. C’est un produit qui se vend principalement grâce à la qualité de photo, il est donc un peu dommage que sur cette fiche produit ce soit le menu qui soit presque plus visible que le produit. Une belle photo pleine page en HD aurait, à mon avis, suscité plus d’émotion et d’envie d’acheter.

Le bouton ajouter au panier est bien visible mais assez triste en noir, cela colle à la charte graphique du site certes. Les tailles sont facilement sélectionnables et le prix est bien visible. La disponibilité des produits n’est pas précisée non plus ni les délais de livraison. L’intégration inexistante des boutons sociaux sur la fiche produit est un peu dommage.

Fiche produit savons Gaiia

La fiche produit est très attractive avec ce visuel très présent du savon. On a affaire à une très belle intégration même si certains contrastes (les ingrédients par exemple) ne  sont pas assez prononcés. De plus il y a une sorte de sensation de « flottement » sur un écran large car la fiche n’est pas contenue dans un bloc global.

Au niveau des informations on retrouve l’essentiel : le prix, le grammage, un descriptif court et un bouton « ajouter au panier » très design (est-ce que ça fait cliquer ?). Il manque par contre toujours l’information sur le stock et les délai de livraison.

Savons-gaiia

Fiche produit suicidalshop

SuicidalShop propose une mise en page ultra minimaliste, un peu trop à mon gout pour être honnête, j’ai mis plusieurs secondes à trouver le bouton ajouter au panier et le prix. Ok j’ai des mauvais yeux certes mais c’est rarement une bonne nouvelle  pour les clients d’avoir à chercher ces infos. On peut voir qu’il n’y a toujours aucune info sur les frais de port et les délais de livraison.

Le zoom est également à revoir car on se retrouve avec une image au format timbre poste, c’est dommage pour un produit faisant la taille d’un Ipad, on aimerait pouvoir l’observer de plus près. La description est par contre sympa et semble vraiment écrite par le site et non être un simple copier/coller de la description fournisseur.

Fiche produit d’ Arsen goodies

La fiche produit d’Arsen Goodies est malheureusement très encombrée par le header du site qui occupe beaucoup de place et qui est en plus assez visible, voir agressif. L’attention est donc détournée vers le haut du site et non pas vers le contenu de la fiche produit…

Par contre, et même si cela n’est pas évident du premier coup, la disponibilité des variation du produit est bien indiqué, il ne manque plus que le délai de livraison. La mise en avant de l’email du service client est une vraie bonne idée, surtout dans le textile ou la taille des produits est une vraie interrogation des internautes.

Fiche produit de Ayanature

La fiche produit d’Ayanature est,en plus d’être très complète, très lisible et contrastée. Cependant les informations en quantité importante ne sont pas toujours une bonne idée, ici les informations principales sont noyées et finalement peu visibles. Le bouton « ajouter au panier » est ainsi très bas et non visible sur un 1024*768, cela oblige l’internaute à scroller sur la fiche produit et donc ralenti la passation de la commande.

Le retour à la catégorie est par contre très malin avec un petit effet de roll-over pour indiquer le nom de la catégorie, l’effet est le même pour les boutons produit suivant/précédent.

Fiche produit Since 1337

La fiche produit de since 1337 est aussi dans la tendance minimaliste mais présente de belles photos produits très convaincantes. La disponibilité des produits est bien indiqué et change en fonction des matières et des couleurs, ça semble être le minimum mais elle n’était même pas indiquée sur la plupart des fiches produits ci dessus.

Seul le prix est peu visible et un peu éloigné du bouton « ajouter au panier », l’information sur le produit, comme le descriptif des matières, les procédés de fabrication est par contre inexistante, il n’y a même pas une petite ligne descriptive. Ce n’est pas l’idéal pour se référencer et pour donner envie d’acheter le produit.

Conclusion

J’espère que cette petite sélection de fiches produits vous donnera des idées pour votre site, jJ’en profite pour préciser que j’ai trouvé ces boutiques lors de mes nombreux passages sur le plus beau repertoire de boutiques en ligne : Rhooo.com, c’est une belle source d’inspiration !


Publié

dans

,

par

Commentaires

14 réponses à “7 exemples de fiches produit”

  1. Avatar de Julien
    Julien

    La fiche produit de suicidalshop est surement celle dont il faut s’inspirer le moins ! :/

  2. Avatar de Franck
    Franck

    C’est super agréable de voir son travail apprécié par des référents de l’e-commerce 🙂

    Pour le stock et la dispo, c’est vrai nous pourrions rajouter cela directement sur la fiche produit.

    Bonne journée !

  3. Avatar de Francois
    Francois

    C’est un best of de ce qu’il faut éviter cette sélection ? 😉

    Pour être franc, à part Since 1937, si on met de côté le prix effectivement peu visible (ça peut être un choix) et l’absence de cross seiling, qu’il aurait été intéressant d’exploiter, le reste… c’est pas terrible.

    Bellroy c’est pas mal, mais bon, tout est en bas, on sent que l’idée c’était de mettre en avant le produit plus que de le vendre. Encore une fois ça peut être un choix et si on est séduit, on va scroller.

    Le colosse c’est joli, même si ça flotte, tu as raison, mais ça, ça se rectifie facilement. En revanche je souhaite bon courage à quiconque voudrait s’amuser avec ce fond en dégradé : les images produit, va falloir se retrousser les manches pour la prise de vue et la retouche 🙂

    Ayanature, c’est vraiment dommage pour le bouton d’ajout au panier, parce que sinon c’est bien pensé

    Suicidal shop… c’est n’imp !

    Et la fiche produit sur fond noir… même pas je regarde…

    Bon week end

    François

  4. Avatar de Franck
    Franck

    François, je ne sais pas exactement ce que vous voulez dire avec Benoit sur l’effet de flottement, mais l’aspect visuel général est voulu. Quant au problème de détourage des photos produits, vu que l’on fait cela en interne, c’est pas un problème (photos, détourage, intégration, programmation). Mais c’est un choix graphique qui serais trop contraignant pour des e-commerce avec un catalogue trés profond j’en conviens. En tout cas cela à le mérite d’être ultra différent de la plupart des présentations standard. Et comme nous sommes fabriquant / distributeur, nous avons l’élégance de fournir les mêmes photos produits à nos revendeurs, mais avec un fond blanc.

  5. Avatar de Francois
    Francois

    C’est l’alignement vertical qui donne cette impression : il manque d’élements graphiques pour « poser » la page verticalement, ou réaligner certains éléments comme le panier qui sort du cadre, les flèches du bas, qui ne sont pas très contrastées et dont l’alignement, lui aussi, est décalé. L’info sur les ingrédients, peu contrastée elle aussi, ne serait pas lisible en pleine larguer. Moi j’aurais créé deux bloc, un pour les ingrédient, un pour les boutons réseaux sociaux, et un peu de rassurance (conditions de livraison ou moyen de paiement, ou tout service client apportant une valeur ajoutée.

  6. Avatar de Franck
    Franck

    Merci pour tes précisions François, c’est déjà plus clair pour moi. Faudra que je pose tout ça à l’occasion d’une V2, a moins que je passe à une solution e-commerce 😉

  7. Avatar de Francois
    Francois

    J’aime beaucoup l’ambiance graphique, il y a un potentiel à exploiter en gardant cet esprit.

    Bon week end

  8. Avatar de Thomas Barbéra
    Thomas Barbéra

    La fiche produit que je trouve la plus intéressante est celle de Gaiia !

    Il faut dire que c’est la seule qui affiche clairement le prix proche du bouton d’ajout au panier, une chose qui me parait tout de même essentielle.

    Sur plusieurs des fiches de l’article, j’ai eu beaucoup de mal à trouver le prix et principalement sur Since 1337 !

  9. Avatar de Benoit Gaillat
    Benoit Gaillat

    Oui je trouve que la fiche est vraiment sympa et donne envie d’acheter le produit ce qui est finalement le plus important 🙂

  10. Avatar de Benoit Gaillat
    Benoit Gaillat

    Pour le coté ergonomique surement mais sur le coté design/minimaliste (qui peut être recherché sur certains sites) cela peut être un bon exemple.

  11. Avatar de Benoit Gaillat
    Benoit Gaillat

    François à détaillé ce que je n’avais qu’effleuré dans l’article 🙂 Merci François.

  12. Avatar de David
    David

    Il y a des fiches produits très intéressants et donne des bonnes idées de conception. Maintenant chaque fiche produit doit être caractéristique du produit vendu et malheureusement ce n’est pas toujours le cas…

  13. Avatar de loran750
    loran750

    ça, c’est un très bon article, que je me suis empressé de forwarder à mes partenaires (dont intégrateurs de solutions de e-commerce).

    Et pour moi, ça va me servir à évaluer la qualité d’une page produit.

    GOOD !

  14. Avatar de cn kn . ,xz
    cn kn . ,xz

    jdnjdlnka

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  • Magento Commerce, Le Guide complet de la solution
    Aujourd’hui, face à la pression croissante du marché des e-commerces, les entreprises cherchent des solutions leur permettant de générer plus de revenus et d’améliorer l’expérience client. le CMS Magento est une plateforme de commerce électronique extrêmement puissante qui offre un large catalogue de fonctionnalités avancées pour les commerçants souhaitant se démarquer. Dans cet article, nous […]
  • Les documents officiels d’une entreprise en France
    Lorsqu’on décide de créer une entreprise en France, il est important de savoir que cela nécessite certaines formalités administratives. En effet, il est obligatoire de fournir certains documents officiels pour pouvoir immatriculer sa société. Dans cet article, nous allons vous expliquer les différentes démarches à réaliser pour créer votre entreprise, ainsi que les documents officiels […]
  • C’est quoi le motion design ?
    Ont dit souvent qu’une image vaut mille mots. Mais alors que dire d’une animation ? Du mouvement, des graphiques et des images animées : la combinaison parfaite pour créer un projet unique et expliquer n’importe quel sujet. C’est ça le motion design. Pourquoi devriez vous introduire le Motion Design dans votre arsenal de techniques de […]
  • Comment créer une boutique en ligne avec succès ?
    Face à l’explosion des ventes en ligne et de la création de nouvelles boutiques chaque jour, la question qui se pose est : comment créer une boutique en ligne avec succès ? En effet créer sa propre entreprise sur internet ne nécessite pas forcément d’importants investissements mais demande par contre quelques bonnes connaissances. Il faut […]
  • Logistique : pourquoi et comment travailler dans ce secteur ?
    La logistique désigne l’ensemble des activités qui permettent de planifier, d’organiser, de contrôler et d’exécuter les opérations liées à la gestion des flux de biens et de services. Elle englobe plusieurs étapes dont les principales sont le transport, le stockage, la manutention, la distribution, le conditionnement et le traitement des retours. En raison de son […]
  • Semrush : la solution pour maitriser de A à Z son SEO
    Si vous faites du e-commerce, voir même si vous êtes « juste » éditeur de site web ou webmaster, vous avez certainement touché un peu au SEO, le référencement naturel. Que ce soit vous même ou avec l’aide d’une agence SEO , ce canal d’acquisition est devenu réellement indispensable au fur et à mesure des années. Indispensable […]
  • Big Commerce augmente (lui aussi) ses tarifs !
    C’est une réaction qui fait peu de surprises dans le monde de l’e-commerce mais qui ne va quand même pas plaire aux principaux intéressés. BigCommerce, une des solutions concurrente à Shopify, Prestashop, Wizishop et autre, annonce que ses prix vont se voire augmenter dès maintenant pour tous ses marchands. Pourquoi ce n’est une surprise pour […]
  • Play To Earn (P2E) : définition et fonctionnement
    L’univers du gaming connaît une grande révolution depuis quelque temps. On observe une montée en puissance des jeux qui donnent la possibilité de gagner de l’argent en s’amusant. Parmi les jeux qui ont le vent en poupe actuellement, on retrouve le Play to Earn. Plus connu sous l’abréviation P2E, le Play to Earn est ce […]
  • NFT : définition et objectif
    Pour ceux qui sont familiers à la cryptomonnaie, il est facile d’adopter le NFT et son mode de fonctionnement. Cette technologie est répandue depuis 2021. Elle est avantageuse aux artistes, aux joueurs de jeux vidéo et à divers investisseurs. Elle a plusieurs objectifs qui visent à améliorer l’environnement de la crypto technologie. Les amateurs de […]
  • NFT : Les Top 10 les plus chers
    L’année 2021 a connu une croissance massive de la technologie blockchain et des crypto-monnaies. Ce phénomène a été observé au niveau du capital du marché et du développement des différentes infrastructures en rapport avec ces deux domaines. La montée en flèche des Jetons Non Fongibles (NFT) a attiré l’attention suite aux ventes historiques enregistrées sur […]
  • Comment créer et vendre un NFT ?
    Le NFT signifie en anglais ‘’Non Fungible Token’’ et en français ‘’Jeton Non Fongible’’. Il s’agit d’un bien numérique non irremplaçable par un autre, ce qui n’est pas le cas avec les billets d’argent. Il se décline en plusieurs formes dont les tweets, œuvres d’art numériques et noms de domaines. Ces derniers sont achetés par […]
  • Quelles cryptomonnaies risquent d’exploser d’ici 2025 ?
    Alternatives aux monnaies émises par les banques pour certains, outils de spéculation pour d’autres, les cryptomonnaies sont devenues en peu de temps une technologie omniprésente dans notre quotidien. Entre 2020 et 2021, Bitcoin a atteint des chiffres record. Des personnes qui avaient fait l’acquisition de cette monnaie plus tôt se sont retrouvées du jour au […]
  • Akeneo : Le PIM qui est en train de conquérir le E-commerce
    Aujourd’hui, nous nous retrouvons face à un monde constamment connecté, qui exige une gestion optimale des informations et une expérience produit de qualité. Surtout dans un monde Omnicanal. Pour répondre à ces besoins en constante évolution, il est souvent nécessaire de centraliser les informations produits au sein d’une même interface afin de les diffuser de […]
  • NFT : Pourquoi les acheteurs dépensent-ils des millions ?
    Sur internet ou ailleurs, vous avez certainement entendu parler des NFT. Ce sont des images qui peuvent paraitres banales mais dont le prix de vente atteint facilement des sommes à 7 chiffres. Les frais des transactions concernant les NFT sont tout aussi impressionnants. Nombreux sont ceux qui ne comprennent pas comment ce système fonctionne. Pourtant, […]
  • Avis Wizishop : Que penser de Wizishop en 2023 ?
    Explorer Wizishop : Avis clients et engagements offerts pour la création de boutiques en ligne Face à l’explosion de l’activité et des besoins en matière de commerce en ligne, Wizishop s’est imposé ces dernières années comme une solution française complète pour la création de boutiques en ligne et la vente de produits. Mais avant de […]
  • Play To Earn (P2E) : Lesquels sont les meilleurs ?
    Les cryptos de la blockchain gaming ont révolutionné l’univers vidéoludique et sont désormais les options du moment. Ce qui a favorisé la mise en place des jeux Play To Earn (P2E). En fonction des performances affichées par chaque joueur, ceux-ci obtiennent des récompenses en crypto-monnaie et en NFT. Pour s’offrir des expériences de jeu Play […]
  • Quelles sont les meilleures plateformes d’échange de Cryptomonnaie ?
    La crypto-monnaie est un système de paiement numérique devenu populaire en 2022. Des plateformes ont été créées pour faciliter les échanges dans l’univers de la cryptomonnaie. Appelées plateformes de crypto monnaies ou échange crypto, les plateformes d’échanges ou exchanges sont des marchés centralisés. Elles permettent aux utilisateurs de faire du trading, d’acheter et de vendre […]
  • Shopify Winter édition propose plus de 100 nouveautés !
    C’est la deuxième fois déjà que Shopify nous propose un « pack » de nouvelles fonctionnalités pour optimiser et booster son site e-commerce. La première fois, c’était en été 2022 avec la Shopify summer Edition. Cet hiver, Shopify remet le couvert avec la winter édition et nous propose plus de 100 nouveautés à venir profiter directement, sans […]
  • Où trouver les meilleures informations sur les Cryptomonnaie ?
    Le secteur de la crypto-monnaie fait partie des plus évolutifs. Il souffre du manque de stabilité lié à cette devise elle-même. La diversité des crypto-monnaies n’est pas sans conséquence face à cette instabilité. Le cours du bitcoin peut atteindre des sommets aujourd’hui, le lendemain, c’est Ethereum qui chute. Il ne faut pas oublier que les […]
  • Monitoring site web, comment faire et pourquoi ?
    Vous avez un site internet ou un site e-commerce et vous cherchez à savoir si il est en ligne suffisamment longtemps, si il n’y a pas de coupure ou si l’hébergement tient la charge ? Alors il vous faut un outil de monitoring de site ! Que votre site soit un site e-commerce, un site […]
  • Headless, tout comprendre de ce nouveau phénomène
    Vous avez entendu parler de « Headless » mais le terme ne vous revient pas ? Vous ne savez pas comment définir le headless ni ses avantages et ses inconvénients ? Difficile donc de savoir si le headless e-commerce est fait pour vous ?Alors voici toutes les explications et détails pour comprendre de A à Z ce […]