Renforcez l’engagement de vos recommandations de produits avec un design efficace

Comme toutes les autres innovations web, l’invention des recommandations de produits E-commerce reste discutable. Cependant, Amazon peut se targuer d’avoir innové avec des titres tels que « Les clients qui ont acheté cet article ont aussi acheté » et qui font maintenant partie intégrante de leur site marchand.

Cela dit, au fil des ans, Amazon n’a pas radicalement changé son approche en matière de designs de recommandations. En effet, les blocs de produits horizontaux et verticaux avec des évaluations et des prix réduits sont aussi facilement associés au géant du E-commerce que la virgule l’est à Nike.

Exemples de design responsive bien pensés

Peut-être en raison de l’influence massive d’Amazon et du fait qu’il est simple de construire un design responsive qui réduit les blocs horizontaux en blocs d’un seul produit pouvant être « swapés » sur mobile, de nombreux sites E-commerce ont adopté les mêmes modèles de design lorsqu’il s’agit de recommandations : Voir les exemples ci-dessous d’Amazon (qui n’est pas un client de Nosto) et de Best Buy (qui n’est pas non plus un client de Nosto) :

Bien qu’il existe d’autres options, que nous explorerons à travers quelques exemples ci-dessous, les blocs horizontaux (et verticaux) standard sont pratiques et, lorsqu’ils sont déployés en conséquence, ils peuvent aider massivement les visiteurs à explorer le catalogue produit tel que vu sur la page produit d’Alex & Alexa ci-dessous sur ordinateur. 

Les meilleures ventes sur la page d’accueil de Tucker NYC, affichées sur mobile, mettent en évidence ce que les New-Yorkaises élégantes achètent et regardent actuellement.

 

Exploiter les recommandations de produits flexibles de Nosto

Pour explorer toute la flexibilité du système de templates de recommandations de produits sur site de Nosto (particulièrement utile pour les marques de mode visuellement engageants), la marque Finisterre a conçu un design très intelligent. Sur mobile, lorsqu’on pose le pouce sur l’image du produit, le nom et le prix apparaissent sur une couche superposée. Le même effet est obtenu sur ordinateur en passant la souris sur l’image.

A gauche : Expérience mobile et effet défilement A droite : Ordinateur de bureau et souris en survol

Les écrans d’ordinateurs de 11 pouces et plus permettent une plus grande liberté de création, comme le montrent les exemples d’Unif et de Paper London ci-dessous. Les recommandations sont structurées sur une grille de maçonnerie, un peu comme la cascade de photos de Pinterest. Dans les deux cas, l’action de survol de la souris rend la recommandation plus inspirante, plus interactive et fait partie intégrante de la page et de l’expérience de navigation.

Ci-dessous : La grille de maçonnerie d’Unif comportant cinq produits recommandés

L’un des principaux avantages de la grille de maçonnerie (en particulier et pour les sites de mode) est la possibilité de personnaliser les landing pages en affichant des recommandations entièrement personnalisées et dynamiques ressemblant à des bannières promotionnelles inspirantes, s’étendant d’un bord à l’autre de l’écran. Ce système utilise la puissance de l’IA et produit automatiquement un nombre pratiquement infini de landing pages, qui recommandent toutes les bons produits à chaque individu. Si le design conventionnel a son utilité, les marques sensibles au concept négatif des magasins à prix unique préfèrent généralement une approche plus subtile. Cela est particulièrement vrai pour les landing pages clés telles que la page d’accueil et les pages de catégorie.

Enfin, pour démontrer comment les recommandations de Nosto peuvent être déployées dans une verticale de niche, Prime Loops, un magasin de musique pour artistes basé au Royaume-Uni, aide sa clientèle clé de producteurs de musique à écouter des échantillons de tendances et des beats directement sur la page d’accueil en cliquant sur play directement dans la recommandation.