Beautiful Landing Pages Conseils et exemples

Des centaines d'articles spirituels ont été écrits sur le thème des pages de destination. Nous connaissons tous les faits fondamentaux: il s’agit des pages auxquelles un visiteur accède après avoir cliqué sur une bannière publicitaire ou un lien promotionnel, et qui jouent un rôle marketing crucial en convertissant les prospects en clients de l’entreprise. Toutefois, s’agissant de la conception d’une page de destination, les choses semblent bien plus délicates que ce à quoi vous vous attendiez après une documentation pratique. C’est pourquoi, aujourd’hui, nous avons choisi de partager une collection d’exemples de pages de destination pour vous inspirer.

Selon une classification assez érudite que vous pouvez trouver sur Wikipedia, les pages de destination se divisent en deux catégories principales: les références et les transactions. Si elles doivent s'appeler référence, les pages doivent afficher des informations à la fois attrayantes et pertinentes pour le visiteur (texte, multimédia). Les pages de destination "transactionnelles" sont celles qui visent les ventes immédiates ou au moins la capture de prospects solides..

Comme vous en conviendrez probablement avec moi, toutes les pages de destination répondent aux deux critères: elles informent le visiteur de l'offre et incitent à l'action de son côté. Sinon, nous n’aurions pas besoin d’appels à l’action sur n'importe quelle page de destination.?

Ce qui doit être clair avant de lancer une page de destination dans le site Web est la nature de l’action des visiteurs souhaitée. L'augmentation des inscriptions à la newsletter est-elle votre objectif? Ensuite, concevez un CTA avec le message "Inscrivez-vous maintenant à notre newsletter". Avez-vous pour objectif de faire des achats d'essai auprès des visiteurs? Dis comme ça. De manière générale, la recette essentielle consiste à faire en sorte que votre page de destination exprime cette offre de la manière la plus claire et la plus attrayante possible..

Conseils pour la conception d'une page de destination

Quelques astuces pour commencer lors de la conception d'une page de destination:

1. Utiliser le principe AIDA

C’est une chaîne d’événements que nous souhaitons avoir une fois que le prospect atteint la plate-forme affichant le produit ou le service promu. Principalement, les étapes sont les suivantes:

1. Conscience - attirer l'attention du visiteur
2. Intérêt - qui peut être suscité en soulignant les avantages pour le client
3. Envie - induire chez les clients l'idée qu'ils vouloir le produit ou service
4. action - clients effectuant le processus d'achat

2. Pas trop de distractions; laisser un moyen de sortir

L'idée est simple. Si la page de destination n'a pratiquement aucune option de navigation, à l'exception du bouton CTA, les visiteurs forceront leur sortie. Ne croyez pas que si vous ne fournissez aucune navigation, ils ne trouveront pas le moyen de partir - ils le feront, peut-être même en fermant le navigateur. Et ces visiteurs vont ne pas reviens.

3. Faites-le passer le test de clignotement

En règle générale, une page de destination doit attirer l'attention du visiteur au cours des trois premières secondes. Si l'invité cligne des yeux et ne voit pas clairement ce qu'il devrait trouver sur la page ou ne s'intéresse pas à ce qu'il a vu, il est plus susceptible de rebondir les mains vides..

4. Ne créez pas de fausses attentes

La page de destination doit être cohérente avec les astuces fournies par l'annonce originale, ou inversement. Les visiteurs doivent trouver sur la page de destination ce qui leur avait été promis dans l'annonce sur laquelle ils ont cliqué..

Comme nous vous l’avons promis, parcourons des pages de destination B2B et B2C bien conçues et efficaces. Nous allons explorer leurs forces et leurs faiblesses inévitables. Dans la galerie ci-dessous, surveillez les éléments suivants: communication visuelle, indicateurs de marque et de confiance, efficacité du contenu, incitation à l'action..

Vitrine: Belles pages d'atterrissage

99Designs

Ceci est la version d'une page de destination destinée aux concepteurs et aux étudiants. 99Designs a également une page de destination pour l'autre côté: les entreprises qui ont besoin de dessins. Quant à celui-ci, il est très efficace en termes d’approbation (voir les audacieux témoignages) et parle véritablement le langage du public avec des chiffres et des indicateurs de confiance (nombre de membres de la communauté, montant de leurs gains). Remarquez la teinte rouge vif du bouton CTA unique - c’est généralement quelque chose à éviter, mais dans ce cas particulier, cela ne dérange pas car il correspond à la couleur du logo..

123RF

123RF énonce clairement le but de cette page de destination avec le curseur d’image et les quatre cases médianes. Vous comprenez en un instant ce qu'est le service et comment vous pouvez l'utiliser (Recherche, Inscription, Paiement à la carte, Achat d'un abonnement). Le fond gris clair est discret et met en évidence l'essence, qui est l'image. Personnellement, je pense qu’ils peuvent améliorer la liste des catégories de la banque d’images, c’est un peu compliqué. Et le CTA est un peu trop subtil pour les cases cliquables.

Favomatic

J'adore le design de cette page de destination. Il y a un contraste, de bons slogans dans chaque section et cela apporte beaucoup d'informations sans vous obliger à tout lire (la petite police fait tout). Il a la navigation, mais une verticale, en faisant défiler, ce qui réduit considérablement les taux de rebondissement.

BiznessApps

Un appel à l'action puissant, un slogan accentué et une liste impressionnante de recommandations - voici la bonne combinaison pour une page de destination. Cette page en contient une. De plus, il inclut un minimum de texte et utilise une vidéo de démonstration, car il est de notoriété publique que les gens préfèrent regarder un court métrage que de lire. La forme est un élément sur lequel ils peuvent légèrement s’améliorer. Habituellement, vous devez donner d’abord avant de pouvoir obtenir; ainsi, si en échange de la soumission du formulaire, les visiteurs peuvent recevoir des friandises gratuites, le bouton "Envoyer un message" peut indiquer quelque chose comme "Procurez-vous votre contenu gratuit maintenant!"

Brusheezy

Une autre preuve moins est plus. Cette page de renvoi est très soignée avec une seule icône et un en-tête visible. Notez les deux appels à l'action, en haut et en bas - il s'agit d'une méthode infaillible pour rendre le message persistant sans surcharger la page. Souligner les avantages pour les clients au lieu des fonctionnalités du produit est un autre atout.

JailBreak

Cette page est peut-être un peu trop chargée, mais cela fait partie de la tradition des pages de destination pour les applications. Cependant, la décision de diviser la page en segments facilite la navigation dans tous les éléments. Vous pouvez trouver tout ce que vous cherchez: caractéristiques, avantages, témoignages et même une garantie de remboursement si vous n'êtes pas satisfait du résultat. Le dernier est assez risqué, car il peut poser des questions sur la qualité du service, et c'était une bonne idée de le placer tout en bas.

PageLines

Le minimalisme est le concept clé ici. Personnellement, j'aime bien que cette page ne vous dis pas tout tout de suite, mais vous invite à découvrir. Ce que je ne trouve pas si agréable, cependant, est une vidéo qui démarre automatiquement (une caractéristique que j’évite généralement) - même si Andrew Powers est non seulement habile mais aussi beau! En outre, le fait qu'il n'y ait pas de CTA immédiat peut être un inconvénient pour le site Web..

Pico

Cette page de destination est simple mais puissante. Le signe "supérieur à" rouge est le sel et le poivre à l'apparence générale. La disposition des paragraphes ressemble à une mise en page de journal et est assez suggestive aux fins du système de gestion de contenu. Les boutons CTA sont un peu trop faibles, cependant, et la dame dans le coin inférieur droit provoque une distraction légère; avec trop de surprise sur son visage, a-t-elle l'air de pouvoir négocier une affaire?

Shoeboxed

Les lignes descriptives pour chacune des sections sont un exemple d'utilisation du langage descriptif. Vous comprenez le message en une fraction de seconde, votre ligne de visée balayant rapidement la première ligne et arrivant au bouton CTA. Si vous hésitez encore, vous pouvez vous faire aider par un témoignage, ainsi que par de solides recommandations. Ne ferez-vous pas confiance à une entreprise figurant dans Forbes et Tech Crunch? je voudrais.

SquareSpace

Page d'atterrissage d'aspect professionnel, c'est. Un slogan audacieux, des boutons CTA sur lesquels vous ne pouvez pas résister et un très bon appui, voilà la combinaison du succès. J'aime aussi le fait qu'ils placent leur contexte d'utilisation au centre de la page, avec une capture d'écran de l'apparence de leurs pages et des indications de type infographique. La structure en 3 éléments de la page est un autre point fort.

Note de l'éditeur: Cet article est écrit par Laura Moisei pour Hongkiat.com. Laura est titulaire d'un baccalauréat en sciences de la communication et passe le plus clair de son temps à se consacrer au design et à l'écriture. Elle travaille pour 123ContactForm, un constructeur de formulaires et d’enquêtes en ligne qui aide les utilisateurs à créer de beaux formulaires pour toutes les pages Web..