Pourquoi les landing pages sont-elles importantes ?

Lundi 05 février

Landing page 

Enfermer le consommateur dans un tunnel de prise de décision.

Sur un produit qui ciblera 2/3 personnalité, il y aura 2/3 landing page. 

Pourquoi les landing pages sont-elles importantes ? 

C’est l’opportunité de faire la bonne première impression.

Conversion des visiteurs en leads/clients.

Recueillent des infos précieuses sur vos prospects.

Augmentent le ROI (retour sur investissement) de vos campagnes de marketing digital. 

l’UX :

L’accessibilité, la compréhension et la cohérence. Centré sur l’utilisateur, la simplicité et et l’utilité pour lui. 

l’UI : 

L’esthétique, l’habillage, faire en sorte que ce soit clair, qu’il y ait un retour sur les actions, univers graphique. 

Les bonnes pratiques : 

Bloc « hero » : proposition de valeur, savoir à qui tu parles + bouton

Bloc « offre bénéfices » : 3 points clés avec ce que je fais, ma plus value

Bloc « social proof » : preuve sociale, avis réassurance

Bloc « pricing » : pas nécessaire, tout dépend de la situation 

CTA : clair et précis

Formulaire (facultatif également) 

La ligne de flottaison est une notion de design pour faire la ligne en no-code. 

Il faut que la page soit cohérente et que le CTA soit clair et simple. 

Les mauvaises pratiques :

Trop d’infos. Ne donnez pas trop d’infos qui pourraient distraire le visiteur de l’objectif principal. 

Trop de choix. Gardez un seul TCA pour éviter la confusion.

Manque de cohérence. Assurez-vous que votre message est cohérent sur tous les canaux. 

Choses à ne pas avoir sur sa landing page : 

Bloc social (bouton de réseaux sociaux par ex)

Barre de navigation (pas de barre pour aller vers d’autres pages)

Bloc de newsletter (pas en plus d’un appel à l’action, mais possible si je veux inscrire seulement la newsletter)

Articles de blog (ne fais pas sortir ton prospect)

Jouer avec la typographie pour accompagner le lecteur, il aura tendance à lira la landing page en Z. 

Création d’un scénario d’utilisateur :

Site web e-commerce.

Acteur : Sarah une femme d’âge moyen qui aime faire du shopping en ligne.

Objectif : Sarah veut acheter un nv sac à main.

Contexte : Sarah est assise sur son canapé, elle navigue sur son smartphone pendant une pause publicitaire. 

Sarah souhaite se rendre sur asos, elle entrera dans la barre de recherche le nom du site, il s’affichera dans en premier résultat, elle ira dans la catégorie femme et chaussures ensuite, elle aura la possibilité d’utiliser des filtres pour affiner sa recherche et ainsi trouver le produit qu’elle a besoin, elle l’ajoutera au panier, pourra utiliser le CTA des -10% en s’inscrivant à la newsletter et effectuera le paiement. 

Bon scénario utilisateur qui se concentre sur les actions de l’utilisateur. 

Charte graphique : 

Un charte graphique est un guide qui établit les règles fondamentales d’utilisation des visuels d’une organisation. 

Wireframe : 

Un wireframe est un schéma visuel de bas niveau qui présente le cadre de base d’une page ou d’une application.

L’objectif de la page,

Identifier les composants clés,

Dessiner un croquis basique,

Ajouter des détails,

Tester & itérer si besoin. 

Outils pour dessiner vos wireframes :

Figma 

Miro

JustInMind

Balsamiq

Whimsical

Mail sur lequel envoyer le travail : contact@karenko.com 

Créer le wireframe de la landing page 

Créer le wireframe de la landing page sur un outil

Choisir es éléments graphiques de la landing page

Wireframe (maquette) = landing page moins poussé, c’est un schéma visuel de bas niveau qui présente le cadre de base d’une page ou d’un appli 

La wireframe permet de

...