Exemples de pages de produits pour une conversion optimisée : complet avec guide
Publié: 2022-03-01Imaginez ceci : il est tard dans la nuit et vous vous retrouvez sur le Web. Vous recherchez la solution parfaite au problème qui vous a taraudé toute la semaine. Vous avez été ici avant. Affalé, la tête dans les mains, et le sommeil frappe à votre porte. Juste avant que tout espoir ne soit perdu, Eureka ! Vous obtenez enfin un résultat de recherche prometteur. Avec impatience, vous cliquez et…
Il ne se passe rien. Après une éternité, un écran blanc commence à s'afficher avec des murs de texte et une seule et minuscule image de produit pixélisée. Les flashbacks de l'ère de l'accès commuté remplissent votre esprit. Vous parcourez la page pour trouver un remède, mais vous ne recevez aucune information sur les prix, aucun avis de clients et plusieurs numéros de téléphone vous demandant d'appeler pour plus d'informations. Ce n'est pas un lien fonctionnel, et leur seule preuve sociale est une animation d'un chat vous disant que ce produit est "Purrrrfect!" C'est douloureusement évident : vous avez trébuché dans un cimetière de sites Web.
Ne laissez pas ce cauchemar être votre magasin ! Les meilleures expériences utilisateur proviennent de sites Web attrayants et régulièrement mis à jour, plutôt que de sites qui laissent l'utilisateur se demander s'il doit exécuter son logiciel antivirus. Que vous débutiez ou que vous cherchiez à mettre à jour votre boutique en ligne, nous sommes là pour vous aider !
Dans cet article, nous passerons en revue les critères minimaux que chaque page de produit devrait avoir, ainsi que certains choix de conception à éviter. Nous avons même rassemblé une collection de nos pages de produits préférées avec une liste rapide des avantages et des inconvénients de chacune pour vous aider à inspirer votre prochain projet !
Construire la page produit parfaite
Le but de votre page produit est de, eh bien, vendre votre produit ! Mais il s'agit également de comprendre ce que vos visiteurs attendent de votre site Web pour eux. La personne moyenne aux États-Unis passe sept heures et 50 minutes par jour sur Internet. Avec autant de temps investi chaque jour dans la consultation de différents sites Web, les personnes visitant votre site traiteront leur expérience de la même manière qu'un sommelier de premier ordre critiquerait une bouteille de vin. Vos visiteurs sont tout à fait capables de saisir les nuances entre une bonne et une mauvaise expérience.
Non seulement votre page de produit doit inclure les fondamentaux auxquels vos visiteurs s'attendent, mais elle doit également offrir une expérience utilisateur sans friction tout en incluant votre propre style unique qui les incitera à revenir.
Répondre aux attentes de vos utilisateurs peut donner l'impression de marcher sur une corde raide si vous n'êtes pas sûr de ce qu'ils recherchent. C'est pourquoi nous avons élaboré un guide décrivant les meilleures et les pires pratiques pour concevoir votre page produit qui vous aidera à interagir avec les utilisateurs et, en fin de compte, à augmenter votre taux de conversion.
Meilleures pratiques de la page produit
Il y a beaucoup de choses à faire pour créer des pages de produits brillantes, nous avons donc créé une liste de fonctionnalités et de concepts de pages de produits que nous jugeons les plus importants pour améliorer l'expérience de vos visiteurs lorsqu'ils sont utilisés avec goût.
- Nettoyer l'URL
- Nom captivant
- Informations tarifaires transparentes et préalables
- Appels à l'action (CTA) à haute visibilité
- Disponibilité des articles
- Options de produit distinctes
- Images de produits claires avec plusieurs angles de caméra, situations et modèles
- Possibilité de comparer des produits similaires
- Bouton "Ajouter aux favoris/liste de souhaits"
- Images, vidéos et gifs de haute qualité optimisés pour le Web
- Foire aux questions
- Fonctionnalité de zoom
- Réalité augmentée
- Vue à 360°
- Descriptions de produits vives
- Fonction de chat en direct
- Un mélange de produits et de médias de style de vie pour la narration d'histoires
- Conception réactive
- Section « produits connexes » pertinente
- Rubrique "vente incitative"
- Possibilité d'augmenter la quantité de produit
- Guide des tailles/ajustements (le cas échéant)
- Navigation transparente
- Options de filtrage intuitives
- Bouton "Retour en haut" collant
- Très accessible aux utilisateurs aux capacités différentes
- Politiques d'expédition et de retour initiales
- Boutons collants "Ajouter au panier" ou "Acheter maintenant"
- La preuve sociale
- Détails étendus (matériaux, spécifications techniques, dimensions, poids, caractéristiques spéciales, etc.
- Pas de redondance
- Police spacieuse et intéressante
- Temps de chargement rapides
- Fonctionnalité multi-navigateur
- Compatible avec le mode sombre
Un mot d'avertissement - faites attention au fluage des fonctionnalités. C'est lorsqu'une page prend tellement de fonctionnalités inutiles qu'elle finit par nuire à l'expérience globale de l'utilisateur. Une fonctionnalité de réalité augmentée pourrait ne pas aider une entreprise qui vend des cure-dents, mais elle aiderait une entreprise qui vend de gros meubles. Assurez-vous de prendre le temps d'évaluer les fonctionnalités qui pourraient aider à mieux présenter votre produit sans ajouter tout sous le soleil à votre page.
Les pires pratiques de la page produit
Lorsque vous commencez à mettre en œuvre les meilleures pratiques sur votre site, vous devez garder à l'esprit certaines des pires pratiques répertoriées ci-dessous. Ces concepts peuvent varier en gravité, allant de la confusion des utilisateurs en utilisant la couleur de police bleue du lien hypertexte pour le texte normal, à quelque chose de plus malveillant, comme le fait de glisser des articles indésirables dans le panier d'une personne.
- Trop de couleurs
- Prix alambiqué
- Conception incohérente
- Appâter et changer de tactique
- Masquer les frais supplémentaires
- Description trop longue/trop courte ou copiée
- Noms de produits incohérents
- Fausses garanties
- Recommander des produits non pertinents
- Appel à l'action enterré
- Images, vidéos, gifs de petite taille et de mauvaise qualité
- Discours négatif/preuve sociale
- Pop-up récurrents
- Confirmer la honte
- Glisser des articles dans votre panier
- Navigation peu claire
- Police compacte
- Espace négatif occupé
- Pas de FAQ
- Pas de preuve sociale
25 meilleures pages de produits
Groove Life
Ce que nous avons aimé
- Solution très informative et facile pour connaître votre taille de bague.
- Grande pression sociale (flux Instagram, avis)
- La description est facile à digérer.
Ce que nous n'avons pas aimé
- Le prix n'est pas clair
- Pourrait utiliser un bouton "Acheter maintenant" collant sur le bureau
- N'utilise aucune technique de vente incitative

Yéti
Ce que nous avons aimé
- Fonction intéressante où il vous montrera l'emplacement le plus proche que vous pouvez acheter
- Typographie unique
- Image de marque cohérente
Ce que nous n'avons pas aimé
- Grand espace blanc inutile sous la galerie de photos
- Section collante "Acheter maintenant" odieusement grande
- Pas d'utilisation de vidéos ou de gifs

Humain simple
Ce que nous avons aimé
- Excellent outil de navigation sur le côté gauche de l'écran
- La section d'examen va à gauche et à droite plutôt que de s'étendre de haut en bas, en utilisant moins de biens immobiliers
- Grande utilisation des images pour vendre des fonctionnalités et une histoire
Ce que nous n'avons pas aimé
- Pas de bouton "acheter maintenant" collant
- Pas de section de vente incitative lorsqu'ils se spécialisent dans un système / écosystème de déchets
- Les couleurs pour le CTA, les en-têtes, les avis et les images/badges ne se mélangeaient pas.

Paré
Ce que nous avons aimé
- La page facilite un sentiment de communauté parmi les acheteurs avec une grande preuve sociale
- Beaucoup de CTA
- La typographie correspond à la voix de la marque avec des icônes assorties
Ce que nous n'avons pas aimé
- Les images des produits auraient pu être mieux intégrées au-dessus du pli
- Grand espace blanc par la FAQ
- Manque d'en-tête collant, de bouton "Acheter maintenant" ou de moyen de sauter au sommet

Nanofeuille
Ce que nous avons aimé
- L'en-tête collant comprend la navigation et le bouton "Boutique", qui se cache également lorsque vous faites défiler vers le bas.
- Superbe animation de défilement au-dessus du pli
- Excellente construction d'histoire à travers des images
- Le titre de la page change lorsque vous changez d'onglet
Ce que nous n'avons pas aimé
- Il manque une vidéo dans la section Effet lumineux dynamique
- La vidéo aurait pu être lue sans ouvrir de fenêtre
- Grand espace blanc inutilisé sous le pli

Quolibet
Ce que nous avons aimé
- Vente incitative, vente incitative et encore plus de vente incitative !!
- Grande utilisation des couleurs
- Bon usage des gifs plutôt que des images fixes
Ce que nous n'avons pas aimé
- Prix incohérent
- La section de révision vous éloigne de la page du produit et manque de preuve sociale
- Politique de garantie/retour/expédition cachée, pourrait utiliser des liens pour une lecture plus approfondie

DMarque
Ce que nous avons aimé
- Excellentes options de personnalisation qui se reflètent dans les images du produit.
- Une narration fantastique racontée par la voix sans vergogne abrasive de la marque.
- L'animation de défilement avec des photos haute résolution maintient l'utilisateur engagé
Ce que nous n'avons pas aimé1200
- Appels à l'action très limités
- Pas de ventes incitatives ni de ventes croisées, une seule vente suggestive
- Pas d'en-tête collant ou de bouton "Ajouter au panier" collant

Vessi
Ce que nous avons aimé
- Excellentes animations, en particulier l'animation de la chaussure qui explose
- Joli en-tête collant avec le bouton "Ajouter au panier"
- Fantastique section de révision que vous pouvez développer
Ce que nous n'avons pas aimé
- Le flux Instagram aurait pu être interactif
- Les images auraient pu zoomer au survol plutôt qu'au clic
- L'en-tête collant aurait pu vous permettre de changer la couleur

Marcucci
Ce que nous avons aimé
- Personnalisation étendue qui met à jour l'image du produit en fonction de la variante choisie
- L'image du produit colle en haut de l'écran
- Design minimaliste, n'offre que ce dont vous avez besoin
Ce que nous n'avons pas aimé
- Pas de bouton "Acheter maintenant" collant
- Aurait pu utiliser des icônes de confiance et plus de preuves sociales
- Manque de couleur et de créativité générale

Balbuzard
Ce que nous avons aimé
- Section « Fonctionnalités spéciales » interactive et informative
- Créer une section de vente incitative et de vente croisée
- Excellent en-tête collant avec navigation et bouton "Acheter maintenant"
Ce que nous n'avons pas aimé
- Section de révision extra-longue
- Les images de produits auraient pu être plus uniques entre les variantes
- De grandes colonnes latérales vides qui auraient pu être utilisées pour développer l'histoire de la marque, ce qui manque à la page

Groupe Olufsen
Ce que nous avons aimé
- Preuve sociale d'experts
- Excellente utilisation des boutons et des en-têtes collants, utilisation impressionnante des ventes incitatives sur toute la page dans les sections pertinentes
- Superbes photos et vidéos de produits
Ce que nous n'avons pas aimé
- Pourraient mieux styliser leurs balises H
- Pas de FAQ "sur la page"
- Aucun avis client

Homme de cuir
Ce que nous avons aimé
- Excellentes images de produits
- La section « Outils », « Fonctionnalités » et « Spécifications » est interactive, intuitive et informative
- Engagement communautaire avec @leathermantools dans leur flux Instagram
Ce que nous n'avons pas aimé
- La section de révision est grande, la section de révision des faits saillants est également redondante
- Aucune histoire n'est racontée
- Rien de collant (à part le chat)

SodaStream
Ce que nous avons aimé
- Partenaires commerciaux du salon
- La description du produit n'est pas simplement un paragraphe de texte mais est divisée en points facilement assimilables
- La section de comparaison est sympa
Ce que nous n'avons pas aimé
- Espace blanc excessif
- Aucun attrait pour l'utilisateur (pas d'histoire, pas d'avantage
- Non organisé / pas de flux vers celui-ci

Herman Miller
Ce que nous avons aimé
- Utilisation originale de la typographie
- Grande utilisation de la vidéo
- Beaucoup d'informations détaillées avec de superbes images pour aller avec
Ce que nous n'avons pas aimé
- La liste déroulante des détails du produit s'ouvre automatiquement, créant un grand mur de texte brut
- Alignement du texte incohérent
- La section de questions-réponses sur le produit et la section de révision auraient dû être une liste déroulante

HURU
Ce que nous avons aimé
- Bon usage de la vente incitative
- Expliquez bien le produit à travers des images et des descriptions informatives
- Belle fonctionnalité de panier, l'ajout collant au panier en bas vous permet d'ajouter au panier tout en restant sur la page
Ce que nous n'avons pas aimé
- La section d'avis devrait être plus basse, les clients sont habitués à ce qu'elle soit plus basse
- CTA n'a pas de couleur, mais ils ont une animation sympa
- La section de révision aurait pu être minimisée

JBL
Ce que nous avons aimé
- La meilleure caisse collante que nous ayons vue jusqu'à présent
- Grande utilisation des couleurs de la marque
- Grande section de comparaison
Ce que nous n'avons pas aimé
- Le curseur de fonctionnalité n'est pas génial, couleur incohérente, bouton suivant médiocre
- Les boutons de la page vous amènent à une page distincte
- Sections de support redondantes

Corsaire
Ce que nous avons aimé
- Boutons collants, mais l'en-tête collant disparaît lorsque vous faites défiler vers le bas pour fournir un maximum d'espace pour le reste de la page du produit. Il réapparaît lorsque vous faites défiler vers le haut
- Excellente utilisation de la vidéo sur toute la page
- L'animation de défilement avec des photos haute résolution et des CTA maintient l'utilisateur engagé
Ce que nous n'avons pas aimé
- Ennuyeux au-dessus de la zone de pli par rapport au reste de la page
- Aucune section de vente incitative ou de vente croisée
- Navigation lente dans la galerie de photos

UgMonk
Ce que nous avons aimé
- g
- Bon usage des gifs, plutôt que des images fixes
- Bon usage des ventes incitatives et des ventes croisées
- Bon usage de la preuve sociale
Ce que nous n'avons pas aimé
- Les images sont redondantes
- L'examen du produit pourrait être meilleur (vous amène au bas sans retour rapide)
- Aucun moyen d'acheter un produit rapidement ou à n'importe quel endroit de la page

Échelon
Ce que nous avons aimé
- Grand sens de la communauté via Instagram
- Très peu d'espace blanc perdu
- L'en-tête collant comprend un bouton "Acheter maintenant"
Ce que nous n'avons pas aimé
- La section Pitbull se polarise
- La section d'adhésion aurait pu utiliser une section interactive
- Sur Safari, un problème de défilement lié au blocage se produit lorsque vous tentez de faire défiler une galerie de photos

DJI
Ce que nous avons aimé
- Excellentes ventes incitatives avec un bouton « Acheter maintenant » attrayant qui intègre une estimation de livraison
- Belle section "dans la boîte"
- Excellente utilisation de l'imagerie pour la section "Take a Closer Look"
Ce que nous n'avons pas aimé
- Pas de section d'examen avec peu de preuves sociales
- La section "Quel est le meilleur pour vous" devrait avoir des liens vers les produits référencés
- Pas beaucoup d'histoire sur la page du produit

Dr Brasseur (20)
Ce que nous avons aimé
- Maintient le jeu de couleurs sur toute la page, y compris les étoiles dans la section de révision. Chaque page de produit a une palette de couleurs unique basée sur le style artistique
- Bonne vente croisée d'autres produits
- Fantastique preuve sociale tout au long de la page
Ce que nous n'avons pas aimé
- Pas de ventes incitatives (pourrait vendre des marchandises)
- Section de révision extra-longue
- Pas d'en-tête collant ou de bouton "Retour en haut"

Coupes
Ce que nous avons aimé
- La section de sélection de produits est diversifiée
- Grande pression sociale, ils ont même leur propre hashtag
- Leur vidéo se fond parfaitement dans la page
Ce que nous n'avons pas aimé
- Section de révision inutilement grande
- Aucune histoire/lien émotionnel avec le produit
- Pas de boutons collants "Acheter maintenant" ni de possibilité de sauter vers le haut

Alloï
Ce que nous avons aimé
- Statistiques de preuve sociale animées soignées
- Peut minimiser la section de révision
- La section FAQ est facile à lire et se range bien
Ce que nous n'avons pas aimé
- La section Conçue à la perfection pourrait être interactive
- Les boutons "suivant" et "précédent" de l'image du produit changent de position en fonction de l'image, lors de la sélection de différentes couleurs, les images ne s'alignent pas sur la bonne couleur
- Utilisation abusive de contenu/texte de soulignement qui ne renvoie à rien

Périphériques de tracé
Ce que nous avons aimé
- Conception de page agréable
- Le ton de la copie est détendu
- Vidéos et images bien intégrées
Ce que nous n'avons pas aimé
- Pas de preuve sociale
- Pas interactif alors qu'il pourrait l'être et pourrait utiliser plus d'animations
- Pas de vente incitative

Sacré dur
Ce que nous avons aimé
- Les options de personnalisation sont reflétées dans les images du produit.
- Une narration fantastique racontée par la voix sans vergogne abbrasive de la marque.
- Grande utilisation de la preuve sociale instagram
Ce que nous n'avons pas aimé
- Pas de bouton "Acheter maintenant" collant
- Pas de ventes incitatives
- Section de révision massive

Conclusion
Maintenant que vous avez fini de parcourir tous nos exemples de pages de produits préférés, il peut être plus évident de savoir ce qui différencie une bonne expérience utilisateur d'une mauvaise. Bien que vous soyez maintenant équipé des connaissances nécessaires pour créer de superbes pages de produits, ne tirez pas un capitaine Ahab et passez toute votre vie à chercher la page de produit parfaite . Nous vous épargnons les tracas, il n'y en a pas. Soyez simplement conscient du temps et de l'expertise Internet de votre visiteur afin de pouvoir dépasser ses attentes.

Si vous sentez que vous avez besoin de conseils supplémentaires ou si tout cela est trop accablant, arrêtez d'hésiter sur vos rêves et contactez dès aujourd'hui notre équipe d'experts en pages produits chez WebCitz !