Landing page : Optimisation visuelle des couleurs

Les landing pages réussies semblent toujours très simples et faciles d’exécution. Si vous avez ce sentiment lorsque vous vous retrouvez face à une page d’atterrissage, c’est que son objectif est atteint! Par contre, en arriver à cette réalisation peut parfois être un réel défit. Quelle image choisir, où la positionner, qu’est-ce que j’inclus dans mon formulaire, quelles couleurs choisir ? Maintes questions peuvent vous venir à l’esprit lors de la création de votre landing page, et je tenterai de répondre à quelques une dans cet article.

Débutons avec les couleurs. Questionnement majeur et à ne pas choisir à la sauvette lors de la création de votre landing page.

La théorie des couleurs

Les artistes et les designers s’entendent généralement pour dire que la théorie des couleurs est bien réelle. L’impact visuel est largement déterminé par les couleurs, ou la combinaison de couleurs choisies. Il peut même vous mener à obtenir une réponse émotionnelle différente selon les couleurs sélectionnées.

La théorie des couleurs est un sujet excessivement large (je pourrais en faire un article complet!). L’un de ses principes le plus ancien date de 1435 lors de la Renaissance Italienne, un homme nommé Leone Battista Alberti a écrit :

théorie de la couleur Leone Battista Alberti
« Grâce au mélange de couleurs un nombre infini de couleurs sont nées, mais il n’y a seulement que quatre vraies couleurs – tout comme il n’y a que quatre éléments - à partir desquels de plus en plus d'autres sortes de couleurs peuvent être ainsi créés. Le rouge est la couleur du feu, bleu de l'air, le vert de l'eau, et du gris de la terre et de cendres. » 

Bien entendu, plus tard, des théoriciens tels Leonardo Da Vinci et Isaac Newton ont prouvés que les trois couleurs primaires sont simplement le bleu, le rouge et le jaune.

Dans les dernières décennies, avec l’arrivée du web et la théorie des couleurs ont beaucoup évolués en cohésion. Voici donc quelques concepts à retenir à l’ère du web :

palette de couleurs

Bleu : Synonyme de confiance, de loyauté et de sincérité. Considérée comme une couleur intellectuelle associée à la communication, à la logique et à la fraîcheur.

Jaune : Considérée comme une couleur optimiste, jeune et qui attire l’attention. Associée aux émotions, à l’estime de soi, à la créativité et à la convivialité.

Rouge : Couleur très physique qui accélère le rythme cardiaque et favorise l’urgence. Synonyme d’énergie, de courage, de force, d’excitation, de défi et de chaleur.

Vert : Considérée comme la couleur de la richesse. C’est une couleur relaxante qui favorise l’équilibre, la santé, le rafraîchissement. C’est la couleur la plus facile à traiter par l’œil.

Orange : C’est une couleur agressive souvent utilisée pour les boutons d’appel à l’action. Associée à l’amusement, à la chaleur, à la passion et à la sécurité.

Rose : Considérée comme une couleur féminine et romantique. Elle représente l’amour, la tranquillité, les soins et la sexualité.

Mauve : Considérée comme une couleur apaisante avec un aspect spirituel. Associée au luxe, à la vision, à la qualité et à la vérité.

Noir : Couleur puissante qui représente l’efficacité et la sophistication.

Blanc : C’est une couleur complète et pure. C’est la couleur de la perfection et de l’innocence.

Comment bien utiliser les couleurs dans votre landing page

Comme mentionné par ma collègue Alexandra dans son article sur les landing pages, les éléments principaux sont le contenu, le visuel, le formulaire et le bouton d’appel à l’action (call to action). Il est primordial que les couleurs que vous choisirez aient une belle cohésion.

Voici quelques petits trucs à retenir :

  • Tous les éléments textes doivent être d’une couleur lisible et claire peu importe l’image d’arrière-plan. La lisibilité est l’élément le plus important.
  • Les photos doivent être d’une TRÈS grande qualité. Idéalement 2000px de large pour bien apparaître sur tous les écrans.
  • Les photos doivent représenter votre produit ou vos services. Il y a très peu d’éléments sur une landing page donc très peu de place aux éléments superflus. Idéalement, si vous avez des personnes sur les photos, leur regard portera sur le formulaire.
  • Le formulaire doit être mis en évidence. Peut-être d’une couleur différente que celle de votre texte.
  • Le bouton d’appel à l’action (CTA) doit être l’élément le plus visible sur votre page. Il doit être l’élément qui attire l’œil dès le téléchargement de la page.
  • Gardez toujours en tête que sur une landing page, « moins c’est plus »!

Les couleurs selon le genre et l’âge

Tout dépendant de l’industrie pour laquelle vous travaillez, il y a fort à parier que votre persona (acheteur type) sera principalement des hommes ou bien des femmes. Ceci indique que votre marketing devra tendre vers le genre masculin ou féminin.

Les couleurs pour les femmes

couleurs et genres

Généralement, les couleurs qui interpellent le plus les femmes sont le bleu, le mauve et le vert. Celles qui auront l’effet inverse sera l’orange, le brun et le gris.

Les couleurs pour les hommes

Les couleurs les plus influentes chez les hommes sont le bleu, le vert et le noir. L’orange, le mauve et le brun seront les moins aimées.

Les couleurs pour les enfants et les jeunes adolescents

De manière générale, les enfants et les jeunes adolescents tendront vers des couleurs chaudes et vives. Ils aiment les couleurs associées aux énergies positives tel que le rouge, l’orange, le rose et le jaune. Les quelques couleurs qui sont associées par ce groupe à des émotions négatives et à la tristesse sont le brun, le mauve et le bleu.

Voici donc ce qui conclut mon article sur l’optimisation visuelle des couleurs sur les landing pages. Si vous avez des questions, n’hésitez pas à les inscrire ici-bas. J’y répondrai dès que possible.

LeadFox_blogue_banner_bas_article_landing_page_728x250