Landing page meilleurs exemple

Les meilleurs exemples de Landing Page pour convertir un maximum

Une landing page est le premier contact concret entre votre cible et vous. Elle se doit d‘atteindre ses objectifs de conversion. Et ce, qu’il s’agisse d’un objectif de vente, de récolte de donnée, ou autre … Pour créer une landing page qui remplit ses objectifs, il faut rester attentif à ce qu’il se fait en ce moment. Il faut anticiper les nouvelles tendances et s’inspirer des anciennes. 

Chaque élément d’une bonne landing page a été étudié au préalable, il n’est pas là par hasard ! Mais de quels éléments parlons-nous ? On vous dit tout grâce à ces différents exemples de landing pages, afin que vous puissiez concevoir ou retravailler la vôtre ! 

Les informations obligatoires sur une landing page ! 

Exemples landing pages

La première chose à vérifier sur une landing page est si oui ou non elle comprend bien toutes les informations nécessaires. Mettez-vous à la place de votre internautes, que voudriez-vous retrouver sur une landing page … Vous ne savez pas ? On vous donne la réponse ! 

Le logo sur la landing page pour se présenter en un coup d’oeil

En premier lieu, votre logo ! Eh oui, il est essentiel que l’internaute puisse directement vous identifier grâce à votre logo. D’ailleurs, si vous n’êtes pas très connu, on vous conseille fortement d’ajouter votre nom ou celui de votre marque. Plus tard, quand votre notoriété sera plus élevée, vous pourrez vous permettre de l’enlever et de ne garder que le logo. 

Pour être sûr que votre logo est directement identifiable, il faut le mettre en avant. Alors, on ne le met surtout pas en tout petit dans un coin de la page. Le meilleur moyen de faire un sans faute quant à l’emplacement de son logo est de le placer en haut à gauche. Pourquoi ? Tout simplement parce que les internautes s’attendent à le retrouver à cet endroit.

Exemples de landing pages

Un menu sur la landing page, pour permettre aux internautes de se situer

Deuxième chose à prévoir : le menu. Qu’il soit sous forme de burger ou déjà déroulé, il est important que l’internaute puisse se situer sur votre site. Il doit pouvoir en un clic ou en un regard déterminer le nombre de grandes catégories que comporte votre site mais aussi pouvoir y accéder rapidement. 

L’internaute n’a pas le temps de fouiller les différentes pages de votre site pour trouver ce qu’il chercher ! Simplifiez -lui la vie. 

Venez à la rencontre des internautes avec la landing page avec un chatbot ! 

Dernier élément des plus importants : instaurer ou conserver le contact. 

Il peut être intéressant de placer une barre de chat bot. En terme de gain de temps, il s’agit du graal pour votre internaute qui pourra directement vous poser sa question s’il en a une. Cela permet aussi de rendre votre site moins froid. En effet en proposant une interaction, vous humaniser l’expérience utilisateur proposée.

Exemple Landing Page

Le choix de la police, un choix primordial ! 

Pour votre landing page, nous voulons le meilleur design qu’il soit. Un design aussi accrocheur qu’agréable. Or la construction d’une interface passe aussi par le choix d’une police aussi appelée typographie.

Police Sans serif pour vos landing page. 

En 2018, la tendance basculait vers des typographies dites sans serifs, c’est à dire sans empattements. Elles sont souvent sobres, propres et d’une clarté défiant toute concurrence. Elles sont épurées et permettent le plus souvent de construire une interface agréable et peu encombrée. 

Landing page exemple

La police Serif pour une landing page

Bien que la tendance “sans sérif” est toujours d’actualité, en 2019 on voit tout de même les “serif” refaire surface. Elles donnent une petite touche de vitalité aux interfaces qu’elles habillent.

Landing page exemple

Peut-on oser la fantaisie sur des landings pages? 

Les polices fantaisies, on ne dit pas non… Mais, seulement si votre domaine d’activité vous le permet. N’oubliez pas qu’une police doit avant tout être lisible. Ceci dit, si vous créez une landing page de book ou de portfolio et que votre univers se prête à la fantaisie, ne vous privez pas.

Gardez simplement à l’esprit qu’une typographie illisible demandera plus d’effort à votre internautes ce qui risque de l’ennuyer. Conclusion, sur les éléments importants préférez une typographie simple et lisible.  

Une tendance à ne pas louper : le flat design

Depuis quelques temps déjà on voit les interfaces se simplifier et le flat design envahit le web. Mais de ce type de design découlent deux tendances majeures. 

Landing page meilleurs exemple

Des formes géométriques sur la page

La première tendance est celle de la géométrie. On apprécie des formes abstraites et géométriques. Triangles, carrés, ronds, rectangles, lignes, etc .. Une tendance qui va de paire avec l’intérêt sociétale pour la technologie et la robotique. 

Top landing page

Des formes organiques pour les landing page

Ceci dit, cette première tendance semble laisser place peu à peu à des formes plus organiques. Des formes qui semble vivantes, plus douces. Les angles sont arrondies, les courbes sont à l’honneur et les interfaces semblent prendre vie. Une nouvelles tendance qui est peut-être due à notre intérêt écologique grandissant.

Quelle palette de couleur pour les meilleures pages d’atterrissages ?

Parlons couleurs ! Difficile de choisir les couleurs de son site. Et pourtant, elles sont si importantes ! Elles donnent ou appuient un ton et permettent de créer un univers.  

landing page

Des couleurs vives et saturées

On voit beaucoup de site aux couleurs vives. Leurs écrans font penser à un style pop simplifié. Souvent composé d’une seule couleur vive et de blanc. Ces écrans sont dynamiques, ils attirent l’oeil et captivent.

Landing page meilleur exemple

Une palette sobre pour rester dans la tendance minimaliste sur les landing page Orson.io

Mais d’un autre côté, on ne peut nier le succès des palettes sobres composées de noir, blanc et d’une troisième couleurs peu vives. Parfois pastel, la dernière couleur de cette palette permet de mettre en avant des éléments importants ou de donner un peu de relief aux écrans.

Pourquoi ne pas oser le néo-minimalisme ? 

Pour aller plus loin dans cette tendance minimaliste, on peut opter par un style néo-minimaliste qui ne compte souvent que deux couleurs, associées à deux polices. L’une très fines et l’autre plus grasse pour les titres et uniquement les titres. On fera également un tri sévère dans le contenu à afficher sur la page pour privilégier les grands aplats vides. On épure au maximum ! 

Un peu d’animation pour faire vivre la landing page 

Assez parler de choix de couleurs, de typographies etc … Parlons un peu d’animation ! Pour capter le regard des internautes, quelques animations ne font pas de mal. Au contraire, on se rend de plus en plus compte de l’attrait des internautes pour les effets et animations. 

Landing page

Des micro-interactions

Vous pouvez opter pour des micro-interactions. On dit “micro” parce qu’en en mettant trop vous risquez d’encombrer votre page et de la rendre visuellement très désagréable. Vous connaissez le dicton : “Trop d’animation tue l’animation !”. Par interaction, on entend des élément qui bougent lors du passage ou du déplacement de la souris. Ou alors des éléments qui s’auto-animent en boucle, à la manière d’un GIF. à Noter que le GIF revient en force depuis quelques années. Ce format plait énormément, que ce soit sur les réseaux sociaux, dans les mails ou sur les interfaces de sites web.

Quelques effets glitch pour une landing page! 

Osez les effets Glitch ! Cet effet gagne timidement du terrain sur le web ! Lentement, mais sûrement, il se fait adopter par de plus en plus de webdesigners. Mais attention, une fois de plus, on vous conseille de ne pas en abuser. Attention à la surcharge visuelle que l’on évite à tout prix !

top landing page

Encore, et toujours, de la vidéo sur des landing pages

Pour finir, on ne vous le conseillera jamais assez : la vidéo est le format à intégrer ! Qu’il s’agisse d’une vidéo de motion design, d’un film corporate ou autre, les vidéos attisent la curiosité des consommateurs et vous aident à les garder plus longtemps sur votre site. 

Ces quelques sites que l’on aime bien … 

Pour conclure cet article, on vous propose une petites liste de site dont le design ne peut qu’être inspirant ! En espérant qu’elle vous permettra de créer la landing page de vos rêves

  • Graphéine : Pour ses micro-animations
  • Baunfire : Pour sa palette de couleur, son style épuré et ses petits éléments interactifs
  • Libratone : Pour ses grandes plages de couleur unies et pour le style néo minimalist.
  • Formigari : Pour l’animation en arrière plan qui s’associe parfaitement avec le thème du site, les choix typographiques et de couleurs !
  • We are Human : Pour le choix typographique, sobre mais original !
  • Cargo : Parce que les onepage restent une valeur sûre. Mais aussi et surtout pour ces animations et pour la créativité de l’interface !

Merci à Rebecca Bonef pour cet article d’une grande qualité !

Frédérique Biau

Traductrice et Rédactrice autour des Nouvelles Technologies et du Web. Frédérique est en charge de partager nos astuces avec l'art et la manière !