La fiche produit du futur ?

| | 8 commentaires | Category Ergonomie

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

fiche-produit-moderne

 

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.

autres-photos-indochino

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.com (« fournisseur de costume » en version sous titrée) qui nous propose des fiches produits qui ont la classe.

fiche-produit-mode

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.

selecteur-de-taille-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.

video-fiche-produit

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.

fiche-produit-grand-visuel

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.

Vos concurrents convertissent plus que vous ! Contactez nous pour booster votre conversion

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.

fiche-produit-technique

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.

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

photo-produit-en-situation

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.

fiche-produit-textile

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.

zoom-fiche-produit

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 ?

Like it ? Share it !
Benoit Gaillat - Directeur Associé
Author

Diplômé de l’HETIC et spécialisé dans l’e-commerce depuis 2004. Après avoir été Responsable VAD pour le Palais des Thés, Benoit à co-fondé Skeelbox. Il est spécialisé sur le développement du chiffre d’affaires des sites e-commerce, la conversion, et dans l’étude des webanalytics. Il est certifié Google Analytics. Il rédige depuis 2009 le blog info-ecommerce.fr, primé en 2011 par la FEVAD comme le meilleur blog e-commerce, et intervient régulièrement comme conférencier/formateur sur l’acquisition de trafic et la conversion.

Plus d'articles de cet auteur
Stay in touch :
  1. Keeg dit :

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

  2. ckarone dit :

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

  3. Capitaine SEO dit :

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

  4. Henri dit :

    Belle sélection. j’aurais rajouté le très beau travail (dans un autre univers produit) de Made.com

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

  6. Nicolas dit :

    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 !

  7. Frédéric dit :

    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.

  8. Gabrielle Denis dit :

    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

Laisser une réponse