15 meilleurs exemples de pages de destination de commerce électronique + idées qui convertissent [2022]

Le rapport 2022 de Shopify sur l' avenir du commerce électronique a révélé des vérités pas si choquantes :

• Les coûts directs pour le consommateur augmentent.
• Les coûts publicitaires montent en flèche sur toutes les plateformes.
• Les ventes mondiales du commerce électronique devraient atteindre 6 000 milliards de dollars d'ici 2024.
• La concurrence est le principal obstacle à la croissance en 2022.

Non seulement les consommateurs font la queue pour faire plus d'achats en ligne, mais la concurrence n'a jamais été aussi féroce. Et ça coûte à tout le monde.

Cela signifie que maintenant, plus que jamais, la maximisation de l'efficacité des campagnes de commerce électronique devrait figurer en tête de votre liste.

La bonne nouvelle?

Il n'y a pas de meilleur moyen de réduire les dépenses publicitaires, d'augmenter les ventes, de battre les concurrents ou de réduire le coût par acquisition (CPA) qu'en optimisant les performances de vos pages de destination de commerce électronique. Et c'est exactement ce que nous allons vous montrer comment faire aujourd'hui.

Dans cet article, nous allons explorer 15 des meilleurs exemples de pages de destination de commerce électronique (chacun représentant une fonctionnalité différente nécessaire aux conversions).

Souvent, les concepteurs de pages de destination de commerce électronique utilisent des images pour remplir l'espace. Mais une image de produit de haute qualité peut faire ou défaire des conversions.

Au lieu de simplement remplir l'espace, présentez vos produits dans la vraie vie, comme s'ils étaient capturés par une mouche sur le mur de votre client idéal.

Plus il est dynamique, détaillé et de haute qualité, mieux c'est.

Par exemple, remarquez comment Keeps utilise non seulement des photographies personnalisées de la plus haute qualité, mais ils mettent également leurs produits dans le monde réel. Ils rendent leurs produits réels, tangibles et intégrables à la vie quotidienne de quelqu'un.

N'oubliez pas que votre client est le héros ; votre produit est l'épée magique qui les aide dans leur voyage. Mais ne vous y trompez pas, c'est leur voyage, pas le vôtre. Alors donnez vie à leur voyage dans les images de votre page de destination.

Les pages de destination diffèrent des autres pages de votre site Web ou même des pages de produits de votre boutique en ligne.

Alors que les pages de votre site Web doivent répondre aux besoins de tous les visiteurs, vos pages de destination doivent uniquement répondre aux besoins des visiteurs spécifiques de la campagne. Cela signifie que les pages de destination sont plus efficaces lorsqu'elles restent concentrées sur un appel à l'action (CTA) clair, et non sur plusieurs.

Trop d'offres et d'options sur votre page de destination peuvent entraîner une paralysie de l'analyse ou ce que le psychologue Barry Schwartz appelle le « paradoxe du choix ». Cela rend vos visiteurs dépassés et indécis.

Pour lutter contre cela, vous devez vous concentrer sur un seul CTA.

Nous appelons cette meilleure pratique de page de destination un ratio d'attention de 1:1. Un objectif, un CTA.

C'est ça.

Par exemple, remarquez que Home Chef ne propose qu'un seul lien sur l'ensemble de sa page de destination (le bouton vert pour choisir vos repas). Même la barre collante rouge "Redeem Offer" mène au même objectif de conversion, mais formulée différemment.

Maintenant, juxtaposez cela avec la page de destination de Thistle :

La page de destination complète de Thistle comporte près de 20 liens. C'est beaucoup de distraction et encore plus de place pour l'indécision.

La preuve sociale fait référence au phénomène selon lequel les gens copient régulièrement les choix de leurs pairs et recherchent d'autres opinions lorsqu'ils prennent leurs décisions d'achat.

Ainsi, plus vous avez de preuves que d'autres personnes comme eux ont franchi le pas et réussi, plus vous convertirez de visiteurs. Simple.

La preuve sociale de la page de destination renforce la confiance et se présente sous la forme de témoignages de clients, d'étoiles, de badges de confiance, de récompenses, de mentions dans les médias, d'études de cas, etc.

Par exemple, Jasper (anciennement Jarvis) présente une preuve sociale sur sa page de destination sous la forme d'étoiles, d'avis de clients et d'une liste de clients avec des logos.

En ce qui concerne la preuve sociale, tenez compte de ce qui suit :

• Créez un processus : intégrez les témoignages à votre processus de vente en automatisant la récupération par e-mail.
• Choisissez l'ajustement : recherchez des témoignages qui correspondent à votre proposition de valeur.
• Placez-le partout : placez la preuve sociale partout où vous le pouvez. Donnez-lui sa propre section, placez-la près des avantages, à côté de la description du produit, à côté des boutons CTA, sur la page de paiement/panier, etc.
• Gardez-le diversifié : utilisez des témoignages, des classements par étoiles, des récompenses, des publications en vedette… la liste des exemples de preuve sociale s'allonge encore et encore. (En fait, nous avons écrit un blog entier qui couvre les nombreux types ; consultez-le ici.)
• Soyez honnête : personne ne s'attend à une réputation parfaite. En fait, une preuve sociale trop parfaitement organisée peut amener vos clients à remettre en question sa légitimité et son honnêteté.

Voici un peu d'économie 101 : plus le prix est bas, plus la demande est forte.

L'ajout d'une remise à votre page de destination de commerce électronique est une stratégie qui peut augmenter les conversions. Nous le savons.

Il n'est donc pas surprenant que les marchands de vin Corkscrew aient augmenté leurs conversions de 148 % lorsqu'ils ont ajouté une étiquette de remise de 15 % sur la page de destination de leur produit.

De même, l'un de nos propres clients, MyClean, a eu du succès après avoir divisé les remises de test dans sa copie. Avec des remises dans le cadre de leur stratégie, ils ont constaté une augmentation de 31 % des conversions et une diminution de 20 % du CPA. (Vous pouvez en savoir plus sur leur succès dans notre étude de cas.)

Mais vous vous demandez peut-être à quel moment risquez-vous de déprécier votre marque ? Et combien de ventes supplémentaires devez-vous réaliser pour compenser le manque à gagner ?

Dans le cas de Corkscrew, une augmentation de 18,5 % des nouveaux achats à un coût de 45 $/bouteille a sans aucun doute compensé tout profit perdu à cause de la remise.

Mais si ce taux de conversion n'avait augmenté que de, disons, 2 %, il aurait été plus difficile à justifier.

Ainsi, bien que les remises puissent aider à créer une offre spéciale irrésistible avec une urgence accrue, assurez-vous simplement de le faire avec prudence ou de le faire dans le meilleur intérêt de votre marque.

Par exemple, cette marque propose une réduction, mais uniquement si vous vous inscrivez à leurs e-mails.

L'un des moyens les plus simples et les plus rapides d'augmenter les conversions de pages de destination de commerce électronique consiste à tester la copie de votre bouton CTA.

Non seulement la copie de bouton est facile à tester, mais d'après notre expérience, c'est l'un des trois principaux contributeurs aux conversions. En d'autres termes : il s'agit d'un faible effort mais d'un impact élevé.

L'astuce avec la copie CTA est d'augmenter la motivation sans changer votre offre.

Par exemple, avec notre client TYME, nous avons testé trois boutons CTA différents pour voir lequel convertissait le mieux.

Tout d'abord, nous avons testé une menace faible :

Ensuite, nous avons testé une menace moyenne :

Enfin, nous avons testé une menace élevée :

Les resultats?

« Essayez pendant 30 jours ! » augmenter les conversions de 18 % par rapport à "En savoir plus".

"Acheter maintenant" a augmenté les conversions de 2 % par rapport à "En savoir plus".

L'offre n'a jamais vraiment changé - vous pouvez toujours retourner le fer dans les 30 jours. Mais en changeant la copie CTA en une version moins menaçante de "Acheter maintenant", nous avons augmenté la motivation de l'acheteur.

Selon Baymard, 25 % des sites Web de commerce électronique n'ont pas une résolution d'image de produit ou un niveau de zoom suffisants. Pas bon, étant donné que la première action de 56 % des visiteurs du commerce électronique est d'explorer les images des produits.

Comme nous l'avons dit, la qualité de l'image du produit est cruciale pour les conversions. Mais vous devez aller plus loin et garantir des photos haute résolution même lorsqu'elles ont été zoomées sur un ordinateur ou pincées pour zoomer sur un mobile .

Par exemple, remarquez à quel point ce canapé Sears est pixélisé lorsque vous effectuez un zoom avant :

Maintenant, juxtaposez cela avec un exemple de Nike :

Lorsque vous cliquez pour zoomer sur le bureau, une image plein écran s'ouvre en haute résolution :

Et si on pinçait pour zoomer sur mobile ?

La plupart des plates-formes de commerce électronique comme Shopify, Magento, BigCommerce et WooCommerce fournissent des applications ou des fonctionnalités pour les images de produits zoomables. C'est à vous de vous assurer que vos images sont suffisamment haute résolution.

Une autre façon de procéder consiste à inclure une image agrandie du produit lui-même sur votre page de destination. C'est comme ça que font les gens d'Apple :

Les résultats sont là : les gens adorent le chat en direct. Le chat en direct a un taux de satisfaction des consommateurs de 92 % et jusqu'à 41 % des acheteurs préfèrent le chat en direct comme canal de support client.

Non seulement le chat en direct fournit un canal de service client en temps réel efficace, mais il crée également un chemin sans friction vers la conversion.

En fait, Kayako a constaté que 79 % des entreprises interrogées ont déclaré que le chat en direct avait entraîné une augmentation de la fidélité des clients, des ventes et des revenus.

Tout cela pour dire : pourquoi ne pas inclure le chat en direct sur vos pages de destination ?

Unbounce connaît certainement les avantages :

Vous pouvez même utiliser un chatbot pour automatiser et développer votre service client de commerce électronique. Assurez-vous simplement de fournir également une option pour parler à une personne réelle.

Par exemple, remarquez comment Paula's Choice (un magasin de soins de la peau) utilise un chatbot pour répondre aux questions initiales, mais offre ensuite la possibilité de parler avec une personne réelle par la suite.

Parfois, le moyen le plus simple d'augmenter les conversions de la page de destination du commerce électronique est d'y ajouter une pincée de rareté et d'urgence. Cela rend simplement votre offre plus irrésistible.

L'urgence puise dans un principe fondamental de la psychologie comportementale : l'aversion aux pertes.

L'aversion aux pertes se résume en fait à une chose : la peur de rater quelque chose est plus forte que le désir de gagner. C'est pourquoi, lorsque vous créez un sentiment d'exclusivité autour de vos produits, cela entraîne davantage de conversions.

Jetez un œil à cet exemple de page de destination qui combine rareté et urgence sur leur page de destination :

Alors, comment pouvez- vous ajouter de l'urgence à vos pages de destination régulières et de produit ?

• Afficher les niveaux d'inventaire : il n'en reste plus que deux ? Informez vos visiteurs.
• Exécutez une offre à durée limitée : fabriquez l'urgence en limitant une vente, une remise ou un prix à une durée limitée uniquement.
• Présentez un compte à rebours : rendez votre offre limitée visuelle avec un compte à rebours à l'avant et au centre.
• Afficher le total des achats : faites savoir à vos clients potentiels combien d'acheteurs ont déjà acheté (voir : preuve sociale).
• Lancez une campagne de précommande : organisez une vente spéciale réservée aux acheteurs hâtifs et adoucissez l'offre avec des prix préférentiels et des bonus d'accès anticipé.
• Offrez des bonus exclusifs : regroupez des modules complémentaires en édition limitée pour les clients qui achètent maintenant.
• Gardez les avis de rupture de stock visibles : il n'y a pas de meilleur moyen de créer un sentiment d'urgence qu'en informant les visiteurs que différentes tailles, couleurs ou coupes sont déjà épuisées.

Les consommateurs d'aujourd'hui veulent et attendent la livraison gratuite . En réalité…

• 80% des consommateurs s'attendent à la livraison gratuite lorsqu'ils commandent plus d'un montant en dollars spécifique.
• 60 % des acheteurs abandonnent leur panier en raison de coûts supplémentaires, y compris les frais d'expédition.
• 58% des clients ajoutent des produits à leur panier pour bénéficier de la livraison gratuite.

Voici quelques chiffres supplémentaires sur la livraison gratuite :

Ainsi, heureusement pour les marques de commerce électronique, la livraison gratuite rend vos clients heureux et peut entraîner davantage de conversions et des commandes plus importantes.

Vous pouvez choisir d'offrir la livraison gratuite sur tout le site, offres de page de destination incluses. Ou vous pouvez faire preuve de créativité avec la livraison gratuite.

Par exemple, vous pouvez proposer

• livraison gratuite avec un minimum de commande
• livraison gratuite à durée limitée
• livraison gratuite sur certains produits
• livraison gratuite localement
• livraison gratuite jusqu'au retrait en magasin
• livraison gratuite pour les membres (par exemple, Amazon Prime)
• livraison gratuite en 7 jours uniquement

Cette page d'accueil Gillette offre la livraison gratuite sur chaque commande :

Bien que la livraison gratuite soit un excellent moyen d'attirer les clients et d'obtenir plus de conversions, la livraison gratuite est tout sauf gratuite pour vous.

Pensez donc stratégiquement.

Les meilleures boutiques de commerce électronique intègrent la livraison gratuite dans leur offre en augmentant le prix total, et non en réduisant leurs marges.

Par définition, une landing page est une page web dédiée. Mais la plupart des pages de destination du commerce électronique sont des "pages cliquables", ce qui signifie qu'elles cliquent toujours sur une page de paiement une fois qu'un visiteur a cliqué sur le bouton "Acheter maintenant".

Cependant, contrairement à la plupart, FabFitFun propose son offre d'abonnement, ses prix et son paiement sur une seule page de destination. Les visiteurs n'ont jamais à quitter la page de destination pour finaliser leur achat.

Pourquoi cela fonctionne-t-il ? Plus il y a d'étapes dans votre entonnoir de conversion, plus il y a de chances que quelque chose se passe mal. En gardant tout contenu sur une seule page, vous laissez peu de place à l'erreur et une distance plus courte jusqu'à la ligne d'arrivée.

La loi de Jakob stipule que puisque la plupart des gens passent la plupart de leur temps sur d'autres sites Web, ils s'attendent à ce que votre site Web fonctionne de la même manière que tous les autres sites qu'ils connaissent déjà.

Quand il s'agit de concevoir votre page de destination de commerce électronique, ne soyez pas mignon.

La présentation, les fonctionnalités, les performances et l'expérience utilisateur de la page de destination ne doivent pas faire réfléchir vos visiteurs ; il devrait se sentir et fonctionner de manière transparente, prévisible et sans effort conscient.

Drunk Elephant a récemment repensé ses pages produits (à partir de début 2022). Ce ne sont pas de véritables pages de destination, mais ils les utilisent souvent pour des campagnes publicitaires. Un problème : ils sont devenus trop mignons avec.

Désormais, les visiteurs

• faites l'expérience du défilement parallaxe avec un mouvement latéral
• ne peut pas défiler de haut en bas avec facilité
• ne peut pas voir certaines sections sans d'abord faire défiler les précédentes
• ne sont pas en mesure de dire où ils se trouvent sur la page
• ne reconnaissez aucune cohérence dans la conception ou la mise en page (chaque section semble différente)

Trop de charge cognitive est nécessaire pour afficher leurs pages de produits, ce qui donne aux visiteurs l'impression d'être hors de contrôle.

Et après des années et des années de navigation sur des sites Web pour gagner ma vie, si j'ai du mal à naviguer sur le site, vous pouvez parier que tout le monde l'est aussi.

Alors ne soyez pas comme Drunk Elephant. N'oubliez pas que vos utilisateurs s'attendent à ce que vos pages de destination fonctionnent comme les autres.

Faites-le comme cet exemple de page de destination, où il vous guide facilement tout au long de leur processus et l'expérience est transparente.

Vidéo. Vidéo. Vidéo.

Nous savons que personne ne peut arrêter de parler de vidéo ces jours-ci.

Mais la vérité demeure. Lorsqu'il s'agit de communiquer la valeur de vos produits, rien ne fait mieux qu'une vidéo de page de destination bien produite.

Un consommateur qui regarde une vidéo de produit est jusqu'à 144 % plus susceptible d'ajouter ce produit à son panier. Et dans une étude qui a interrogé plus de 1 000 personnes, 96 % des personnes interrogées ont déclaré avoir trouvé une vidéo utile dans leur processus de prise de décision.

Pourquoi?

Eh bien, si une image vaut mille mots, alors une vidéo en dit un million… seulement en quelques secondes.

C'est pourquoi l'exemple ci-dessous n'a pratiquement pas besoin de mots ; La vidéo parle d'elle-même.

Bien sûr, cela ne signifie pas que vous ne pouvez pas ajouter un peu plus d'informations. N'hésitez pas à ajouter ce qui est nécessaire, comme dans l'exemple ci-dessous.

Comme vous pouvez le voir, les vidéos de produits peuvent prendre différentes formes, telles que

• explicatif du produit
• comment
• récit
• déballage
• Comparaison de produits
• + tellement plus

La recherche montre que l'utilisation d'espaces blancs augmente la compréhension de près de 20 %.

L'espace blanc crée également un équilibre, augmente la lisibilité, agit comme un séparateur et rend votre page de destination de commerce électronique respirante.

Utilisez un espace blanc autour des fonctionnalités les plus importantes de votre page de destination, telles que vos titres, vos avantages et vos CTA, pour attirer l'attention de vos visiteurs et ajouter une touche visuelle.

Par exemple, remarquez comment Oura Ring utilise un espace blanc autour de sa section héros CTA pour séduire votre regard :

Ou remarquez comment l'espace blanc entre les sections de la page d'accueil de Marlow Pillow crée une architecture d'information qui guide votre regard vers le bas de la page, d'un avantage à l'autre.

La proposition de valeur de votre page de destination est une déclaration qui informe vos clients potentiels de la raison pour laquelle vous êtes supérieur à vos concurrents.

La vérité? Dans notre monde hyper-concurrentiel, il y a de fortes chances que vos produits ne soient pas uniques à 100 %.

Et ce n'est pas grave. Ne pas s'inquiéter.

Ce qui compte le plus, c'est que vous accrochiez votre chapeau à quelque chose et que vous vous y engagez.

Lorsqu'il s'agit d'élaborer une proposition de valeur de page de destination de commerce électronique parfaite, suivez ces trois principes directeurs :

• Expliquez ce que vous faites : si vous proposez un produit vraiment unique, il vous suffit parfois de dire aux gens de quoi il s'agit.
• Communiquez votre niche : D'autres fois, cela aide à communiquer votre spécialisation. Faites savoir aux acheteurs que vous êtes le choix pour certaines personnes mais pas pour d'autres. Possédez votre créneau.
• Gérer les plus grandes objections : pour la plupart des marques de commerce électronique (en particulier celles qui n'ont pas de produits uniques), communiquer le principal avantage tout en traitant l'objection principale s'avérera le plus efficace.

Regardons des exemples pour les trois.

Saucey est en concurrence dans son propre créneau : la livraison d'alcool. Rien de plus. Rien de moins.

Tout ce qu'ils doivent faire, c'est énoncer leur offre et la soutenir avec un avantage. Dans ce cas, ils traitent toutes les objections concernant les temps d'attente en déclarant "Livraison d'alcool en quelques minutes".

Death Wish Coffee Co. vend du café (surprise).

Pas exactement un produit original.

Cependant, Death Wish accroche son chapeau à la fourniture du "café le plus fort du monde". Ils énoncent magistralement leur valeur en lettres rouges et audacieuses, puis étayent leur affirmation en fournissant des détails sur la façon exacte dont ils livrent le café le plus fort du monde.

Saatva communique leur principal avantage (confort) tout en gérant leur plus grande objection (prix élevés). Simple mais efficace.

En ce qui concerne la hiérarchie visuelle, faire en sorte que les parties les plus importantes de votre page de destination se démarquent des autres aidera à garder votre page axée sur les objectifs.

Examinons quelques concepts de hiérarchie visuelle pour faire ressortir vos éléments les plus importants. (Si vous voulez une leçon entière, nous vous avons couvert dans notre blog sur les mises en page de page de destination.)

En règle générale, l'élément le plus volumineux se démarque le plus. Voici ce que nous voulons dire :

Créez une hiérarchie claire entre les titres, les sous-titres, les listes et les paragraphes en utilisant des tailles différentes pour chacun. Et pas nécessairement que des pixels ; pensez également à la largeur de la police (par exemple, fin, normal, semi-gras, gras, extra gras).

Une étude du groupe Nielsen Norman a révélé que la plupart des gens lisent sur le Web selon un schéma en forme de F. Voici une carte thermique qui montre la hiérarchie du regard de l'œil :

Pour les pages moins denses en informations (et plus lourdes en images), les lecteurs en ligne ont tendance à scanner en forme de Z.

Vous voulez un pourboire ? Faites atterrir le dernier point du Z sur votre CTA.

La couleur de vos boutons CTA n'a pas autant d'importance que le contraste de couleur de vos boutons et de l'arrière-plan. Faites-les éclater. Période.

De plus, vos titres, sous-titres et paragraphes doivent tous utiliser des teintes ou des couleurs différentes. Instantanément, vos visiteurs devraient être en mesure de dire par la taille et la couleur que les titres diffèrent des sous-titres, des CTA et du texte des paragraphes.

Après presque une décennie de conception de pages de destination de commerce électronique, nous pouvons affirmer avec confiance que si vous suivez les 15 exemples décrits dans cet article, vous serez sur la bonne voie pour créer une page de destination de commerce électronique à forte conversion.

En général, lorsqu'il s'agit d'optimiser les conversions, c'est une bonne idée d'aborder tout avec une bonne dose de scepticisme.

Bonnes nouvelles? Nous avons écrit un article complet sur les pages de destination des tests fractionnés afin que vous puissiez savoir exactement ce qui fonctionne pour vous. Vérifiez-le et convertissez-le.