Une « landing page » de qualité

Vous avez remarqué que j’avais espacé la parution des articles sur euKlide. Ce n’est pas vraiment une volonté personnelle mais c’est un manque de temps. Certains diront que c’est l’excuse des « paresseux » ( 😉 ) mais entre la vie personnelle, les projets web et ce blog, il y a des priorités à mettre, et je les ai mise.
D’autant plus qu’aujourd’hui, je vous propose un document qui a nécessité pas mal de travail… voyez plutôt ( oui , c’est le chien de Mickey ! LOL ):

Sur divers sites, on trouve des conseils sur l’art et la manière de bien construire une « landing page »…

Une page destinée à accueillir des données des visiteurs doit être étudiée et ne pas être construite à la légère.
En début d’année, le site Formstack a réalisé une infographie sur la page idéale. J’ai décidé de partager avec vous ce document à la nuance que, contrairement à beaucoup de confrères qui ont juste relayé l’information, j’ai traduit les différentes informations en français.

Par ailleurs, j’ai pris le parti de ne pas aborder ici les couleurs car cela sera le sujet d’un article plus précis.

[ Pour profiter au maximum de l’image, il suffit de cliquer dessus. ]
Merci à Piotr de Bien Voyager pour son aide de relecture.

anatomie page accueil idéale landing

18 thoughts on “Une « landing page » de qualité

  1. Eh bien comme je comprends tes priorités et puis avec cette météo c’est dur de rester devant son clavier non ?

    Merci pour le document, je vais étudier cela de près et revenir ajouter mon petit commentaire un peu plus tard. Bravo pour le travail en tout cas 🙂

    RépondreRépondre
  2. Encore une infographie sympa ^^ Sur plusieurs points cela ressemble à l’architecture d’un article court. Le seul point que je discuterais peut être c’est la mise en page.

    RépondreRépondre
  3. @Hernan: oui, j’aurai pu tout mettre dans un article mais celui-ci n’aurait pas été « redistribuable » aussi facilement que l’infographie qu’on peut reprendre et mettre sur son site perso ( et même sans me citer, lol )…
    Pour ce qui est de la Mise en Page, j’ai reprise le modèle de la source…

    RépondreRépondre
  4. Merci euKlide pour l’effort de traduction!
    Je me permets de suggérer dans la zone (3) et/ou (6) une petit formulaire de 4 à 6 champs.
    En effet je ne l’apprends à personne plus vite l’internaute visualise le formulaire plus vite il passe à l’action sachant que les témoignages et la zone d’informations complémentaires sont là pour le rassurer et le conforter.

    RépondreRépondre
  5. @Yassine @ Tendances Marketing Internet: Merci de ton commentaire Yassine…
    Pour ce qui est du formulaire, oui il faut le positionner au dessus de la ligne de flottaison (9) et donc en (3) mais j’ai « adapté » la version anglaise à la langue française.
    Et c’est une page généraliste, pas forcément une page pour recueillir des infos… Après, on peut discuter de ce qu’on peut y mettre, c’est clair ….

    RépondreRépondre
  6. Merci mille fois pour avoir partagé cette infographie, je la garde au chaud, et je m’aperçois que je faisais une erreur, que je n’avais pas vraiment pensé à tester, j’ai l’habitude de mettre des témoignages sur la sell page plutôt que la landing page, et en effet, c’est très bête!

    Totalement d’accord avec le point 10, je suis un grand fan des tests sur les pages de capture ou autre. Merci encore pour ce partage, tu viens de me faire économiser plusieurs semaines de tests. (Bien que je ne reste pas fermé, à tester d’autres dispositions)

    RépondreRépondre
  7. Oui, Davy comme le dit le dernier point il faut tester, tester et tester… car ce qui ets vrai pour un produit ne l’est pas forcément pour l’autre…
    tout dépend si on vend un produit et à quel pris, et de la longueur de la page…
    Cette page n’est donc pas fixée, heureusement, mais reprend juste quelques éléments importants qu’on doit retrouver dans
    la majorité des pages…

    RépondreRépondre
  8. @Olivier Jadzinski:

    Bon ben j’ai cherché, et je dois dire que c’est top alors je fais passer.

    Je vais quand même chipoter un peu… euh… :
    10 pts… pour transformer… ?
    2. ManchetteS : terme peu courant, pour moi petit scarabée, mais avec le schéma c’est compréhensible
    3. j’ajouterai que quand c’est possible le faire relire par des yeux tout « frais »
    8. le poids des smots, y en a qu’une qui suit 😉
    Que penses-tu de « Tout est dit, donner votre préférence aux images » ou un truc un peu plus court ?

    Belle soirée à toi 🙂

    RépondreRépondre
  9. @Sandrine: Merci de ton retour, je vais corriger toutes tes remarques dès que je pourrai !
    et je vais en profiter pour tuer un « polonais » qui a relu le document avant parution !! LOL

    RépondreRépondre
  10. Schéma résumant bien les informations capitales dont l’on a besoin pour son site. Je dirai que le relecteur a eu quelques soucis quand à la correction… le point 3 n’est donc pas totalement respecté 😉

    RépondreRépondre
  11. @Olivier Jadzinski: Affirmatif, tout dépend du produit. On pourrait par exemple y mettre des puces promesses, des mentions médias, ou encore omettre tout ça et juste mettre une vidéo, etc. Il n’y a qu’à voir la landing page de groupon ou l’excellente home de dropbox!

    RépondreRépondre
  12. Cette landing page m’a l’air pas mal du tout, c’est vrai que celle de dropbox est vraiment un modèle du genre par ailleurs !

    RépondreRépondre
  13. Merci pour cet article et cette infographie.

    Je suis un peu circonspect car je ne trouve trouve pas le formulaire d’optin qui aussi de la plus haute importance lorsqu’on veut récupérer les informations de ses visiteurs.

    Cédric

    RépondreRépondre

Laisser un commentaire