Exemples de conception de page de destination à voir en 2019
Comment convaincre vos visiteurs de franchir le pas sur votre site web ?Il y a beaucoup d’éléments dont une bonne page de destination a besoin et faire de ces éléments les meilleurs dépend souvent de vos objectifs.
Prenez la longueur du formulaire, par exemple. C’est l’un des nombreux points à optimiser, mais les meilleures spécialistes vous indiqueront que les formulaires courts et longs fonctionnent bien. Tout dépend si vous souhaitez générer un grand nombre de formulaires (potentiellement) de qualité inférieure, ou un plus petit nombre de conversions de qualité supérieure.
Attention: je n’ai pas accès aux statistiques de ces pages, je ne peux donc pas vous dire à quel point elles convertissent les visiteurs et les leads (clients potentiels). Néanmoins, même si certains de ces sites ne sont plus actifs, ils présentent certaines des meilleures combinaisons d’éléments, qui font qu’une page de destination soit attrayante, que j’ai jamais vus.
Évidemment, si vous êtes inspiré par la stratégie de l’une ou l’autre de ces sites et que vous voulez savoir si ça marche sur votre propre site Web, le seul moyen de le savoir à coup sûr si elles fonctionneront pour vous est de le tester par vous-même.
Exemples de page de destination :
1. Shopify
2. Muzzle
3. TransferWise
4. Airbnb
5. Teambit
6. Wistia
7. Webflow
8. Nauto
9. Industrial Strength Marketing
10. Inbound Emotion
11. Velaro Live Chat
12. IMPACT Branding & Design
13. Unbounce
14. Bills.com
15. Trulia
16. Landbot
17. Webprofits
18. H.BLOOM
19. Conversion Lab
Exemples de Pages de destination avec inscription
1. Shopify
Comme beaucoup d’autres de cet article, la page de destination de Shopify est simple. Le titre orienté utilisateur ne contient que quelques mots et la page repose sur de simples puces, et non sur des paragraphes, pour communiquer les détails et les avantages de l’offre d’essai. Vous ne devez remplir que quelques champs avant de commencer. Tout cela facilite la compréhension de ce que permet ce logiciel : vendre en ligne avec son outil.
2. Muzzle
Les pages de renvoi aident les utilisateurs à décider si votre produit ou service vaut réellement leur temps et leur énergie. Quel meilleur moyen de montrer la valeur ajoutée de ce que vous offrez clairement et simplement, qu’en confrontant les visiteurs au problème même que votre application résout?
Muzzle, une application pour Mac qui réduit au silence les notifications à l’écran, correspond à la mentalité du “montre et ne dis rien” sur leur page de renvoi, qui serait sinon minimale. Les visiteurs de la page sont accueillis par une attaque rapide de notifications embarrassantes en haut à droite de l’écran. L’animation est non seulement hilarante, mais elle réussit également à rendre convaincante l’utilité de l’application sans de longues descriptions.
3. TransferWise
TransferWise vous permet d’envoyer et de recevoir de l’argent dans différentes devises. Sa page de destination, illustrée ci-dessous, sépare chaque action afin que vous ne soyez pas distrait par des options qui ne vous concernent pas.
Si vous souhaitez envoyer de l’argent, le formulaire de transfert est à votre droite, à remplir. Pour recevoir de l’argent, cliquez simplement sur l’onglet du milieu. Pour vous inscrire à TransferWise à l’aide de votre carte de crédit, cliquez sur l’onglet situé à l’extrême droite.
Chaque onglet de cette page produit un appel à l’action différent en fonction de ce à quoi vous vous inscrivez – chacun d’entre eux dans une zone verte vibrante pour mettre en évidence votre prochaine étape après vos trois points de départ possibles.
4. Airbnb
Pour aider à convertir les visiteurs en hôtes, Airbnb propose une personnalisation séduisante: une projection des gains hebdomadaires moyens estimés en fonction de votre emplacement. Vous pouvez entrer des informations supplémentaires sur vos hébergements potentiels dans les champs pour obtenir une estimation encore plus personnalisée. Si vous visitez la page déjà convaincu, l’appel à l’action claire en haut de la page facilite la conversion sur place.
5. Teambit
La première chose qui saute aux yeux, c’est la fantaisie de la page avec beaucoup d’illustrations de Teambit mais le principe reste tout à fait le même. Un formulaire simple, à un champ, est accompagné d’un bureau pleins de personnages animaliers qui sont tous très satisfaits de Teambit, au cas où vous vous poseriez la question. Un dessin d’animal apparaît à côté de chaque section d’information de la page de destination, ce qui permet aux visiteurs de faire défiler l’écran pour en savoir plus.
La page de destination de Teambit est la preuve parfaite qu’il n’est pas nécessaire de proposer un produit ou un service “amusant” de manière conventionnelle pour créer une page de destination amusante.
6. Wistia
La première page est la page de destination de Wistia pour son compte gratuit Wistia. Dès le départ, vous remarquerez le formulaire à un champ pour créer votre compte – le fond bleu à motifs minimaux contraste bien avec le champ de formulaire blanc et brillant.
La longueur du champ de formulaire, combinée au positionnement bien en vue, élimine presque toute réticence à créer un compte … mais si vous avez des doutes, vous pouvez toujours faire défiler l’écran ci-dessous pour lire les réponses aux questions les plus fréquentes. En séparant ces deux sections en contrastant les couleurs, Wistia facilite beaucoup la conversion.
7. Webflow
Webflow, outil de conception pour les développeurs Web, il regroupe de nombreuses informations dans un fichier GIF et trois champs de formulaire. Avoir l’intégralité du formulaire d’inscription sur une seule ligne est une avantage ici – non seulement cela raccourcit la page, mais le fait de remplir chaque case de gauche à droite montre aux utilisateurs à quel point ils sont proches du clic sur le quatrième bouton bleu pour commencer gratuitement.
Le fichier GIF animé situé sous le formulaire est visible dans le même cadre du site Web. Les utilisateurs peuvent ainsi voir comment le produit fonctionne et s’inscrire sans faire défiler ou cliquer sur une nouvelle page.
8. Nauto
Nauto, une plate-forme de données pour les voitures autonomes, contribuant à rendre la conduite autonome plus sûre pour les entreprises qui gèrent des parcs de véhicules autonomes. Naturellement, ses clients auraient besoin de toutes sortes d’informations pour les vendre sur cette plateforme. Nauto les met à disposition dans un e-book très simple dont la page de destination vous fournit à la fois un bref formulaire de contact et des statistiques prévisualisables pour prouver en quoi cette ressource est si importante.
En haut de la page, illustrée ci-dessus, une photo chaleureuse de l’intérieur d’une voiture épouse parfaitement le formulaire pour attirer les visiteurs. Le bouton vert “Télécharger maintenant” a peut-être été fait exprès (sur la route, vert signifie aller, après tout).
Faites défiler l’écran vers le bas et vous verrez une autre incitation à l’action “Obtenez le livre électronique” pour rappeler aux utilisateurs ce qui les attend. Vous verrez également trois statistiques choquantes sur les accidents de voiture pour inciter les utilisateurs à en apprendre davantage. Vérifiez ci-dessous.
9. Commercialisation industrielle
Dès le départ, cette page de renvoi m’entraîne avec un en-tête convaincant et percutant: «Ne me faites pas de zoom». Cela témoigne directement d’une expérience commune vécue par la plupart d’entre nous lorsque nous naviguons sur nos téléphones ou nos tablettes – et c’est aussi un peu impertinent.
Mais ce n’est pas la seule chose qui me permet de rester intéressé par cette page de destination. Notez que la couleur rouge est stratégiquement placée: elle se trouve tout en haut et en bas du formulaire, ce qui vous rapproche encore plus du lieu de conversion.
De plus, cette conception est adaptée sur mobile. N’oubliez pas que de nombreux visiteurs accèderont à vos pages de destination sur leur smartphone ou leur tablette et que, si la conception de votre site Web ne leur convient pas, ils risquent de vous abandonner et de quitter votre page.
Chez Industrial Strength Marketing, les polices et le champ de formulaire sont suffisamment grands pour que les visiteurs ne soient pas obligés de zoomer pour lire et interagir avec le contenu, par exemple.
10. Emotion entrante
Même si vous ne parlez pas espagnol, vous pouvez toujours apprécier les capacités de conversion de ce site partenaire HubSpot. Mes deux fonctionnalités préférées de la page? Le formulaire reste dans une position fixe et bien en évidence lorsque vous faites défiler le site. J’aime aussi les mains qui servent d’indices directionnels pour remplir le formulaire et partager la page avec d’autres.
11. Velaro Live Chat
Parfois, les plus petits détails font une plus grande différence. C’est ce qui rend la page de destination de Velaro Live Chat géniale, par exemple.
Ce petit symbole PDF sur l’image principale permet de définir les formats de téléchargement. La flèche située devant le sous-titre vous permet d’attirer davantage l’attention sur l’exemplaire important qu’ils souhaitent que les visiteurs lisent. Comme pour IMPACT, ils ont également une case à cocher automatique pour s’inscrire à leur newsletter sur leur formulaire. Si cette option est transformée en une case à cocher optionnelle, elle constitue un excellent moyen d’augmenter le nombre d’abonnés. Tous ces petits détails, apparemment insignifiants, permettent de créer une page de conception solide et admirable.
12. IMPACT Branding & Design
Divulgation complète: IMPACT est un partenaire HubSpot – mais ce n’est pas pour cela qu’ils sont inclus ici. Les pages de renvoi d’IMPACT sont depuis longtemps une source d’inspiration pour la conception. J’aime la mise en page simple de la page, de la copie en gros titre et de l’image détaillée, au contour qui entoure la forme, en passant par les couleurs et les polices qui sont très agréables à l’œil.
Le guide gratuit qu’IMPACT propose au téléchargement ici ne met pas l’accent non plus sur le téléchargement lui-même dans le bouton bleu qui vous permet de soumettre votre formulaire rempli. IMPACT vous invite plutôt à “générer plus de conversions”, en mettant l’accent sur ce que vous pourriez gagner à la suite de la lecture de ce guide.
13. Unbounce
Ce n’est pas surprenant qu’Unbounce se trouve proche du haut de la liste. Ils ont écrit le livre sur la création de pages de destination à conversion élevée. Bien que cette page de renvoi comporte de nombreuses choses étonnantes, les deux que j’aime absolument sont:
L’utilisation d’une fenêtre de discussion au lieu d’un formulaire classique et les informations détaillées ,mais bien disposées, figurant sous le formulaire.
La première aide à attirer l’attention sur l’objectif de la page – vous permettant de remplir le formulaire – d’une manière qui soit discrète et qui ressemble moins à une corvée. La seconde donne à cette page un coup de pouce pour le référencement (les moteurs de recherche auront plus de contenu à explorer) et soulagera toute inquiétude des gens qui ont besoin d’en savoir plus sur un contenu avant de transmettre leurs informations, tout en évitant de détourner les visiteurs de la fenêtre de discussion.
14. Bills.com
Souvent, les gens pensent que les pages de destination sont des pages statiques sur votre site Web. Mais avec les bons outils, vous pouvez les rendre interactives et personnalisées.
Prenons l’exemple ci-dessous de Bills.com. Pour savoir si vous bénéficierez de leur consultation, vous devez répondre à trois questions avant qu’un formulaire ne vous soit montré. Cela commence par celle-ci:
Ensuite, vous répondrez à deux autres questions, comme celle ci-dessous:
Et voici le dernier formulaire de page de destination où vous remplirez vos informations:
Je ne suis pas sûr de savoir comment fonctionne l’algorithme (ou s’il en existe un du tout), mais pendant que je le remplissais, j’étais inquiet de ne pas me correspondre aux critères. Une fois que j’ai appris que c’était le cas, j’étais ravi de remplir le formulaire, ce que la plupart des personnes endettées utilisant cet outil étaient aussi, j’en suis sûr. En faisant en sorte que cette offre semble plus exclusive avant que le formulaire n’apparaisse sur la page de destination, je parie que Bills.com a considérablement augmenté les conversions.
15. Trulia
Trulia a fait quelque chose de très similaire à Bills.com avec sa page de destination. Cela commence par un simple formulaire demandant “une adresse” (qui sonne moins effrayant que “votre adresse”, bien que ce soit ce qu’ils veulent dire). Sous ce champ de formulaire simple se trouve un bouton orange vif qui contraste bien avec l’image derrière le formulaire et souligne que l’estimation sera personnalisée pour votre domicile.
Bien sûr, l’adresse en elle-même ne sera pas suffisante pour estimer la valeur d’une maison. Cela dénote simplement le voisinage de la maison. C’est pourquoi la page suivante suit avec plus de questions sur la propriété elle-même, comme le nombre de lits et de bains. Ci-dessous, vous voyez la copie “Dites-nous où envoyer le rapport” – avec une clause de non-responsabilité selon laquelle, en entrant ces informations, vous acceptez de vous connecter avec un agent immobilier. C’est un excellent exemple d’entreprise qui donne de la valeur à ses visiteurs dès le départ, tout en définissant leurs attentes par rapport à ce qui va se passer.
16. Landbot
Landbot, un service qui crée des pages de destination basées sur chatbot, met leur propre produit au centre de leur page de destination alimentée par le chat. Les visiteurs sont accueillis par un sympathique “bot”, accompagné d’emojis et de GIF, qui les encourage à fournir des informations dans un format conversationnel, plutôt que sous une forme traditionnelle.
17. Webprofits
Pour un peu de contraste … et les longues pages de destination? En quelques secondes seulement, même la page de destination la plus longue semble courte. La page de destination Webprofits ci-dessous nous montre comment.
Tout en haut, il y a un bouton bien visible pour en savoir plus – avec un joli contraste sur le fond pour le faire ressortir, et une flèche orientée vers le bas pour encourager le défilement. En ne mettant pas un champ de formulaire en avant, ils aident à réduire les réticences et permettent aux visiteurs d’en apprendre davantage avant de se voir proposer une option de conversion.
Ils vous permettent également de comprendre facilement ce que fait Webprofits. Le reste de la page offre des informations détaillées sur ce que vous obtiendrez lorsque vous donnerez vos informations. De plus, il inclut des appels à l’action stratégiques pour vous permettre de remplir le formulaire, comme “Parlons-en”.
18. H.BLOOM
Parfois, il vous suffit de vous arrêter et d’admirer une page de renvoi pour sa beauté. Utilisant des photographies en haute résolution et beaucoup d’espaces blancs, la page de destination de H.BLOOM est un plaisir à regarder.
Outre sa beauté, la page contient de très bons éléments de conversion: un formulaire au-dessus du pli, une description claire et concise de ce qui se passe lorsque vous remplissez le formulaire, et même le bouton orange vif “Soumettre”. La seule chose que nous changerions? Une copie du bouton “Soumettre” – cela pourrait être plus spécifique à l’offre en question.
19. Conversion Lab
Bien que je n’inclue généralement pas un exemple de page d’accueil avec un formulaire dans un article sur les pages de destination, ce site Web est spécial. La page d’accueil représente l’intégralité du site. Les liens de navigation vous mènent simplement aux informations ci-dessous.
Lorsque vous cliquez sur “Obtenir de l’aide sur les pages de renvoi”, l’ensemble du site se déplace pour laisser de la place au formulaire. Voici à quoi ça ressemble avant de cliquer:
Et, lorsque vous cliquez sur le bouton regardez comment le formulaire apparaît:
J’aime le fait que je ne doive pas quitter la page pour remplir le formulaire, ainsi le formulaire ne sera pas intrusif pour les visiteurs occasionnels du site Web.
Plus d’informations sur : Pourquoi les bonnes performances d’un site optimisent-elles son SEO ?
Si vous souhaitez être accompagné pour générer des leads avec une Landing Page, n’hésitez pas à lire notre Guide Complet du Marketing digital ou à nous contacter pour bénéficier d’un rendez-vous gratuit avec l’un de nos consultants en marketing digital.
