Catégorie : Lisibilité
7 conseils pour vendre… tout simplement
Il y a plein d’étapes à suivre pour faire une bonne page de vente.
De la recherche à l’écriture, en passant par les tests…
Mais les étapes les plus importantes – et les plus faciles – à suivre, quand on vend quoi que ce soit via un écran, ce sont les suivantes :
- Créez un plan précis qui respecte bien les différents concepts que l’on doit aborder dans une page de vente
- Prévoyez une largeur d’écran maximum de 650 px pour un ordinateur, et qui s’adapte à tout l’écran sur un mobile
- Ecrivez en noir sur fond blanc
- Le texte en une seule colonne, avec pas plus de 4 images sur toute la page.
- Mettez toujours une légende sous une image (un argument fort)
- Et des liens qui ne mènent que vers un seul endroit : le bon de commande.
- Pas de menu, pas de pied de page qui mène ailleurs que sur les mentions légales, et bien sûr aucun lien qui ne mène ailleurs que sur le bon de commande.
Si une seule de ces 7 étapes n’est pas respectée, vous ne vendrez pas. Ou bien moins que vous ne le pourriez.
C’est facile à vérifier. Facile à mettre en œuvre.
Et c’est facile de modifier une page existante après vérification…
Vous aurez compris votre action du jour, oui ?
12 mai 2023
Avez-vous la bonne pancarte ?
Accéder à la bonne page d’un agenda est rendu très facile par le petit coin bas de chaque feuille que l’on peut – normalement – détacher.
Quand une journée est passée, on déchire le coin, et le lendemain, on peut arriver directement à la page du jour.
Efficacité accrue et gain de temps évident.
J’imagine que cette astuce a été trouvée et mise en place suite à un nombre record de retours à propos des agendas, et surtout de la perte de temps récurrente que l’on expérimente si on doit tourner plusieurs pages dudit agenda pour trouver la bonne.
C’est un bel exemple d’une innovation basée sur l’expérience client.
Pour un site web, une page de vente ou même un article de blog, ça devrait être pareil.
Car la perte de temps qu’implique une mauvaise accessibilité au contenu désiré se paye en espère sonnante et trébuchante.
Si une personne arrive sur une page de vente et n’arrive pas à comprendre très vite qu’elle va trouver ce qu’elle est venue chercher, elle repartira pour le trouver ailleurs.
Si c’est le cas, votre accroche est en cause dans 97,5% des cas.
Si une personne arrive sur l’un de vos articles de blog et qu’elle ne peut pas scanner vite fait quelque chose pour savoir de quoi vous allez parler et si cela l’intéresse, elle ira chercher ses infos ailleurs.
Le titre de votre article et sa table des matières servent à faire ce job.
Si une personne arrive sur votre site web, et qu’elle ne repère pas très vite sur quoi elle doit cliquer pour avoir les infos qu’elle recherche, elle repartira chercher un autre prestataire.
C’est ce qui se trouve au-dessus de la ligne de flottaison de l’écran, l’intitulé de vos liens et votre slogan qui permettent de prendre la décision d’aller plus loin.
Bien souvent, on se casse la tête à essayer de comprendre pourquoi les gens n’achètent pas, n’interagissent pas ou ne prennent pas rendez-vous.
En fait, ils ne peuvent pas le faire, puisqu’ils ne sont plus là…
Dans la plupart des cas, ce ne sont pas vos textes, les fautifs.
Il manque juste une pancarte qui indique clairement où trouver ce que les gens cherchent.
8 mai 2023
10 bonnes raisons de lire cet article :
J’en ai déjà parlé, « 10 » est un bon chiffre pour un titre d’article de blog.
J’en profite pour vous donner 10 raisons d’insérer des listes chiffrées dans vos articles, vos emails ou vos pages de vente :
- Facilite la lecture : Les listes rendent le texte aéré et brise la monotonie des paragraphes denses.
- Structure l’information : Hiérarchise et organise les idées.
- Simplifie la compréhension : Permet d’assimiler rapidement les points clés.
- Met en valeur l’essentiel : Souligne les éléments importants.
- Incite à la mémorisation : Rend les informations plus mémorisables.
- Améliore le référencement : Les listes sont appréciées des moteurs de recherche.
- Économise le temps du lecteur : Permet une lecture rapide et efficace.
- Appuie les arguments : Renforce la crédibilité et la persuasion.
- Crée du rythme : Varie la présentation pour maintenir l’intérêt,
- Fournit un support visuel : Les listes attirent l’œil et guident la lecture.
- Valorise l’expertise : Montre la maîtrise du sujet par l’auteur en l’incitant à être simple et concis
Si vous avez lu cette liste jusqu’au bout, c’est que ces conseils fonctionnent.
Une liste, c’est comme une induction hypnotique : Ca guide les lecteurs là où vous le souhaitez.
Par contre, vous avez remarqué qu’il y a 11 puces et non 10 ?
Si vous ne l’avez pas remarqué, c’est ma faute, pas la vôtre.
Quand on énumère des bienfaits, des bénéfices, des outils ou des conseils, l’idéal est de mettre un chiffre devant chaque puce.
C’est mieux.
5 mai 2023
La ligne de coupe
Comme vous avez pu le voir hier, l’article était très long (plus de 3500 mots).
Difficile de le mettre en entier sur la page d’accueil du blog : ça empêche la lecture des 9 autres articles.
En effet, sur ce blog (comme sur beaucoup), seuls 10 articles s’affichent.
J’ai décidé depuis le 1er avril d’écrire le plus court possible, afin que les articles s’affichent en entier sur la page, sans que cela fasse trop long non plus.
Cela n’empêche pas de faire de temps en temps des articles plus long.
Pour régler le problème de l’affichage d’un article long sur une page d’accueil, il suffit de coller ce qu’on appelle une balise « More » à l’endroit où vous voulez que l’article se coupe.
Cela aura pour effet de ne faire apparaître qu’un extrait de l’article en page d’accueil, laissant le choix aux lecteurs d’aller lire la suite directement sur la page de l’article.
Pour insérer une balise « More », il suffit de se positionner à l’endroit où vous voulez découper votre article, et de cliquer sur l’icône :
Cela rajoute une ligne horizontale en pointillés.
Ainsi, seuls les mots présents avant cette ligne apparaîtront sur la page d’accueil, suivis d’un lien « Lire la suite » (more) sur lesquels les lecteurs pourront cliquer.
20 avril 2023
La méthode C.O.L.O.R pour booster votre communication visuelle [Suite]
Voici la suite de l’article d’hier sur l’importance du choix des couleurs dans sa communication visuelle :
Suite de l’étape 2 : [O]ptez pour une couleur qui correspond à cette émotion
Les couleurs et les professions « associées »
Dans le même ordre d’idée que la liste des couleurs et de leurs associations émotionnelles, on peut tenter de rapprocher les couleurs avec des professions et des métiers.
Le but ?
La rapidité d’interprétation.
Quand on arrive sur un site web ou sur un blog, c’est parce que l’on a demandé quelque chose de précis à Google. Ou qu’on a été incité à le faire par recommandation ou grâce à un lien.
Dans tous les cas, on « s’attend’ à une information précise sur un sujet précis.
Si les couleurs du site sur lequel on arrive sont en adéquation avec le « thème » de ce qu’on cherche, alors l’incorporation de l’environnement dans la tête du visiteur est instantanée !
S’il y a une « dissonance » par rapport à ce à quoi on s’attend, alors cela va provoquer un STOP dans l’esprit du visiteur.
Et forcément, il ne sera pas dans les mêmes dispositions pour découvrir votre contenu. Il pourra même repartir avant d’avoir lu le moindre mot : « je ne suis pas au bon endroit, je repars…« .
Un exemple ?
OK… Imaginez que vous êtes une maman, et que vous recherchiez un livre pour votre bébé de 1 an… Il vous faut quelque chose de mignon, de pastel et de doux…
Vous mettez donc « livre pour bébé de 1 an » dans Google, et vous tombez sur ces sites (trouvés en cherchant parmi les résultats de recherche) :
Relativement peu adaptées, ne trouvez-vous pas ?
L’importance de la couleur en fonction de ce que vous faites est donc capitale.
Voici donc une liste de couleurs et un type de métier correspondant.
- Rouge : Pompiers, Sportifs, Restaurateurs (fast-food, cuisine épicée), Marketing et publicité
- Bleu : Consultants et conseillers, Professions de la santé (médecins, infirmières), Professions juridiques (avocats, juges), Technologies de l’information
- Vert : Environnementalistes et écologistes, Agriculteurs, Nutritionnistes et diététiciens, Jardiniers et paysagistes
- Jaune : Professions créatives (artistes, designers), Professions liées à l’éducation et la formation, Professions liées à l’enfance (animateurs, éducateurs), Entrepreneurs
- Orange : Coachs sportifs et personnels, Travailleurs de la construction, Professions liées à l’événementiel, Professions liées aux voyages et au tourisme
- Violet : Thérapeutes et conseillers spirituels, Professions liées à la beauté et au bien-être (spa, esthéticiennes), Professions liées à l’art et à la culture, Professions liées au luxe et à la mode haut de gamme
- Rose : Professions liées à la mode et la beauté (maquilleurs, coiffeurs), Professions liées au mariage (organisateurs, photographes), Professions liées à la pâtisserie et aux desserts, Professions liées à la petite enfance (crèches, puéricultrices)
- Marron : Artisans et ébénistes, Professions liées au café et au chocolat, Professions liées à l’ameublement et à la décoration intérieure, Professions liées aux animaux (vétérinaires, dresseurs)
- Gris : Architectes et ingénieurs, Professions liées à la finance (banquiers, comptables), Professions liées à l’immobilier (agents, promoteurs), Professions liées au design industriel
- Noir : Professions de la mode et du design haut de gamme, Professions liées à la photographie et à la production audiovisuelle, Professions liées à la sécurité (agents de sécurité, détectives), Professions liées aux arts du spectacle (musiciens, danseurs)
- Blanc : Professions de la santé (médecins, dentistes), Professions liées à la recherche scientifique, Professions liées au nettoyage et à l’hygiène (sociétés de nettoyage), Professions liées au mariage et aux cérémonies (organisateurs, officiants)
Ces associations ne sont pas absolues et peuvent varier en fonction du contexte ou de la manière dont une entreprise souhaite se positionner.
Toutefois, elles donnent une idée générale des couleurs couramment associées à certains domaines professionnels.
Étape 3 : [L]imitez-vous à 2-3 couleurs principales pour une harmonie visuelle
Les dangers d’un excès de couleurs
L’utilisation excessive de couleurs peut nuire à la lisibilité et à l’efficacité de votre communication visuelle.
Un trop grand nombre de couleurs peut rendre votre visuel chaotique, désorganisé et difficile à comprendre pour votre audience.
Cela peut également diluer votre message et affaiblir l’impact de votre communication.
Il est donc essentiel de limiter le nombre de couleurs principales à 2 ou 3 pour préserver une harmonie visuelle et faciliter la compréhension de votre message.
Conseils pour choisir les couleurs complémentaires
Lorsque vous choisissez les couleurs complémentaires à utiliser dans votre visuel, prenez en compte les émotions et les objectifs de votre communication.
Voici quelques conseils pour sélectionner des couleurs harmonieuses et cohérentes :
- Utilisez des couleurs complémentaires sur le cercle chromatique pour créer un contraste équilibré et une harmonie visuelle.
- Pensez aux couleurs analogues, c’est-à-dire celles qui se trouvent à proximité les unes des autres sur le cercle chromatique, pour créer une sensation de continuité et de cohérence.
- N’hésitez pas à jouer avec les nuances et les saturations pour créer du contraste et ajouter de la profondeur à votre visuel.
L’importance de l’harmonie visuelle
Une harmonie visuelle réussie facilite la compréhension de votre message et renforce l’impact de votre communication.
En limitant le nombre de couleurs principales et en sélectionnant des couleurs complémentaires judicieusement, vous créez une identité visuelle cohérente et mémorable qui renforce la connexion émotionnelle avec votre audience.
L’harmonie visuelle contribue également à la perception de professionnalisme et de qualité, ce qui peut améliorer la réputation de votre marque ou de votre projet.
Voici un site qui peut vous aider à trouver des associations harmonieuses pour vos documents de vente et votre site web :
En fouinant bien, vous trouverez des centaines (des milliers !!) d’images et d’associations de couleurs correspondantes.
Et en fait, en fouinant bien, vous découvrirez que tous les camaïeux ne sont plus sur le site mais sur son compte Instagram.
Personnellement, j’avais tout téléchargé au cas où ce serait effacé, mais comme c’est sur Instagram, vous pouvez y avoir accès.
Idéal pour créer un camaïeu de couleurs harmonieux pour votre site.
Étape 4 : [O]rganisez les couleurs pour guider le regard et hiérarchiser l’information
La hiérarchisation des informations par la couleur
La couleur peut être un outil puissant pour structurer et hiérarchiser les informations dans votre communication visuelle.
En utilisant des couleurs contrastantes ou complémentaires, vous pouvez mettre en avant les éléments les plus importants de votre message et faciliter la compréhension de votre audience.
Les couleurs vives et audacieuses attirent l’attention, tandis que les couleurs plus subtiles et neutres servent de toile de fond pour mettre en valeur les éléments clés.
En organisant les couleurs de manière à hiérarchiser l’information, vous rendez votre message plus clair et plus percutant.
Utilisation des couleurs pour guider le regard
Les couleurs peuvent également être utilisées pour guider le regard de votre audience à travers votre visuel et orienter leur attention vers les éléments essentiels.
En jouant sur les contrastes et les harmonies de couleurs, vous créez un chemin visuel qui permet de diriger le regard de manière naturelle.
Par exemple, vous pouvez utiliser :
- une couleur vive pour le titre,
- une couleur complémentaire pour les sous-titres
- et une couleur neutre pour le texte principal.
Le choix des couleurs doit être en accord avec l’émotion que vous souhaitez véhiculer et les objectifs de votre communication.
Exemples de mise en pratique
Voici quelques exemples de mise en pratique pour organiser les couleurs et hiérarchiser l’information :
- Pour une affiche promotionnelle, utilisez une couleur vive et contrastante pour le titre et les éléments importants, comme le prix ou la date de l’événement, afin d’attirer l’attention.Utilisez des couleurs complémentaires ou neutres pour le texte et les détails secondaires.
- Dans une présentation PowerPoint, utilisez une couleur dominante pour les titres de diapositives et une couleur complémentaire pour les points clés.Utilisez une couleur neutre pour le texte principal et les détails moins importants.
- Pour un site web, utilisez une couleur dominante pour les éléments de navigation et les boutons d’appel à l’action, et des couleurs complémentaires ou neutres pour le texte et les autres éléments de la page.
En suivant ces conseils, vous optimiserez l’organisation des couleurs dans votre communication visuelle pour guider le regard et hiérarchiser l’information de manière efficace.
Étape 5 : [R]épétez ces couleurs dans vos différents supports
…pour une cohérence de votre identité visuelle
La cohérence visuelle et sa valeur ajoutée
La cohérence visuelle est un aspect essentiel de la communication et du branding.
En utilisant les mêmes couleurs à travers l’ensemble de vos supports de communication, vous renforcez l’identité visuelle de votre marque ou de votre projet et créez une expérience utilisateur cohérente et mémorable.
Cette cohérence permet à votre audience de reconnaître instantanément votre marque et de créer une association émotionnelle positive avec celle-ci, augmentant ainsi sa valeur ajoutée.
Comment appliquer la cohérence sur différents supports
Pour assurer une cohérence visuelle à travers vos différents supports, il est important d’appliquer systématiquement les mêmes couleurs et de respecter les principes établis lors de la création de votre identité visuelle.
Voici quelques conseils pour y parvenir :
- Créez une charte graphique qui définit clairement les couleurs, les typographies et les styles visuels à utiliser dans l’ensemble de vos supports de communication.
- Appliquez les mêmes couleurs sur tous vos supports, qu’il s’agisse de vos supports imprimés (cartes de visite, brochures, affiches) ou numériques (site web, réseaux sociaux, vidéos).
- Assurez-vous que les couleurs sont reproduites de manière cohérente sur différents supports et matériaux.
Il peut être nécessaire d’ajuster légèrement les teintes pour garantir une apparence uniforme.
N’hésitez pas à travailler avec des professionnels du design et de la communication pour garantir la cohérence de votre identité visuelle à travers l’ensemble de vos supports.
Les avantages d’une identité visuelle cohérente
Une identité visuelle cohérente offre de nombreux avantages pour votre marque ou votre projet :
- Elle renforce la reconnaissance et la mémorisation de votre marque auprès de votre audience.
- Elle crée une association émotionnelle positive et une confiance envers votre marque.
- Elle renforce la perception de professionnalisme et de qualité de votre entreprise ou de votre projet.
- Elle facilite la navigation et la compréhension de vos supports de communication.
Et après ?
Avec cette méthode, vous avez déjà du pain sur la planche pour harmoniser votre site web ou votre blog. Et même vos pages de vente. Voire même le design de vos produits.
Sachez qu’il y a aussi 3 autres techniques pour améliorer l’impact visuel de vos différents éléments.
J’en parle dans un article complet (qui comporte aussi un résumé des deux articles que vous venez de lire ici) sur mon autre blog Copywriting Energétique.
Cet article s’intitule Harmonie et Impact : 3 clés pour sublimer vos visuels.
Il détaille 3 techniques :
- Utiliser la règle des tiers pour équilibrer vos visuels,
- Employer des contrastes pour mettre en valeur votre message,
- Choisir des typographies lisibles et adaptées à votre ton.
A très vite sur Copywriting Energétique.
Ce blog est assez neuf (début mars 2023), et il s’adresse surtout aux femmes qui se sont engagées dans une profession d’aide et de soutien aux autres, que ce soit en tant que coach de vie, thérapeute holistique, praticienne en énergétique, psychologue ou autre métier similaire.
Si c’est votre cas, inscrivez-vous en tant que membre privilégiée, il y a quelques cadeaux sympas pour vous.
22 mars 2023
La méthode C.O.L.O.R pour booster votre communication visuelle
La communication visuelle joue un rôle essentiel dans notre monde de plus en plus connecté et visuellement stimulant.
Les couleurs ont le pouvoir d’influencer notre perception, nos émotions et nos décisions.
C’est pourquoi il est primordial de maîtriser la psychologie des couleurs pour créer des visuels impactants et efficaces.
Dans cet article, je vous propose de découvrir les deux premières étapes de la méthode C.O.L.O.R. (ou comment maîtriser la psychologie des couleurs) pour donner encore un peu plus envie aux gens de venir vous voir, mais surtout, de rester chez vous plus longtemps.
Étape 1 : [C]onsidérez l’émotion que vous souhaitez véhiculer
Importance des émotions dans la communication
Les émotions jouent un rôle crucial dans la communication.
Elles permettent de créer une connexion entre votre message et votre audience, rendant ce dernier plus mémorable et engageant.
En suscitant des émotions chez votre public, vous augmentez les chances que votre message soit retenu et partagé, contribuant ainsi à l’efficacité de votre communication.
Lien entre les couleurs et les émotions
De tout temps, les couleurs ont toujours été étroitement liées aux émotions qu’elles évoquent.
Chaque couleur possède une signification psychologique qui peut varier en fonction des contextes culturels et personnels.
Certaines couleurs sont généralement associées à des émotions spécifiques, comme le rouge pour la passion et l’énergie, le bleu pour la confiance et la sérénité, ou le vert pour la croissance et la nature.
Il est essentiel de prendre en compte ces associations pour choisir les couleurs les plus adaptées à votre message et à l’émotion que vous souhaitez transmettre.
Quelques études scientifiques à ce sujet
Tout cela ne sort pas du chapeau d’un marketeur anonyme qui s’est dit un matin en se levant : « Tiens, et si on associait une couleur à une émotion ? »
Non ! Plusieurs études scientifiques et statistiques ont examiné le lien entre les couleurs et leur impact psychologique sur les êtres humains.
En voici quelques unes :
- Elliot, A. J., & Maier, M. A. (2007). Color and psychological functioning. Current Directions in Psychological Science, 16(5), 250-254.Dans cette étude, les auteurs passent en revue les recherches sur l’impact des couleurs sur la cognition, l’émotion et le comportement.Ils abordent notamment l’effet du rouge sur les performances intellectuelles et physiques.
- Mehta, R., & Zhu, R. (2009). Blue or Red? Exploring the Effect of Color on Cognitive Task Performances. Science, 323(5918), 1226-1229.Cette étude examine l’effet des couleurs bleu et rouge sur les performances cognitives.Les résultats suggèrent que le bleu favorise la créativité, tandis que le rouge améliore l’attention sur les détails.
- Labrecque, L. I., & Milne, G. R. (2012). Exciting red and competent blue: The importance of color in marketing. Journal of the Academy of Marketing Science, 40(5), 711-727.Dans cette étude, les chercheurs explorent l’importance de la couleur dans le marketing et son impact sur la perception des consommateurs.Ils soulignent le rôle des couleurs dans la communication des valeurs de la marque et dans l’évaluation des produits par les consommateurs.
- Genschow, O., Reutner, L., & Wänke, M. (2012). The color red reduces snack food and soft drink intake. Appetite, 58(2), 699-702.Cette étude s’intéresse à l’impact de la couleur rouge sur la consommation de nourriture et de boissons sucrées.Les résultats montrent que l’exposition à la couleur rouge entraîne une réduction de la consommation de ces produits, suggérant un effet inhibiteur de la couleur rouge sur l’appétit.
- Küller, R., Ballal, S., Laike, T., Mikellides, B., & Tonello, G. (2006). The impact of light and colour on psychological mood: a cross-cultural study of indoor work environments. Ergonomics, 49(14), 1496-1507.Cette étude transversale examine l’impact de la lumière et de la couleur sur l’humeur psychologique dans les environnements de travail intérieurs.Les résultats suggèrent que la couleur et l’éclairage ont un effet significatif sur l’humeur des travailleurs, avec des variations culturelles.
Ces études montrent que les couleurs peuvent avoir un impact significatif sur notre état psychologique, nos émotions, nos comportements et nos performances, soulignant l’importance de considérer les couleurs dans divers contextes, tels que la communication, le marketing et l’aménagement des espaces.
Sur Internet, s’attarder sur ces points peuvent faire une différence énorme dans le succès de votre entreprise en ligne
Réflexion sur l’émotion à véhiculer
Avant de vous lancer dans la création de votre visuel, prenez le temps de réfléchir à l’émotion que vous souhaitez véhiculer.
Voici une liste de 20 questions à vous poser pour vous aider à déterminer cette émotion avec votre site web, votre blog ou vos documents de vente :
- Quel est l’objectif principal de mon site web, blog ou documents de vente ?
- Quelle est la mission et la vision de mon entreprise ou de mon projet ?
- Quelles sont les valeurs que je souhaite transmettre à mon audience ?
- Quel est le ton que je veux adopter dans ma communication (formel, informel, sérieux, amusant) ?
- Quelles émotions sont généralement associées à mon secteur d’activité ou à mon domaine d’expertise ?
- Comment je souhaite que mon audience se sente après avoir visité mon site web, lu mon blog ou consulté mes documents de vente ?
- Quelle est la première impression que je veux donner à mes visiteurs ou lecteurs ?
- Quelle émotion je veux susciter pour inciter mon audience à passer à l’action (acheter, s’inscrire, partager) ?
- Comment puis-je me démarquer de mes concurrents en termes d’émotions véhiculées ?
- Quelles émotions ont été efficaces dans mes précédentes campagnes ou communications ?
- Quel est le profil de mon audience cible et quelles émotions sont susceptibles de les toucher ?
- Comment mon produit ou service améliore-t-il la vie de mes clients, et quelle émotion est associée à cette amélioration ?
- Comment mes clients décrivent-ils mon produit ou service, et quelles émotions en ressortent ?
- Quelles émotions sont associées aux couleurs, aux typographies et aux visuels que j’utilise actuellement dans ma communication ?
- Quels sont les retours de mon audience sur ma communication actuelle et quelles émotions en ressortent ?
- Y a-t-il des témoignages de clients satisfaits qui illustrent l’émotion que je souhaite véhiculer ?
- Quels sont les défis ou les problèmes auxquels mon audience fait face, et comment mon produit ou service peut-il les aider à les surmonter ?
- Quelles sont les tendances actuelles dans mon secteur d’activité et comment puis-je m’aligner sur ces tendances tout en véhiculant une émotion unique et authentique ?
- Quels sont les éléments de mon produit ou service qui suscitent le plus d’enthousiasme ou d’émotions positives chez mes clients ?
- Quelle émotion reflète le mieux l’identité de ma marque et ma promesse à mon audience ?
En répondant à ces questions, vous pourrez mieux cerner l’émotion principale que vous souhaitez véhiculer.
En identifiant clairement l’émotion que vous voulez transmettre, vous pourrez choisir les couleurs les plus appropriées pour renforcer votre message et créer une connexion émotionnelle avec votre public.
Étape 2 : [O]ptez pour une couleur qui correspond à cette émotion
Les couleurs et leurs significations psychologiques
Comme mentionné précédemment, chaque couleur possède une signification psychologique qui peut influencer notre perception et nos émotions.
Il est important de connaître ces significations pour sélectionner la couleur la plus adaptée à l’émotion que vous souhaitez véhiculer.
Par exemple, si vous souhaitez inspirer la confiance, le bleu est souvent considéré comme une couleur fiable et rassurante.
À l’inverse, si vous souhaitez transmettre une sensation de vitalité et d’énergie, l’orange ou le jaune sont des choix plus appropriés.
Choisir la couleur appropriée en fonction de l’émotion souhaitée
Une fois que vous avez identifié l’émotion que vous voulez transmettre, il est temps de choisir la couleur correspondante.
Pour ce faire, tenez compte des associations émotionnelles courantes mentionnées précédemment et de celles spécifiques à votre contexte culturel et personnel.
N’oubliez pas que certaines couleurs peuvent avoir des significations différentes selon les cultures, il est donc essentiel de prendre en considération votre audience et ses spécificités.
Exemples de correspondances entre émotions et couleurs
Une fois que vous avez déterminé la ou les émotions les plus « évidentes » qui correspondent à votre thématique, il peut être bénéfique pour vous de voir quelles couleurs sont associées à ces émotions.
Voici donc une liste de couleurs et leurs associations émotionnelles les plus courantes :
- Rouge : Passion, Énergie, Colère, Amour, Excitation, Urgence
- Bleu : Confiance, Sérénité, Loyauté, Paix, Intelligence, Stabilité
- Vert : Croissance, Nature, Fraîcheur, Santé, Équilibre, Harmonie
- Jaune : Joie, Optimisme, Énergie, Créativité, Attention, Jeunesse
- Orange : Enthousiasme, Chaleur, Énergie, Vitalité, Ambition, Sociabilité
- Violet : Spiritualité, Mystère, Luxe, Créativité, Intuition, Sagesse
- Rose : Amour, Tendresse, Féminité, Douceur, Romantisme, Innocence
- Marron : Terre, Stabilité, Chaleur, Confort, Simplicité, Nature
- Gris : Neutralité, Équilibre, Stabilité, Professionnalisme, Sobriété, Modernité
- Noir : Élégance, Mystère, Formalité, Puissance, Luxe, Sobriété
- Blanc : Pureté, Innocence, Simplicité, Clarté, Paix, Honnêteté
Il est important de noter que ces associations peuvent varier en fonction des contextes culturels et personnels.
Par exemple, en Chine, la couleur jaune est associée à la pornographie (imaginez vous adresser à des clients chinois avec une couleur jaune prédominante sur votre site web, ou simplement sur des boutons d’action (Amazon, Paypal utilisent le jaune pour faire agir les gens).
En Inde, le blanc est la couleur du deuil, mais aussi la couleur de l’opulence. On est loin de l’innocence et de la pureté chez les occidentaux.
Vous l’aurez compris, il est important d’adapter ses couleurs à son public et de bien vous renseigner sur toutes leurs implications dans d’autres pays (et surtout dans les pays où les habitants sont susceptibles de consulter votre site).
Ceci dit, ces associations ne sont pas absolues, et il est possible d’adapter les couleurs en fonction du message et du contexte.
Par exemple, un vert foncé peut évoquer la stabilité et la confiance, tandis qu’un vert clair peut transmettre une sensation de fraîcheur et de croissance.
N’hésitez pas à jouer avec les nuances et les combinaisons de couleurs pour créer l’émotion souhaitée tout en respectant l’identité visuelle de votre marque ou de votre projet.
La suite de cet article demain…
Ca fait déjà un petit moment qu’on est sur les couleurs, il est temps de se reposer un peu et de vous laisser appliquer les quelques recommandations de cet article à votre site web et/ou à votre blog.
Ca peut prendre quelques heures pour le faire bien, mais ce sont quelques heures bien employées, car cela peut représenter un facteur déterminant d’une belle croissance pour vous et votre activité.
La suite de cette étape 2 se trouve dans l’article suivant, ainsi que les 3 autres étapes de la méthode C.O.L.O.R.
21 mars 2023
Comment augmenter vos ventes avec une mise en page optimale
La lisibilité d’une page que l’on lit sur Internet (page de vente, blog, email, ou quoi que ce soit d’autre) est un aspect essentiel du copywriting.
Si votre texte est difficile à lire, vos lecteurs risquent de se décourager rapidement et de passer à autre chose.
C’est pourquoi il est important de créer une mise en page claire et aérée qui facilite la lecture de votre contenu.
Une mise en page claire et aérée implique l’utilisation de différents éléments visuels pour séparer et organiser le contenu, afin qu’il soit plus facilement compréhensible pour le lecteur.
Cette approche permet aux lecteurs de parcourir rapidement la page, de trouver les informations importantes et de naviguer facilement dans le contenu.
En outre, une mise en page claire et aérée peut aider à maintenir l’attention du lecteur et à améliorer la rétention de l’information.
Les éléments visuels tels que les images et les listes à puces, par exemple peuvent rendre le contenu plus attrayant, tandis que les espaces blancs peuvent aider à souligner les points clés et à améliorer la lisibilité globale.
J’en parle depuis des années, et malgré cela, je constate qu’il existe encore des sites web (voire, pire, des pages de ventes) écrites en gris clair sur blanc.
Le plus incroyable, c’est que pour certaines, ce sont des copywriters de grand talent qui les ont écrites, et pour finir, l’efficacité est jetée aux orties à cause d’une présentation déplorable.
Donc, et parce qu’on ne répète jamais assez les choses importantes, je vous propose aujourd’hui d’examiner les différentes façons de rendre une page plus facile à lire afin de maximiser l’impact de votre contenu et de rendre votre message plus accessible aux lecteurs.
Les éléments clés d’une mise en page efficace
1. La taille et le choix de police de caractères
La taille et le choix de police de caractères sont des éléments importants à considérer dans la mise en page d’un contenu.
Utiliser une police de caractères facile à lire, comme Arial ou Times New Roman, peut aider les lecteurs à parcourir le contenu plus rapidement.
L’important est d’éviter les polices fantaisistes qui peuvent être difficiles à lire et nuire à la compréhension du texte.
Notez ensuite qu’en fonction de votre public (de son âge, surtout), les polices avec ou sans empattement sont importantes.
Un public de plus de 40 ans préfèrera les police AVEC empattement (Times New Roman, par exemple).
Les publics plus jeunes préfèrent les polices du style « Arial » ou Tahoma » ou « Raleway », qui font plus moderne.
De plus, la taille de police doit être suffisamment grande pour être lisible sans effort, mais pas trop grande pour éviter de surcharger la page.
Il est important de trouver le bon équilibre entre la taille de la police et la quantité de texte sur la page.
Sans compter qu’aujourd’hui, près de 90% de vos pages seront lues sur… un téléphone.
Donc évidemment, la taille de votre police doit être évolutive en fonction de l’écran qui proposera votre texte.
J’ai écris il y a quelques temps un article sur ce blog qui vous parle d’une mise en page responsive. Faites en sorte que votre site et votre page de vente le soient.
2. L’espacement des lignes
L’espacement des lignes est un autre élément important de la mise en page d’un contenu.
Un espacement approprié entre les lignes facilite la lecture et améliore la compréhension du texte.
Les lignes trop serrées peuvent rendre la lecture difficile et fatigante pour les yeux, tandis que des lignes trop espacées peuvent donner l’impression que le contenu est disjoint et difficile à suivre.
3. La largeur de l’espace de lecture et les marges
A propos de la largeur de l’espace de texte, ma foi, je n’ai toujours pas changé d’avis depuis toutes ces années : une largeur de 650px sur un ordinateur est un MAXIMUM.
Quand c’est plus large, on doit bouger la tête, car les yeux ne peuvent plus lire une ligne trop longue. Donc on se fatigue, et… on zappe.
Donc vérifiez bien que la largeur de votre page soit de maximum 650 pixels.
En CSS on met : « max-width:650px; »
Dans la continuité de la section précédente, si vous êtes sur un téléphone, le problème de largeur ne se pose plus, par contre, ce sont les MARGES qui sont importantes.
Il est donc important de veiller à ce que les marges soient uniformes tout au long de la page et qu’elles ne soient pas trop étroites.
Lire un texte qui touche littéralement le bord d’un support (sur un téléphone ou une tablette) est très compliqué.
Donc mettez une marge de 5% comme ça, ça s’adaptera sur tous les supports.
4. L’utilisation des titres et des sous-titres
Voici une technique courante pour rendre un contenu plus facile à lire : l’émailler de titres et de sous-titres.
Ils permettent en effet aux lecteurs de parcourir rapidement le contenu et de comprendre l’organisation du texte.
En outre, cela permet de hiérarchiser les informations et d’attirer l’attention sur les éléments clés du texte, mais aussi d’inclure, pourquoi pas, une table des matières comme vous pouvez le voir sur ce blog.
Ca facilite le référencement (Google adore voir ce genre de truc sur une page), et ça permet une accessibilité plus directe au contenu qui intéresse le lecteur.
5. L’utilisation de listes à puces
Les listes à puces sont un autre élément clé de la mise en page pour améliorer la lisibilité.
Elles sont en effet idéales pour présenter des informations en points clairs et concis.
Les lecteurs peuvent parcourir rapidement les points de la liste et comprendre les informations importantes sans avoir à lire tout le texte.
L’utilisation de listes à puces permet également de structurer le texte et de le rendre plus facile à suivre.
J’ai écrit un article sur la question des liste de puces promesses, qui vous donne plein de conseils pour les écrire. Surtout pour une page de vente.
Mais ça fonctionne aussi pour un blog, un email ou tout autre page à lire sur Internet (et même sur papier, en fait).
Les astuces pour améliorer la mise en page d’une page web
1. Limiter les blocs de texte à 2 à 3 phrases
Lorsqu’un visiteur arrive sur une page web, il ne souhaite pas être confronté à de longs blocs de texte.
Pour rendre votre contenu plus facile à lire, il est important de limiter les blocs de texte à 2 ou 3 phrases maximum.
Cela permettra à vos visiteurs de lire plus facilement et de retenir l’essentiel de votre contenu.
Personnellement, je limite bien souvent à UNE SEULE phrase par paragraphe, car pour peu qu’il y ait des concepts un peu techniques, cette phrase s’étalant sur 3 lignes ne supporterait pas une copine dans le même paragraphe.
Si vous retenez que JAMAIS un paragraphe ne devrait faire plus de 3 lignes, alors vous pourrez adapter le nombre et la longueur de vos phrases pour ça.
2. Utiliser des images pour briser la monotonie
Les images peuvent être utilisées pour briser la monotonie du texte et donner vie à une page de vente ou un article.
Elles peuvent également aider à transmettre une idée ou un message plus efficacement que de simples mots.
Il faut évidemment bien les choisir, et y rajouter une légende pour être sûr que les personnes comprendront bien votre « image ».
Il est également important de ne pas en abuser, car trop d’images peuvent ralentir le chargement de votre page, et sortir les lecteurs de votre texte.
Dans une page de vente, une image arrête la lecture à chaque fois. J’en parle dans cet article.
3. Utiliser des couleurs ou du gras
L’utilisation du gras ou de la couleur peut aider à mettre en évidence les éléments clés de votre page web.
Mettre quelques mots (positifs) en gras permet d’écrire une sorte de « chemin » qu’un lecteur pressé pourra emprunter pour aller plus vite.
Ne mettez pas de mots ou de formules négatives en gras. Toujours du positif.
Quant aux couleurs, pensez à quelques impératifs à respecter :
Le bleu (#0000FF) est la couleur réservée aux liens sur Internet.
Donc bannissez cette couleur de vos pages si ce n’est pas un lien.
Pour le reste, choisissez 2 ou 3 couleurs pour mettre certains éléments en surbrillance ou en évidence, mais pas plus.
Et utilisez des couleurs, qui contrastent bien avec le fond de votre page pour éviter une baisse de la lisibilité. Vous comprenez de quoi je parle ?
4. Utiliser un design simple et cohérent sur toute la page
Un design simple et cohérent peut aider vos visiteurs à naviguer facilement sur votre page web.
Utilisez des polices de caractères et des couleurs similaires sur l’ensemble de votre page web pour créer une apparence cohérente.
Évitez les designs trop compliqués ou trop chargés, qui peuvent distraire vos visiteurs et rendre la lecture difficile.
L’apparence globale est aussi importante en fonction du texte que vous présentez au lecteur :
- Pour une page de vente : un seul bloc de texte sur la page, sans menu ni à droite, ni à gauche, ni en haut, ni en bas.
- Pour un blog, un seul bloc de texte d’une seule colonne, avec un menu à droite ou à gauche. A gauche si vous voulez que les lecteurs vous lisent avec leur côté émotionnel, à droite si vous préférez la logique.
Ca n’a l’air de rien, ces petites astuces, mais à la longue, ça rend les choses plus faciles pour vous.
En résumé…
J’en ai déjà parlé à de multiples reprises, mais rassembler quelques concepts importants dans un seul article m’a paru important.
Souvent, on se concentre sur les mots pour faire agir nos lecteurs, mais la manière dont on présente ces mots est tout aussi important.
Pas forcément parce que ça fera vendre PLUS.
Mais surtout parce que cela ne mettra pas d’obstacles à la lecture.
En 2023, un lecteur n’est plus vraiment un « lecteur », c’est un « défileur »… Il y a du texte qui défile devant ses yeux, et quand un truc l’attire, il s’arrête, parcourt le texte en 2-3 secondes, et passe à autre chose.
Il faut être vachement bon pour attirer l’attention d’un lecteur comme ça.
Alors si les 2-3 secondes que vous avez de disponible pour ferrer votre poisson sont gaspillées par une police trop claire, un espacement trop large ou un message nuageux, vous avez perdu d’avance !
Respectez donc ces quelques principes, et ça ne vous arrivera plus jamais !
10 mars 2023
Créer une page de vente 100% responsive pour multiplier ses ventes par 2
Je suis allé jeter un oeil sur mes stats de visite, hier… Je voulais voir quelle était la page de mon blog qui apportait le plus de visiteurs sur Google.
Sans grande surprise, c’est le Générateur d’Accroches Hypnotiques. Puis ensuite, je suis allé regarder la répartition des connexions.
Il s’avère que plus de 60% utilisent cet outil via leur téléphone ou leur tablette.
Et quand je regarde l’ensemble de mon blog, il n’y a que 41% des gens qui se connectent via un ordinateur.
Et encore, je suis dans la fourchette basse.
Certains de mes clients ont 95% de consultation sur téléphone.
Il s’ensuit que lorsque l’on crée une page de vente, il faut la créer D’ABORD pour les téléphones.
Et pour cela, pas de chichi :
- Une seule colonne,
- les éléments les uns en dessous des autres.
Pour la lisibilité, on va utiliser du CSS de base.
Je vais vous montrer comment faire ça en quelques minutes, sans vous prendre la tête.
C’est pas du codage propre à 100%, et les spécialistes du design vont sûrement s’ouvrir les veines (ceux qui ont résisté à mon article de vendredi), mais c’est rapide, efficace et 100% lisible sur tous les supports.
1. Optimisation pour les téléphones
Une fois qu’on a notre texte, on va juste personnaliser notre balise <body>.
Et lui rajouter un simple style avec 2 instructions :
- font-size: 400% (on augmente la taille de la police pour que ce soit lisible aidément sur un petit écran)
- padding: 3% (on rajoute une petite marge pour éviter que le texte colle aux bords de l’écran)
Ça nous donne une ligne comme ça :
Avec cette simple ligne rajoutée dans la balise body (vous pouvez rajouter des styles de polices, si vous voulez, et même de la couleur), votre page est 100% lisible sur un téléphone.
Ça donne ça : Page pour téléphone.
Une fois qu’on a créé ça, on peut tenter de l’améliorer pour l’ordinateur.
2. Optimisation pour les ordinateurs
Pour faire ça, il faut encore utiliser du CSS, et une seule ligne de code :
Il suffit d’encadrer votre texte avec des balises <div> et de rajouter 2 instructions dans le style :
- margin: 0 auto (ça centre votre <div>)
- max-width: 650px (ça réduit la largeur d’affichage si l’écran fait plus de 650 pixels de large, ce qui est le cas des ordinateurs)
Vous pouvez aussi rajouter ce qu’on appelle un « padding » (une marge intérieure, pour que le texte ne colle pas aux bords de la page) et une bordure :
- padding: 3% (marge en % pour s’adapter à tous les supports)
- border: 1px solid #000000 (une bordure de 1 pixel – une ligne fine -, solide, de couleur noire)
Et voilà.
Avec cette mise en forme somme toute assez simple, vous vous assurez du « responsive » facile et salutaire pour tous les supports.
Voici le style complet et final :
Ça donne ça : Page pour ordinateur.
3. Détection du support = page 100% responsive
Aujourd’hui, on a des fonctions CSS qui permettent de détecter la taille des écrans.
Donc on peut rassembler toutes nos infos sur une seule page, qui sera affichée de manière optimisée sur n’importe quel support.
Pour cela, on va utiliser la résolution d’écran de l’appareil sur laquelle notre page de vente s’affiche.
Et tout ça ne tient que dans quelques lignes de codes.
Il va falloir rajouter des balises <style></style> en haut de votre page.
Et marquer un truc comme ça :
Avec ça en haut de votre page (évidemment, on supprime tout ce qu’on avait mis avant, dans la balise body + la <div> qu’on avait rajoutée autour de notre texte.
Cela donne ça : Page 100% responsive.
Vous pouvez englober tous les styles d’écran en rajoutant à chaque fois un bloc dans le style, et en changeant le nombre à côté de « max-width« .
La page ci-dessus est affichable sur ordi et sur téléphone de la bonne manière.
Si vous êtes sur un ordinateur, réduisez la taille de votre fenêtre, et vous allez voir l’affichage pour téléphone arriver. 🙂
Pour aller plus loin
Il existe même une fonction php qui arrive à reconnaître quel style d’appareil est en train de visiter votre site. Pas la résolution de l’écran. Le TYPE d’appareil.
Ça peut servir pour simplement afficher votre page d’une certaine manière sur un téléphone, et d’une autre sur un ordinateur.
Sans considération de taille d’écran.
Cela peut permettre ainsi de rajouter des trucs spécifiquement pour les ordinateurs, sans que les téléphones les affichent (c’est le cas des pop-up par exemple, qui ne s’affichent jamais correctement sur un portable), sans passer par du CSS.
Je vous parlerai de cet fonction dans un prochain article.
Normalement, avec ce que vous avez écrit sur cette page, vous avez là une façon rapide de mettre votre page de vente en forme pour qu’elle soit la plus optimisée possible, et qu’elle balaye les obstacles à l’action.
On peut trouver ça inutile, et pourtant, je vous assure qu’une page de vente sur laquelle on doit naviguer en faisant passer l’écran de droite à gauche sur un téléphone n’obtiendra aucun résultat probant.
Dommage, je trouve.
Conclusion : a retenir
Avec toutes les infos techniques que je viens d’aborder, on pourrait oublier la chose la plus importante à se rappeler de tout ça :
A la base, il faut écrire sa page de vente pour consultation sur un téléphone :
- Une seule colonne,
- les éléments les uns en dessous des autres.
Vous prenez un éditeur de fichiers texte (Notepad ou TextEdit par exemple), et vous écrivez vos arguments les uns sous les autres.
Et ensuite vous les intégrez dans une structure web (html, head, style, body, footer).
C’est la meilleure façon de faire pour des résultats de vente optimisés.
Après tout, on cherche à multiplier son CA par 2, non ?
18 mai 2020
Je pourrais vous traiter de sapajou à cornes sans que vous le sachiez…
Je ne sais pas ce qui arrive aux blogueurs – et aux créateurs de sites – en ce moment, mais j’ai l’impression que la mode du gris sur blanc refait surface…
C’était déjà une hérésie il y a quelques années, mais aujourd’hui, à l’ère des smartphones, où 95% des consultations de sites & blogs sont faites via ce média, c’est encore pire.
Si je vous écris quoi que ce soit comme ça, et que vous êtes dans la rue en plein soleil avec votre téléphone, je me demande comment vous pouvez lire ça. Je pourrais vous traiter de sapajou à cornes, que vous ne le sauriez même pas.
Et pourtant, le nombre de sites ou de blogs qui se croient « design » et dans le vent en écrivant comme ça est colossal.
Noir sur blanc…
Donc, au risque de passer pour un vieux croulant qui radote, je me permets de rappeler que la bonne couleur pour un texte qui se veut impactant, c’est noir ou gris très foncé sur un fond blanc ou très clair. L’idéal étant évidemment du noir sur blanc.
La grille est facile.
Quand on s’y connait un peu en html, vous avez les couleurs web qui vont du #000000 (noir) au #FFFFFF (blanc).
Les deux premiers chiffres, c’est la quantité de Rouge, les 2 suivants c’est la quantité de Vert, les 2 derniers, la quantité de Bleu.
Pour obtenir du gris, il faut que les 3 groupes de chiffres soient identiques.
Ainsi, les nuances de gris partent de #010101 à #FEFEFE
Les 14 nuances de gris primaires
Avec les infos ci-dessus, voici donc les 14 « codes couleur » de base d’un texte en gris :
- #111111
- #222222
- #333333
- #444444
- #555555 -> Nuance maximale lisible.
- #666666
- #777777
- #888888 -> Quand on commence à écrire comme ça, ça devient quasi illisible.
- #999999
- #AAAAAA
- #BBBBBB
- #CCCCCC
- #DDDDDD
- #EEEEEE
Vous comprenez, avec ce nuancier, que si vous souhaitez que votre texte soit lisible, son code couleur ne doit pas commencer au dessus de 5 avec un fond blanc.
Tout ce qui est au-dessus est difficilement lisible, tout simplement.
Si votre public est jeune, vous pouvez vous permettre d’aller un peu au-dessus. Mais si votre lectorat a plus de 35 ans, sachez que c’est très très pénible pour eux de lire des polices qui démarrent à plus de 5. Donc ils s’arrêtent, tout simplement.
Et notez également que le mieux, c’est le noir sur blanc. Toujours.
Les journaux sont écrits comme ça, les livres aussi. Ce n’est pas pour rien…
Les adeptes du design sont sûrement déjà morts à la lecture de ce texte, mais on s’en fout parce qu’ils n’arriveront jamais à lire ça…
15 mai 2020
