Flagship note #01
Cette note s'attarde sur le traitement et la mise en scène des visuels des produits, sujet que nous estimons essentiel pour une expérience de marque de qualité.
Les solutions e-commerce du marché ont instauré un standard, visuel produit en format portrait à gauche, informations marchandes à droite, malheureusement trop souvent repris à l’identique par commodité. Il est vrai que la remise en cause d’un gabarit de page préformaté amène son lot de travail supplémentaire. Néanmoins, nous sommes plus à l’aise avec l’idée d’adapter la solution aux spécificités du produit que de lui faire endosser un corset déjà porté par d’autres.
En 2013, nous avions testé une approche unique pour Picture Organic Clothing, en dégageant une bonne partie de la largeur de page pour le mannequin, détouré sur un fond texturé et dont la tenue pouvait être assortie à certains éléments de l'interface. Dès lors, nous n’avons cessé de nous intéresser à ces points sensibles de l’expérience utilisateur : taille du visuel, environnement du produit, défilement des différentes vues, zoom.
Plus récemment, dans le cadre de phase de recherche pour nos nouvelles collaborations, nous avons relevé plusieurs pratiques inspirantes détaillées ci-dessous. Une sélection de sites qui réussissent à tirer le meilleur parti du visuel et de l'univers de la marque dans la fiche produit, page qui est une des plus chargées en information dans le parcours marchand.
DKNY.com
La zone du visuel produit adopte un format portrait ou paysage selon la taille de l’écran. Le produit est présenté à plat sur fond neutre, les vues mannequin sont dans le contenu de la page. Pas de vignettes, pas besoin de clic, uniquement si l’utilisateur souhaite zoomer.
Shwoodshop.com
La taille du visuel est généreuse et orientée sur le format du produit. On apprécie les textures des montures au premier coup d’oeil. Bel exemple d'adaptation.
Edwin-europe.com
Des plans rapprochés sur les détails, accessibles dans les vues produits et en grande taille, pas besoin de zoomer pour apprécier les finitions.
Adamunderwear.com
Audacieux, emprunt d’humour et d’originalité, le site d’Adam associe une couleur d’arrière plan à chaque produit. Une vraie singularité qui le distingue clairement de ses concurrents plus calibrés.
