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 !
La fiche produit de suicidalshop est surement celle dont il faut s’inspirer le moins ! :/
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 !
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
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.
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.
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 đ
J’aime beaucoup l’ambiance graphique, il y a un potentiel Ă exploiter en gardant cet esprit.
Bon week end
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 !
Oui je trouve que la fiche est vraiment sympa et donne envie d’acheter le produit ce qui est finalement le plus important đ
Pour le cotĂ© ergonomique surement mais sur le cotĂ© design/minimaliste (qui peut ĂȘtre recherchĂ© sur certains sites) cela peut ĂȘtre un bon exemple.
François Ă dĂ©taillĂ© ce que je n’avais qu’effleurĂ© dans l’article đ Merci François.
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…
ç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 !