La fiche produit est un élément indispensable de tout site e-commerce et, si dans un futur extrêmement lointain on aura peut être trouvé le moyen de s’en passer, il y a fort à parier que pour les prochaines années nous en ayons encore besoin. Tout le monde sait déjà qu’il est important de soigner la présentation des produits, point extrêmement important pour convertir, mais pourtant les fiches produits manquent parfois de “Waouw effect” et peinent à valoriser le produit.
Comme d’habitude les sites américains ont quelques années d’avance sur les sites français et proposent depuis déjà un moment des fiches produits immersive et réellement impressionnantes. Bien sûr tous ne sont pas au même niveau mais voici une petite sélection de quelques fiches produits plutôt réussies.
Note : toutes les captures ont été prises en 1980*1080 sur un écran 27 PC 27 pouces, parfois juste retaillées pour les besoins éditoriaux. Cliquez sur les images pour les ouvrir dans une nouvelle fenêtre en taille réelle.
Fiche produit Indochino.com
On commence avec la fiche produits du site Indochino.com qui nous présente des costumes dignes des gentlemans anglais ainsi que tous les accessoires de l’homme d’affaires classe et distingué.
La fiche produit du site Indochino est claire et met superbement en avant les produits vendus sur le site. Les costumes sont valorisés dans leur ensemble, la posture est dynamique et les détails sur le produit ne manquent pas. En effet de nombreuses photos très détaillées viennent renforcée l’image de qualité du produit pour remplacer avantageusement le zoom classique.
Le résultat est bluffant avec une ergonomie un peu originale mais finalement très pratique à utiliser, chose d’autant plus rare que les produits sont personnalisables.
Fiche produit de SuitSupply.com
On continue dans les costumes avec le site Suitsupply (“fournisseur de costume” en version sous titrée) qui nous propose des fiches produits qui ont la classe.
Une nouvelle fois on retrouve une photo produit sur un mannequin “complet” (c’est à dire avec la tête), dans une posture très dynamique et avec un filtre photo donnant un cachet particulier à l’image. La navigation n’est pas particulièrement révolutionnaire mais les informations de bases sont présentes . La traduction n’est par contre pas géniale et pose quelques problèmes d’intégration (textes qui déposassent par exemple). En dehors de ces points là le produit est encore une fois au centre des attentions.
De nombreuses informations sont facilement accessibles pour choisir le produit et rassurer le consommateur , il y a même un guide, dynamique, pour sélectionner sa taille de produit.
La fiche produit propose également une vidéo de présentation du produit, c’est assez rare pour être signalé ! Quelques problèmes d’intégration viennent cependant diminuer la qualité de l’expérience, dommage.
Fiche produit hardgraft.com
On change de secteur pour passer à celui des coques pour Ipad, oui c’est moins facile à valoriser comme produit et pourtant ! Le site Hardgraft arrive à valoriser, toujours grâce aux images, d’une bien belle façon ses protections pour les appareils d’Apple.
La fiche produit en version complète est disponible ici [cliquez pour ouvrir dans un nouvel onglet, taille 1903*10764, JPG 22 Mo] est “décomposée” en plusieurs visuels qui défilent en même temps que la souris, ou le pouce pour les tablettes tactiles, naviguent de haut en bas. Le produit est ainsi au centre de l’attention et la mise en situation permet de se rendre compte de l’échelle du produit, un élément régulièrement oublié sur bon nombre de fiches produits.
Le seul défaut réel de cette fiche, à part le poids de la page éventuellement, est la faible visibilité des “call to action”, des boutons d’action en français. Le visuel est tellement fort qu’un contraste plus élevé permettrait de mieux voir les informations produits et le bouton d’ajout au panier.
On peut cependant admirer un très beau travail de mise en scène qui valorise fortement le produit.
Fiche produit de Beoplay.com
Encore une fiche produit impressionnante mais cette fois dans la partie “technique” puisque c’est un casque audio que nous présente Beoplay. La partie technique de la fiche produit est donc indispensable mais Beoplay à choisit un traitement surprenant mais encore une fois sait mettre en avant le produit. La fiche produit est divisée en différentes section qui abordent chacune un point précis du casque audio, le tout défile facilement de façon verticale et obéit au doigt ou à la souris bien évidement.
Impossible de capturer une image globale de la fiche produit, je vous invite donc à la consulter par vous même ici. Seul défaut réelle de cette fiche produit, la consommation de puissance nécessaire pour afficher la page et gérer les différents effets, en cas de machine peu performante ou de connexion relativement lente l’expérience est beaucoup moins qualitative.
La page regorge cependant des bonnes idées pour mettre en avant le produit et transformer le casque en réel objet de désir.
Fiche produit des sites kaiusaltd.com
On continue dans les fiches produits impressionnantes avec celle des sites kaiusaltd.com, ils ont plusieurs sites e-commerce avec la même structure, j’ai donc pris une des fiches produits de kershaw, une de leurs marques de couteaux pour chasseur.
Les produits sont une nouvelle fois bien mis en avant grâce à de très belles photos avec un positionnement au centre de la page, ce qui est plutôt assez rare. De nombreuses informations sont présentes mais la lisibilité est très bonne, sans surcharger inutilement l’interface. Il manque peut être un zoom sur l’image centrale pour plonger au cœur du produit et un bouton d’ajout au panier un peu plus visible pour parfaire la fiche produit.
Encore une fois kershaw nous montre également le produit à l’échelle à l’aide d’une photo produit en situation, un indispensable pour mieux s’identifier en acheteur de vos produits.
Fiche produit de Jules.com
On termine ce petit état des lieux avec une fiche produit française, et oui comme quoi en France aussi on sait faire de belles fiches produits, avec la fiche produit de Jules, la célèbre marque de vêtements. La fiche produit en elle même est assez classique, mais très bien réalisée, et présente de nombreuses qualités : des informations claires, bien structurées et un beau visuel produit.
Mais le vrai plus de cette fiche produit est ailleurs ! Il suffit de cliquer sur l’image pour charger le zoom et pour rentrer dans une nouvelle interface très immersive.
L’aspect “plein écran” est incroyable, surtout sur un 27 pouces, malheureusement cela ne fonctionne pas très bien sur un Ipad mini Retina. C’est d’ailleurs le seul problème de ce zoom immersif : la technique reste encore un peu instable sur certaines configurations. Un mode “degradé” fonctionnant par défaut aurait pu être un plus.
La fiche produit du futur existe t-elle déjà ?
Ces fiches produits sont plutôt innovantes par rapport aux fiches produits que l’on peut retrouver sur les autres sites web. Certes, elles nécessitent souvent pas mal de travail : photo, shooting, mise en page, contenu éditorial, technique etc… mais le résultat est à la hauteur et ré-enchante le produit d’une bien belle façon. Difficile de revenir en arrière après avoir consulté ces fiches produits. Et vous comment avez vous re travaillé votre fiche produit pour la rendre plus moderne ?
Pas mal du tout celle de jules.com. Simplement, il aurait été encore mieux que la scrollbar fonctionne sur le zoom immersif. C’est un peu perturbant (2 secondes, certes).
Beau travail effectivement, si on test le site Indochino.com, lorsque l’on arrive sur la panier, les call to action pour allez plus loin sont presque invisible (perdu dans le vers en haut à droite) et la paff le taux de transfo!!
j’aime beaucoup les premiers. C’est clair qu’avec un mannequin cela fait une grosse différence. C’est ce que j’aimerais faire pour mon futur site e-commerce mais c’est plus cher….
Belle sélection. j’aurais rajouté le très beau travail (dans un autre univers produit) de Made.com
Ah oui, pas mal du tout la fiche produit de “Made.com” , de beaux visuels, de la place et pas mal d’infos. J’accroche bien en effet ! Merci Henri.
Jules est un pionnier de la fiche produit réussie et c’est un groupe français, ce qui signifie que c’est possible aussi pour nous autres iréductibles gaulois !
Bonjour,
Au delà du simple aspect graphique, il eut été intéressant de faire un avant/après avec mention de taux de rebond, taux de sortie et CA. Faire de l’ecommerce quoi.
Par ailleurs, la typologie des produits et sélective… qu’en est-il de la vente de perceuse, de soudeur à l’arc, de batterie ou de pneu ???
Prendre la mode comme point de départ de la réflexion (sur-détermination du visuel dans la structure) me semble simpliste.
Bonne continuation et merci pour l’article.
Même pour les perceuses, les fiches produits peuvent être visuelles ! Exemple avec le nouveau site français MonMagasinGeneral.com (maison, déco, bricolage) qui propose tous ses produits en vision 360° : http://www.monmagasingeneral.com/perceuse-visseuse-2017-ab-skil-14-4-v-1076122.html
Même aujourd’hui, les fiches produit ont été modifiées, J’ai vu ici https://www.beewik-shop.com/collections/all