408 Rue Albert Bailly - 59290 Wasquehal, France

13 exemples de grandes pages d’atterrissage que vous voudrez copier en 2020

Agence Webmarketing à Lille

13 exemples de grandes pages d’atterrissage que vous voudrez copier en 2020

Bien que de nombreuses pages de renvoi aient un aspect différent et utilisent une variété de stratégies intéressantes pour attirer le public, elles servent toutes un objectif majeur. Ces pages incitent les visiteurs du site web à passer à l’étape suivante de le parcours de l’acheteur.

Quel est l’objectif d’une page de renvoi ?

Une page d’accueil offre à un client potentiel une ressource, telle qu’un livre électronique ou une inscription à un webinaire, en échange de ses coordonnées de base. L’objectif de ces pages est de générer des pistes tout en attirant les prospects plus loin dans l’entonnoir à clients.

Plutôt que de servir de publicité de base qui montre au client un produit, une page d’accueil a pour but d’engager et de ravir un client en lui offrant quelque chose qui se rapporte au produit ou à l’industrie de l’entreprise. Lorsqu’ils remplissent le formulaire et reçoivent une récompense au contenu intéressant, ils sont peut-être encore plus susceptibles de faire confiance à votre marque et de devenir un client.

Conseil : vous voulez un moyen facile d’ajouter un formulaire à votre page de renvoi ? L’outil de création de formulaires gratuits de HubSpot peut vous aider à remplir votre CRM avec les pistes de votre site web.

Voyons un exemple de cas où une page de renvoi peut être particulièrement efficace. Si une entreprise souhaite vendre un produit d’IA qui aide les vendeurs, elle peut créer une page de renvoi qui offre au public une vidéo gratuite sur la manière d’utiliser l’IA dans le secteur de la vente. Le public intéressé peut proposer ses coordonnées en échange de ces informations utiles. S’ils apprécient la vidéo qu’ils ont reçue, ils seront plus enclins à répondre à un représentant de l’entreprise qui les appelle ou à acheter un produit.

Dans un autre scénario, une société d’édition qui cible un public de dirigeants pourrait créer une page de renvoi qui invite le public à s’inscrire à un webinaire organisé par un dirigeant d’une grande entreprise.

Après avoir indiqué leur adresse électronique sur le formulaire d’inscription présenté sur la page d’accueil, les prospects reçoivent un courrier électronique contenant les dates du webinaire et les informations de connexion, ainsi que les instructions pour s’inscrire à la lettre d’information ou s’abonner à la publication. Si l’utilisateur est satisfait du webinaire, il peut s’inscrire à la lettre d’information ou s’abonner pour rester au courant du contenu de la publication.

Bien que leur objectif soit assez simple en théorie, la conception d’une page d’accueil réussie nécessite une planification détaillée et test créatif.

Même après avoir lancé votre page d’accueil, vous voudrez faire attention aux taux de conversion pour voir si elle fonctionne bien.

Qu’est-ce qu’un bon taux de conversion des pages de renvoi ?

Selon WordStream, le taux moyen de conversion des pages d’atterrissage est de 2,35 % pour l’ensemble des industries, le 25e centile supérieur des pages d’atterrissage atteignant 5,31 % ou plus.

Pour déterminer votre taux de conversion, il suffit de diviser le nombre de conversions qu’une page web génère par le nombre de personnes qui ont visité cette page.

Si votre taux de conversion n’est pas encore proche de la moyenne, ne vous inquiétez pas. Fixer ces pourcentages peut être un peu difficile au début, surtout si vous avez beaucoup de visiteurs réguliers. Heureusement, il existe un certain nombre de les stratégies d’optimisation des taux de conversion qui peuvent vous aider à augmenter rapidement votre taux actuel.

Quelle que soit la vente de votre entreprise ou l’action de conversion que vous espérez lancer, il est utile de s’inspirer en voyant à quoi ressemblent les autres grandes pages de renvoi. Et parce qu’il n’y a pas de « bonne » façon de conception d’une page de renvoiSi vous avez besoin d’aide, vous pouvez consulter des exemples provenant de nombreux secteurs d’activité différents pour les différentes étapes du processus d’achat.

Vous voulez être inspiré ? Consultez les exemples de pages de renvoi ci-dessous.

Nous n’avons pas accès aux analyses de chacune de ces pages de renvoi, je ne peux donc pas vous dire précisément dans quelle mesure elles convertissent les visiteurs, les contacts, les pistes et les clients. Mais beaucoup d’entre elles suivent les meilleures pratiques tout en mettant en œuvre quelques nouvelles expériences qui pourraient vous donner des idées pour vos propres pages de renvoi.

13 Grands exemples de conception de pages d’atterrissage

1. Lyft

Nous adorons le fait que sur la page d’accueil de Lyft, ils se concentrent sur la principale motivation de leurs chauffeurs : gagner de l’argent facilement.

Nous aimons aussi le fait qu’en plus du formulaire « Apply Now », les conducteurs peuvent saisir leur ville et le nombre d’heures de conduite qu’ils pourraient effectuer pour Lyft dans une semaine afin de calculer combien ils gagneraient. Lorsque les visiteurs remplissent ces informations et appuient sur « Calculer », ils ne sont pas dirigés vers une nouvelle page. Au lieu de cela, ils voient un montant en dollars suivi d’un nouveau bouton d’appel à l’action pour « Apply Now » (qui, une fois cliqué, amène les conducteurs au formulaire).

En offrant ces deux voies de conversion, ils peuvent s’adresser à deux types de personnes différentes dans la voie de la conversion : celles qui sont prêtes à prendre la décision maintenant et celles qui ont besoin d’un peu plus d’informations avant de se convertir.

lyft-landing-page

2. L’ailier professionnel

D’accord, donc l’idée d’avoir un ailier professionnel pour vous aider à trouver des rendez-vous et une relation sérieuse est déjà assez cool. Mais lorsque vous êtes confronté à la perspective d’en engager un, cela soulève aussi des questions. Comment cela fonctionne-t-il ? Combien cela coûte-t-il ? Est-ce que cela va vraiment m’aider ?

C’est pourquoi nous aimons cette page d’accueil pour Thomas Edwards, l’ailier professionnel original lui-même, qui décrit exactement ce qu’une séance d’entraînement gratuite va permettre d’accomplir. De plus, il est clair qu’elle est gratuite, grâce au bouton d’appel à l’action de couleur vive situé au-dessus du pli.

Une fois que vous avez cliqué sur ce bouton, vous n’êtes pas amené à une nouvelle page. Au lieu de cela, une forme interstitielle apparaît juste là. Et bien qu’il demande beaucoup d’informations, dont certaines sont un peu personnelles, il envoie également le message que l’ailier professionnel va prendre cela au sérieux, mais seulement si vous le faites aussi.

professional wingman landing page

3. Rack à fumier

Cette page d’accueil a tout pour plaire. Elle est visuellement attrayante et interactive, propose des en-têtes scannables mais descriptifs sur les services de Muck Rack et utilise des citations de professionnels du secteur comme preuve sociale. De plus, la page est intuitive et facile à parcourir.

L’avantage de cette page de renvoi est qu’elle peut plaire aux deux publics de Muck Rack. Le haut de la page est divisé en deux, présentant côte à côte leurs deux services différents. Lorsqu’un visiteur passe sa souris sur l’un des CTA « trouver des journalistes » ou « créer un portfolio gratuit », une très formulaire simple apparaît – et c’est important, afin de ne pas distraire l’utilisateur de la tâche à accomplir.

muckrack landing page

4. Numérique

Il y a quelques éléments qui font que cette page d’accueil de Cigital fonctionne. Elle contient des images simples et pertinentes. Le titre est simple et la description de l’ebook informe les spectateurs de la valeur spécifique qu’ils obtiendront en le téléchargeant. Un seul appel à l’action — « LISEZ LE LIVRE » — se distingue sur la page grâce à un bouton CTA jaune vif.

La seule chose que nous changerions sur cette page d’atterrissage, c’est que nous supprimerions la barre de navigation en haut. Elles ont tendance à distraire les visiteurs et à les éloigner de l’action prévue. Non seulement il s’agit d’une bonne pratique de conception de la page d’accueil, mais nous avons également effectué des tests A/B qui ont montré que la suppression des liens de navigation des pages d’atterrissage augmente les taux de conversion.

Cigital landing page

5. Académie Khan

La difficulté d’utiliser votre page d’accueil comme page de renvoi est que vous devez vous adresser à plusieurs types de publics différents. Mais la page d’accueil de la Khan Academy le fait très bien. Cette page est clairement conçue pour trois types de visiteurs différents : ceux qui veulent apprendre quelque chose, ceux qui veulent enseigner, et les parents qui souhaitent utiliser Khan Academy pour leurs enfants. En outre, le texte « Vous pouvez tout apprendre » qui figure en haut de la page est-il motivant ?

Le reste de la page est destiné aux personnes qui ne sont pas totalement familiarisées avec la Khan Academy. Il décrit de manière colorée et détaillée les principaux avantages de la plateforme d’apprentissage, qui sont tous faciles à scanner et à comprendre. Il y a également un CTA récurrent : « Commencez à apprendre maintenant. » Dès que le spectateur estime avoir suffisamment d’informations, il peut cliquer sur le CTA pour remonter au formulaire en haut de la page sans avoir à le faire défiler.

khan academy landing page

6. Club W

Un petit peu de une copie agréable peut faire beaucoup de chemin sur votre page d’accueil. Nous aimons la petite parenthèse ludique — « (Indice : c’est du vin) » — que le Club W a incluse sous l’en-tête de sa page d’accueil de cadeaux d’entreprise. Cela humanise la marque et les rend sympathiques, ce qui pourrait avoir un impact positif sur leur taux de conversion.

Les images en dessous de cet en-tête font un bel usage de l’espace négatif, montrant à l’utilisateur exactement ce que le destinataire de son cadeau pourrait effectivement recevoir, s’il choisit de faire un cadeau avec le Club W. Et, bien sûr, il y a cet audacieux appel à l’action : « Envoyez-nous un courriel ».

La seule chose que nous changerions ? Le CTA invite les utilisateurs à ouvrir leur logiciel de messagerie, ce qui éloigne complètement le trafic du site et du navigateur. Un formulaire serait peut-être plus efficace ici : non seulement le Club W pourrait dicter les informations qu’il souhaite saisir, mais il garderait l’utilisateur sur place.

club w landing page

sept. Codecademy

J’aime cette page parce qu’elle est simple à la fois dans la copie et dans la conception. L’image au-dessus du pli est un écran d’ordinateur affichant un crochet HTML avec un curseur clignotant – un visuel fantaisiste et clair pour accompagner le formulaire de droite.

Le formulaire lui-même est simple et ne nécessite qu’une adresse électronique, un nom d’utilisateur, un mot de passe et une validation que vous n’êtes pas un robot pour créer un compte. Vous pouvez également utiliser votre login Facebook ou Google Plus, ce qui raccourcit encore le chemin de conversion.

Pour les visiteurs qui ont besoin de plus d’informations avant de créer un compte, la page d’accueil propose également une vidéo sous le pli qui explique leur concept et leur valeur au moyen d’une véritable success story. Là encore, cela permet de rendre le monde potentiellement intimidant du codage plus accessible aux débutants.

Ceux qui ont besoin d’être encore plus convaincants peuvent continuer à faire défiler des témoignages supplémentaires et d’autres formes de preuves sociales.

codecademy landing page

8. Poché

Je pense que nous n’avons jamais vécu à une époque où, culturellement, nous étions si obsédés par la nourriture. Poached a transformé cela en un modèle B2B avec une plateforme permettant de mettre en relation les propriétaires et les talents culinaires.

Lorsque vous visitez la page d’accueil, il n’y a pas de mystère sur ce que vous êtes là pour faire : les appels géants « Postez un emploi » et « Choisissez une ville » vous aident dans cette démarche. Une fois que vous avez cliqué sur l’un d’eux, vous accédez à un formulaire simple pour devenir membre ou vous connecter, ou à une liste d’emplois dans chaque ville. C’est coloré et complet, et ça nous donne faim.

poached landing page

9. Respirer

Voici un autre exemple de conception intelligente et agréable sur une page d’accueil. Dès que vous visitez Breather.com, un appel à l’action est lancé : indiquez où vous voulez trouver un espace. De plus, il utilise des services de localisation pour savoir où vous vous trouvez, en vous proposant des options instantanées à proximité.

Nous aimons la façon dont Breather a utilisé une copie simple et précise pour faire savoir au visiteur ce que fait l’entreprise, suivie immédiatement par le CTA pour sélectionner une ville. Et si vous avez besoin de faire défiler la page vers le bas pour obtenir plus d’informations, vous pouvez voir que Breather a joué avec la microcopie avec personnalité (« pas d’engagement, jamais »), nous rappelant qu’il y a de vrais humains derrière la conception. Cela nous rapproche un peu plus de la marque. L’espace négatif et la palette de couleurs apaisantes sont également alignés sur le produit – essentiellement, de la place pour respirer.

breather.gif

dix. Institut de démarrage

Les visiteurs de votre site web ne communiqueront pas leurs informations personnelles sans savoir ce qu’ils recevront en retour. Sur sa page d’accueil, le Startup Institute explique clairement ce qui se passera après votre candidature en indiquant une question et une réponse juste à côté du formulaire. Cela pourrait inciter certaines personnes à dire : « Ils lisent dans mes pensées ! »

Pour éviter toute hésitation à remplir un formulaire, utilisez votre page d’accueil pour définir d’emblée vos attentes. Cela permet de clarifier les choses et d’éliminer les personnes qui ne prennent pas votre contenu, votre produit ou votre service au sérieux.

Startup Institute landing page

11. Edupath

Quel est le public cible de votre page d’accueil ? Bien que la plupart des contenus du site Edupath s’adressent aux étudiants, il existe des sections consacrées aux conseils à donner aux parents pour aider leurs adolescents dans leurs démarches d’inscription à l’université et de préparation au SAT. La page d’accueil ci-dessous se trouve dans l’une de ces sections.

Lorsque les parents remplissent le nom, l’adresse électronique et le numéro de téléphone portable de leur adolescent, un lien pour télécharger l’application Edupath leur est envoyé directement. Les gens d’Edupath savent que les élèves sont susceptibles de faire quelque chose si leurs parents le leur demandent, surtout si cela signifie qu’ils n’ont pas à rendre leur téléphone.

De plus, c’est un processus facile, en un seul clic. Ce chemin de conversion est une manière intelligente et utile d’obtenir les applications sur les téléphones d’un plus grand nombre d’élèves par l’intermédiaire de leurs parents.

edupath landing page

12. Club des dégustateurs

S’il y a quelque chose que nous apprécions plus qu’un bon whisky, c’est bien la page d’accueil d’un club de whisky qui facilite l’adhésion ou qui permet d’en savoir plus sur l’adhésion. En voici un exemple : Taster’s Club, qui affiche immédiatement ces deux CTA sur sa page d’accueil, qui se trouve être aussi sa page d’accueil.

Pour ceux qui souhaitent en savoir plus, un clic sur le CTA fera immédiatement défiler l’utilisateur vers le bas jusqu’à des détails colorés et riches en images sur ce que comprend une adhésion au Taster’s Club. Continuez à faire défiler et vous obtiendrez des témoignages d’utilisateurs.

Mais c’est en cliquant sur le bouton « Join Now » que le vrai plaisir commence. Ensuite, vous pouvez choisir votre poison, c’est-à-dire le type de whisky que vous aimez le plus, et consulter les options d’adhésion ou de don disponibles pour celui-ci. Une fois que vous avez fait vos sélections, vous êtes dirigé vers une page de paiement facile à naviguer pour entrer vos informations de paiement. Une bonne conception et une facilité d’utilisation ? Buvons à cela.

taster's club landing page

13. Vitrine informatique de Microsoft

La page d’accueil ci-dessous a été utilisée pour commercialiser et générer des pistes pour un épisode de la série de webinaires IT Showcase de Microsoft.

Microsoft IT Showcase Webinar Landing page

Ce design simple et direct présente très bien pourquoi le webinaire proposé est important pour les professionnels de l’informatique. En plus d’un bref descriptif des sujets abordés lors du webinaire, la page comprend également des liens vers des webinaires similaires, des détails sur les intervenants et des liens vers des ressources Microsoft qui traitent des sujets qui seront abordés.

Une société informatique qui a accès à des leaders d’opinion ou à des experts de son secteur pourrait également utiliser cette stratégie de page d’accueil de webinaire pour générer à la fois des prospects et la confiance des clients potentiels. Les publics qui se sentent informés après avoir lu la page d’accueil pourraient s’inscrire en s’attendant à ce que le webinaire soit instructif.

Si le webinaire semble instructif et crédible, ces publics penseront que l’entreprise informatique a une expertise du produit et pourrait avoir des offres de produits de qualité. Ils seront ainsi plus disposés à parler à un représentant pour en savoir plus ou acheter un produit.

Prêt à construire votre page d’accueil ?

Si ces exemples vous ont inspiré, mais que vous n’êtes pas un expert en design, nous avons également créé une liste de des modèles de pages de renvoi gratuits et conçus par des professionnels.

Si vous cherchez d’autres exemples de conception de pages de renvoi, consultez nos pages préférées Exemples de pages d’accueil HubSpot. Vous pouvez également consulter ce guide rapide pour la conception des pages de renvoi.

New Call-to-action

New Call-to-action

Publié initialement le 13 novembre 2020 à 9:47:00, mis à jour le 13 novembre 2020

Sujets :

Conception de la page d’accueil

N’oubliez pas de partager ce poste !