Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Landing Pages

5 caractéristiques d'une grande page d'atterrissage

by
Length:ShortLanguages:

French (Français) translation by New Lune (you can also view the original English article)

Une page de destination fournit aux visiteurs de votre site une première impression cruciale. Cette impression pourrait être la différence entre établir une connexion ou créer une déconnexion. Par conséquent, chaque détail est important dans la quête de garder l'intérêt d'un utilisateur.

Voici cinq choses à rechercher dans une excellente page d'atterrissage, ainsi que des exemples qui répondent bien. Tous les exemples que nous vous montrerons sont issus d'Envato Elements, un service qui offre aux membres un accès illimité à une vaste bibliothèque de modèles, de polices, d'add-ons et d'actifs de conception–tous pour une seule redevance mensuelle.

1. Un Clear Call-To-Action (CTA)

La mission singulière de chaque page de destination devrait être de convaincre l'utilisateur de prendre des mesures. Si cette action prend la forme de vous contacter, de télécharger un fichier ou de faire un achat–un appel à action simple (CTA) simple et clairement défini peut vous aider à convertir.

Hype est une page de destination HTML/CSS qui fournit un CTA attrayant et facile à lire. L'appel est en haut et se compose d'un titre, d'un bouton frappant et d'une belle image. En tant qu'utilisateur, vous n'avez pas besoin de réfléchir à deux fois sur le point de la page. Tout est là.

Hype - App Landing Page
Hype - Page de destination de l'application

2. Séparation des sections de contenu

Chaque section d'une page de destination devrait avoir sa propre chambre à respirer. Avec l'espace blanc, les fonds et les images peuvent également être utilisés pour assurer la séparation visuelle. Cela permet de s'assurer que les utilisateurs ne seront pas submergés ou distraits pendant leur séjour. Les sites à une seule page utilisent cet effet avec l'aide de la navigation d'ancrage, en fournissant à chaque nouvelle section une séparation claire de la dernière.

Le modèle PURE est un excellent exemple en ce qu'il utilise une combinaison d'espace blanc, d'arrière-plans et de photos pour que chaque section se démarque. Une autre touche agréable est l'utilisation de balises de navigation qui permettent aux utilisateurs de faire défiler une section complète à la fois. Cela vous aide vraiment à garder l'accent sur un seul contenu.

PURE - Sublime Coming Soon Template
PURE - Sublime Coming Soon Template

3. Texte propre et concis

Plus il est facile pour les utilisateurs de lire et de digérer le contenu de vos pages de destination, mieux vaut vos chances de succès. Utilisez des polices lisibles avec une bonne dose d'espacement des lettres et de hauteur de ligne. Et, il est également conseillé d'éviter de longs blocs de contenu textuel. Le contenu qui se rapproche du point est plus efficace et se présente mieux.

Advent est un modèle de page de destination qui fournit un plan solide pour cette philosophie. Il comporte une typographie bien exécutée (bien que, un peu plus de contraste dans certaines sections soit agréable–cela peut être facilement modifié via CSS) et un contenu concis tout au long. À la suite de ses pages de démonstration, vous commencerez dans la bonne direction.

Advent Multipurpose Landing Page Template
Modèle de page d'atterrissage polyvalent d'Avent

4. Utilisation de l'information visuelle

Avec un texte à la fois court et doux, l'utilisation des images peut être une grande partie de la définition de votre message global. Cela peut se présenter sous la forme d'une photo, d'un diagramme, d'un diagramme ou d'un infographie sous-titré. Des éléments visuels semblables à ceux-ci montrent souvent beaucoup mieux que le texte.

Ex Watch est un excellent exemple d'une page de destination qui utilise divers éléments pour informer les utilisateurs. Il existe des photos de produits diagrammes, des icônes qui attirent l'attention sur des fonctionnalités spécifiques et une faible utilisation de l'animation. Il est visuellement attrayant et raconte une histoire, par opposition à simplement afficher des informations.

Ex Watch - Single Product eCommerce HTML
Ex Watch - Produit unique eCommerce HTML

En prime, il convient de noter qu'il existe des tonnes de génial atouts visuels comme celui-ci aux membres d'Envato Elements. Parcourez leur collection d'infographies, d'icônes et d'autres images vectorielles pour avoir une idée de ce qui est disponible. Ils peuvent être très utiles pour élaborer l'apparence exacte et le message que vous recherchez.

5. Systèmes de couleurs attrayants

L'utilisation de la couleur est certainement une question subjective de goût personnel. Mais il vaut la peine de souligner qu'une page de destination qui utilise la couleur d'une manière conviviale peut faciliter l'utilisation et la compréhension. Les éléments de navigation de codage couleur et l'utilisation de rapports à haut contraste sont des moyens simples d'augmenter UX.

Jetez un oeil à Landify, son utilisation de la couleur est remarquable. Il est agréable de regarder, alors que les appels à l'action sont incroyablement faciles à souligner. À certains égards, le look est très simple, mais c'est ce qui rend ce modèle si efficace.

Landify
Landify

Votre message a atterri!

Bien que vous puissiez utiliser une page de destination pour une grande variété de sujets, certains éléments devraient être communs dans l'ensemble. Vous voudrez vous assurer que c'est facile sur les yeux et facile à utiliser. Il devrait également dire à l'utilisateur une histoire de la manière la plus efficace et les conduire à l'action. Avec l'aide des modèles ci-dessus de Envato Elements, vous serez sur le chemin pour accomplir cela.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.