AOÛT 2015 | SCANDOLAGENCY.CH
WINNER
Concevoir une page d’atterrissage qui convertit
Conseils et astuces pour une Landing Page efficace
•
Une page d’atterrissage (aussi appelée «Landing Page») est une page
conçue pour accueillir les visiteurs provenant d’une campagne
spécifique, en les incitant à effectuer une action.
• Acquisition de leads, vente d’un produit, (…), quelque soit l’objectif,
vous trouverez ci-après les règles de base pour une page d’atterrissage
cohérente et lisible.
Page d’atterrissage ... ?
2
#1
Structure
Tout contenu superflu est à proscrire.
longue accroche
texte condensé
beaucoup de
champs demandés
Eviter les points de fuite.
menu
liens sortants
Structure simple & compréhensible.
Responsive.
Structure
8
•
Une accroche principale : visible et percutante, avec une accroche
secondaire (complémentaire à la principale). Sont l’un des premiers
contenus à être vus.
•
Accessibilité : la page doit être lisible, épurée, quelque soit le support
utilisé.
•
Le contenu le plus important doit être au-dessus de la ligne de
flottaison (partie visible d’un écran, sans scroller la page).
#2
Soigner le contenu
Être bref et percutant.
Visuels soignés.
Formulaire : demander uniquement
les champs nécessaires.
Formulaire : soigner les détails.
Ex. : afficher le clavier numérique
pour les numéros de téléphone.
1 2 3
4 5 6
7 8 9
0
#3
CTA
Le CTA doit être facilement identifiable.
bouton minuscule
Ne pas multiplier les objectifs.
Une page. Un objectif.
deux objectifs
différents
Placer le CTA au-dessus
de la ligne de flottaison*.
*partie visible d’un écran, sans scroller.
CTA
18
•
Un objectif, une action par page.
•
L’action souhaitée doit être claire, visible et compréhensible.
•
Si la page est longue, ne pas hésiter à disposer plusieurs CTA (pour la
même action).
•
Le premier CTA doit néanmoins apparaître au-dessus de la ligne de
flottaison, pour que le visiteur sache quelle action doit être effectuée
(ex. : «Faire un don»).
#4
Tester
Tester et optimiser
la landing page en continu.
A B
Tester et optimiser
la landing page en continu.
A B
Tester et optimiser
la landing page en continu.
A C
Tester, tester, ...
23
•
Tester continuellement le contenu. Dès qu’un test est terminé, en
relancer un autre. La somme des tests positifs aura un impact significatif
sur le taux de conversion.
•
Si les contenus les plus importants sont l’accroche et le CTA (taille,
wording, couleur, ...), tout peut être testé.
•
Tester simultanément les deux versions («spliter» le trafic).
•
Afficher la même variation aux visiteurs réguliers.
•
Fiabilité : le test doit être statistiquement significatif. Il ne faut pas tirer
de conclusions hâtives et/ou arrêter le test trop tôt.
Conclusion
A garder en tête
25
• Adoptez un point de vue utilisateur : le contenu de la page répond à
une attente de l’utilisateur. Facilitez-lui la vie et offrez une expérience
qui réponde à ses besoins.
• Comme indiqué précédemment, une optimisation en continu de la
page est importante. Chaque élément a un impact sur le visiteur. Les
tests A/B ou multivariés sont faciles à mettre en place et sont un bon
moyen de mesurer l’impact d’une/des modification/s sur les
performances.
• In fine, les éléments non-visibles impactent eux-aussi les conversions,
tel que le temps de chargement de la page (à tester sur différents
supports).
Scandola SA
Primerose 2
1007 Lausanne
+4121 944 33 44
Nicolas Pittet, Directeur
nicolas.pittet@scandolagency.ch
@NicolasPittet
Merci de votre attention
• https://www.pinterest.com/pin/47217496064110322/
• https://www.pinterest.com/pin/180495897541012834/
• https://www.pinterest.com/pin/155022412144840851/
• https://www.pinterest.com/pin/386746686725012083/
Sources
27

Concevoir une landing page qui convertit

  • 1.
    AOÛT 2015 |SCANDOLAGENCY.CH WINNER Concevoir une page d’atterrissage qui convertit Conseils et astuces pour une Landing Page efficace
  • 2.
    • Une page d’atterrissage(aussi appelée «Landing Page») est une page conçue pour accueillir les visiteurs provenant d’une campagne spécifique, en les incitant à effectuer une action. • Acquisition de leads, vente d’un produit, (…), quelque soit l’objectif, vous trouverez ci-après les règles de base pour une page d’atterrissage cohérente et lisible. Page d’atterrissage ... ? 2
  • 3.
  • 4.
    Tout contenu superfluest à proscrire. longue accroche texte condensé beaucoup de champs demandés
  • 5.
    Eviter les pointsde fuite. menu liens sortants
  • 6.
    Structure simple &compréhensible.
  • 7.
  • 8.
    Structure 8 • Une accroche principale: visible et percutante, avec une accroche secondaire (complémentaire à la principale). Sont l’un des premiers contenus à être vus. • Accessibilité : la page doit être lisible, épurée, quelque soit le support utilisé. • Le contenu le plus important doit être au-dessus de la ligne de flottaison (partie visible d’un écran, sans scroller la page).
  • 9.
  • 10.
    Être bref etpercutant.
  • 11.
  • 12.
    Formulaire : demanderuniquement les champs nécessaires.
  • 13.
    Formulaire : soignerles détails. Ex. : afficher le clavier numérique pour les numéros de téléphone. 1 2 3 4 5 6 7 8 9 0
  • 14.
  • 15.
    Le CTA doitêtre facilement identifiable. bouton minuscule
  • 16.
    Ne pas multiplierles objectifs. Une page. Un objectif. deux objectifs différents
  • 17.
    Placer le CTAau-dessus de la ligne de flottaison*. *partie visible d’un écran, sans scroller.
  • 18.
    CTA 18 • Un objectif, uneaction par page. • L’action souhaitée doit être claire, visible et compréhensible. • Si la page est longue, ne pas hésiter à disposer plusieurs CTA (pour la même action). • Le premier CTA doit néanmoins apparaître au-dessus de la ligne de flottaison, pour que le visiteur sache quelle action doit être effectuée (ex. : «Faire un don»).
  • 19.
  • 20.
    Tester et optimiser lalanding page en continu. A B
  • 21.
    Tester et optimiser lalanding page en continu. A B
  • 22.
    Tester et optimiser lalanding page en continu. A C
  • 23.
    Tester, tester, ... 23 • Testercontinuellement le contenu. Dès qu’un test est terminé, en relancer un autre. La somme des tests positifs aura un impact significatif sur le taux de conversion. • Si les contenus les plus importants sont l’accroche et le CTA (taille, wording, couleur, ...), tout peut être testé. • Tester simultanément les deux versions («spliter» le trafic). • Afficher la même variation aux visiteurs réguliers. • Fiabilité : le test doit être statistiquement significatif. Il ne faut pas tirer de conclusions hâtives et/ou arrêter le test trop tôt.
  • 24.
  • 25.
    A garder entête 25 • Adoptez un point de vue utilisateur : le contenu de la page répond à une attente de l’utilisateur. Facilitez-lui la vie et offrez une expérience qui réponde à ses besoins. • Comme indiqué précédemment, une optimisation en continu de la page est importante. Chaque élément a un impact sur le visiteur. Les tests A/B ou multivariés sont faciles à mettre en place et sont un bon moyen de mesurer l’impact d’une/des modification/s sur les performances. • In fine, les éléments non-visibles impactent eux-aussi les conversions, tel que le temps de chargement de la page (à tester sur différents supports).
  • 26.
    Scandola SA Primerose 2 1007Lausanne +4121 944 33 44 Nicolas Pittet, Directeur nicolas.pittet@scandolagency.ch @NicolasPittet Merci de votre attention
  • 27.
    • https://www.pinterest.com/pin/47217496064110322/ • https://www.pinterest.com/pin/180495897541012834/ •https://www.pinterest.com/pin/155022412144840851/ • https://www.pinterest.com/pin/386746686725012083/ Sources 27