Design de landing page : le guide pour convertir
La « landing page » – ou page d’atterrissage, en français – est la page qui apparaît, suite au clic réalisé sur un lien commercial, émanant de Google Adwords,...
La « landing page » – ou page d’atterrissage, en français – est la page qui apparaît, suite au clic réalisé sur un lien commercial, émanant de Google Adwords,...
Instagram propose un récapitulatif de vos meilleures stories de l’année. L’article Rétrospective Instagram : créez le résumé de votre année...
Vous souhaitez créer un QR Code facilement et en quelques clics ? Ce petit code barre, qui peut être facilement scanné avec un smartphone, est un moyen...
Twitter vient de dévoiler les sujets qui ont le plus animé ses utilisateurs en France pendant l’année 2021. L’article Rétrospective Twitter...
Comment vous y prendre pour redimensionner vos images avant de les intégrer sur votre site ou sur vos réseaux sociaux ? Heureusement, vous n’avez pas...
Découvrez des formations pour mieux maîtriser Excel. L’article 5 formations en ligne pour se perfectionner sur Excel a été publié sur BDM.
App Annie partage des insights sur les dépenses et téléchargements mobiles des consommateurs, dans le monde, en 2021. L’article Bilan sur les...
Qu’est-ce que les Incoterms et comment ça fonctionne ? Si votre activité implique du transport de marchandises, il est essentiel de comprendre comment...
Notre mode de vie, où la technologie est maintenant omniprésente, implique que les logiciels font désormais partie intégrante de notre quotidien du XXIe...
Flux par ordre chronologique, comptes favoris mis en avant… Instagram revoit l’usage de ses algorithmes. L’article Instagram : le fil...
La « landing page » – ou page d’atterrissage, en français – est la page qui apparaît, suite au clic réalisé sur un lien commercial, émanant de Google Adwords, d’un email...
La « landing page » – ou page d’atterrissage, en français – est la page qui apparaît, suite au clic réalisé sur un lien commercial, émanant de Google Adwords, d’un email marketing ou d’un travail de Netlinking.
Une landing page, c’est plus qu’une page d’accueil : c’est la page où vous faites atterrir vos prospects pour les transformer en clients. Idéalement, elle convertit les internautes d’un simple coup d’œil. Il faut cependant un petit peu plus qu’un tour de passe-passe pour y parvenir !
Voici quelques conseils pour endosser votre cape de magicien du web et créer une landing page design :
La publicité sur Internet ne suffit pas : comme elle est majoritairement « payée au clic », elle doit permettre au maximum de rentrer de ses frais en transformant le plus de visiteurs en clients. Or, la landing page permet, ici, de correspondre exactement à la promesse du message publicitaire. Et ainsi, augmenter les chances de conversion…
Depuis quelques années, l’internaute est habitué à trouver – rapidement – ce qu’il recherche : si hier, on le dirigeait systématiquement vers la page d’accueil du site ; aujourd’hui, il s’agit de se montrer plus pertinent, en le conduisant directement sur le produit recherché.
Et le but de la landing page est de conduire ses lecteurs à réaliser une action, comme effectuer un achat ou remplir un formulaire. Autrement dit, elle doit « en priorité remplir les trois fonctions suivantes : accueillir, persuader, orienter » (Source : Livre « Améliorer ses taux de conversion web de Serge Roukine »)
A noter que la landing page peut également être appelée la « squeeze page », la « splash page » ou encore la « capture page »
Si la landing page est correctement réalisée – aussi bien sur le fond que sur la forme – elle permet de :
Découvrez, ici, une excellente analyse de ce problème : « Ma société arrive en première page des résultats de Google sur la requête « traduction de sites Web », et pourtant j’ai jamais obtenu un seul contrat grâce à ça. Pourquoi ? »
Et qui illustre parfaitement le fait que la landing page s’intègre dans le processus de référencement : si la première phase est d’investir dans une publicité contextuelle afin de pouvoir se placer au top des résultats, la seconde phase est de réussir à rendre la page d’atterrissage du lien promotionnel efficace…
Ci-dessous, découvrez l’infographie de Neil Patel, détaillant les éléments qui permettent d’optimiser la conversion (source)
Il est également possible d’organiser la page de cette manière :
Pensez à respecter le diagramme de Gutenberg – ou le principe de « lecture en apesanteur » – qui décrit la manière dont l’internaute va parcourir la page
Vous pouvez aussi guider l’attention en mettant des guides graphiques sur la landing page
La réalisation d’une landing page efficace nécessite l’intervention de 3 métiers :
Trouvez des webdesigners freelances pour créer le design de votre landing page en postant votre annonce gratuitement sur Graphiste.com. Vous recevrez les devis de nombreux professionnels du webdesign et pourrez comparer leurs réalisations pour choisir celui qui répond le mieux à vos besoins.
Au delà des aspects purement marketing, le design a un rôle prépondérant à jouer dans le succès d’une landing page. Voici les éléments à soigner pour une landing page qui convertit :
Ne gardez pas votre appel à l’action caché dans votre manche : c’est lui la star de votre spectacle. Il doit être bien visible sur votre landing page. Placez-le au centre, entourez-le d’un cadre de couleur (le rouge est souvent efficace), ajoutez une flèche qui pointe vers lui…
Les internautes ne doivent pas le manquer et comprendre immédiatement que c’est pour lui qu’ils se sont déplacés. Braquez les projecteurs (et les animations éventuelles de votre page) sur votre CTA (Call To Action) pour que la magie fonctionne !
Il ne suffit évidemment pas d’un bouton qui crie en gros « achetez-moi » pour convaincre les internautes. Vous devez présenter un argumentaire qui les y incite, bien sûr. Mais aussi les conforter dans leur intention d’achat.
Mettez en valeur la satisfaction client, classiquement représentée avec les étoiles.
Autant d’éléments que vous aurez tout intérêt à placer dans la partie inférieure de votre landing page. Ce ne sont pas les données principales, mais elles permettent de répéter aux prospects que « ah oui, il a l’air bien quand même ce produit ou ce service ».
Une simple barre de logos de sécurité ou de moyens de paiement peut aussi être utile dans ce sens.
La landing page est une page de vente. C’est l’endroit où vous vous mettez en avant. Donc montrez-y de belles photos de votre produit en situation. Une image détourée, sans fond, qui s’intègre directement dans le design, sera plus efficace qu’un cadre qui a l’air posé là par hasard.
Évitez donc les visuels libres de droits, issus de banques d’images, ou les prises de vue pixellisées ! Par contre, vous pouvez tout à fait diffuser une petite vidéo. Une image qui parle, c’est toujours plus clair qu’un long discours !
N’hésitez pas à travailler vos visuels pour rendre le produit vivant, le mettre en scène.
Vous n’êtes pas satisfait du rendu de vos photos produits ? Vous n’avez pas de visuels originaux ? Trouvez un graphiste freelance rapidement, gratuitement et facilement sur Graphiste.com ! Retouche photo, illustration, 3D, vidéo… les graphistes de la plateforme possèdent toutes les compétences et l’inventivité nécessaires pour mettre en avant vos produits et services et encourager les conversions sur votre landing page.
La page d’atterrissage doit se charger rapidement et se comprendre tout aussi vite. Elle ne doit donc pas contenir trop d’éléments. Votre bio, le panel de vos produits, vos projets pour l’avenir…
Gardez-les pour d’autres endroits de votre site. Votre landing page n’a qu’une mission, et elle n’a que quelques secondes pour la remplir. Au-delà, elle s’autodétruira !
Deux phrases de texte, un visuel, un CTA, un élément rassurant… C’est suffisant.
Optez pour la simplicité : montrez l’important, masquez le superflu et supprimez l’inutile
Pour gagner encore en efficacité, conservez un design sobre, sans trop de couleurs ni d’effets visuels. Vous n’êtes pas là pour amuser la galerie, mais pour les convaincre de vous faire confiance.
Cependant, rien ne vous interdit de vous appuyer sur votre charte graphique. Au contraire : retrouver votre logo, vos teintes principales ou ce qui vous différencie (par exemple les illustrations) créera une connivence et permettra d’affirmer votre identité.
Votre landing page doit correspondre à un objectif précis :
Mais vous pouvez tout à fait disposer de plusieurs pages d’atterrissages en fonction de vos différents buts. Vous êtes même fortement encouragé à tester deux versions de vos présentations : parfois, seule la couleur d’un bouton modifie son impact. Appuyez-vous sur ce qui fonctionne le mieux pour vous !
Mêler gratuité et large choix d’abonnement pour favoriser l’adhésion. La possibilité de tester le produit rassurera le prospect et la large palette de prix permettra de faire ressortir une formule moyenne, qui paraîtra immédiatement généreuse…
Comme toujours sur le web, veillez à adopter un responsive design pour votre page d’atterrissage – elle doit pouvoir s’adapter à tous les formats et à tous les périphériques.
Après avoir réalisé et lancé la landing page, il s’agit d’évaluer son efficacité par le biais des critères de mesure suivant :
Au delà des optimisations de fond et de forme, une bonne landing page repose également sur une plateforme technique performante – autrement dit, le temps de chargement doit être lui aussi, optimal.
Seuls 2 % des visiteurs d’un site e-commerce deviennent réellement des clients : le recours à une landing page peut augmenter ce chiffre de 300 % … Un chiffre obtenu si l’on suit scrupuleusement la recette de l’efficacité, dictée par l’infographie de Raffles Media …
Envie de moderniser le design de votre landing page ? Faites appel à un de nos webdesigners freelances en déposant gratuitement une annonce sur Graphiste.com, vous recevez une dizaine de devis pour votre projet de création de site internet.
Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.
Nous ne partagerons pas votre adresse e-mail.