Site Internet : Comment choisir les bonnes couleurs pour être performant ?

Pourquoi il est important de bien choisir ses couleurs sur son site internet ?

Sur internet, la première impression est déterminante.

Si un site lent, une navigation laborieuse ou du contenu mal adapté peut être dissuasif pour un nouveau visiteur, une interface qui n’offre pas une esthétique minimum ou qui ne parle pas à votre audience, ne pardonne pas.

Parce qu’il définit l’identité visuelle de votre entreprise, est le porte étendard de votre message et créé l'univers de votre marque, le choix des couleurs de votre site internet n’est pas une problématique à prendre à la légère:

Color is the key.

  • 48% des personnes affirment que le design d’un site internet est le facteur numéro 1 pour l’image de crédibilité d’un business. (Source)
  • 92,6 % de la population affirme que l’aspect extérieur est le facteur numéro 1 influençant leur décision d’achat. (Source)
  • 85% d’entre eux pensent que la couleur est le critère primordial sur ce point. (Source)
  • Il faut 90 secondes pour se faire une opinion subconsciente sur un produit, et 90% est basé sur la couleur. (Source)
  • La couleur favorise la reconnaissance d’une marque à 80%. (Source)

Quelles couleurs choisir en fonction de mon audience, mon produit ou mon message pour mon site internet ?

On le sait, les gouts et les couleurs ça ne se discute pas. Du coup, pas toujours évident de savoir si votre site vert pomme et orange, (vos couleurs favorites), va plaire à votre audience. Heureusement, un grand nombre d’experts en marketing ont balisé le chemin pour vous. Voici une compilation des résultats de leur recherche.

UX ET WEBDESIGN - Photo 1
UX ET WEBDESIGN - Photo 2

Comment créer une harmonie de couleur plaisante pour votre site internet?

Parce qu’une fois ses couleurs phares identifiés, il difficile de créer un univers cohérent, voici quelques astuces pour créer des harmonies sympathiques :

Les cercles chromatiques

Un cercle chromatique permet de faire ressortir les relations harmoniques entre les différentes couleurs primaires et leurs dérivées. C’est une façon très simple de créer des associations qui tiennent la route.

Il existe de nombreux outils en ligne pour vous aider à en reproduire le fonctionnement :

  • Palleton vous permet d’associer plusieurs couleurs entre elles (monochromatique, adjacentes, trio ou quadra). Vous avez aussi un mode random et un mode libre.
  • Adobe Color vous permet de mettre en relation jusqu’à 5 couleurs. On peut également partir des couleurs d’une image.

S’inspirer d’univers graphiques déjà existants

ColourLover et Color Hunt regroupe de très nombreuses palettes graphiques réalisées par des designers que vous pouvez exploiter et reproduire librement. Vous pouvez notamment y retrouver des univers singuliers : Halloween, Saint Valentin, Soldes, Restaurant etc.

Faire des variations de couleurs

0to255 permet d’afficher, à la manière d’un nuancier, une vingtaine de déclinaisons de couleur à partir d’une référence dans une fourchette optimisée pour le développement web. Parfait pour des liens, sous titres etc.

Les standards des codes couleurs sur le web

Dans le web comme dans le print, chaque couleur a un code associé à un type d’impression et d’affichage. Voilà ce qu’ils signifient et dans quel contexte les utiliser :

La quadrichromie : LE CMJN (ou CMYK en anglais)

CMJN pour Cyan, Magenta, Jaune, Noir. Des lettres qui doivent vous dire quelque chose car ce sont elles que l’on retrouve sur vos cartouches d’impression. C’est en effet le mode colorimétrique destiné à l’imprimerie numérique et offset. Il permet de reproduire de larges nuances de couleurs en mélangeant les 3 couleurs primaires ainsi que du noir à la fin de l’impression.

LE RVB (ou RGB en anglais)

Le RVB est un système de codage informatique permettant l’affichage des couleurs sur écran. En effet, les écrans d'ordinateurs ou les appareils photo numérique reconstituent une couleur en assemblant sur l’écran une mosaïque de trois couleurs primaires, un rouge, un vert et un bleu ( RVB), par synthèse additive.

Le HTML

Les codes de couleur HTML sont les codes utilisés pour l’affichage des couleurs sur une page web. Ils sont basés sur des codes RVB. On dénombre en tout 16 777 216 couleurs qui sont ensuite traduites par les navigateurs et les écrans.

En Bref

Pour conclure, le choix de vos couleurs va influencer votre audience sur plus d'un facteur, alors prenez le temps de bien y réfléchir. Testez plusieurs combinaisons et travaillez bien votre message en fonction de votre objectif. Si malgré ces petits conseils, vous vous sentez toujours perdu dans ce monde des couleurs, n’hésitez pas à vous inspirer des sites de vos concurrents. Vous pouvez également faire appel à des spécialistes : graphistes ou agence web. Enfin, n’oubliez pas de diffuser largement vos projets à vos proches, leurs conseils et avis vous seront précieux . Pour rendre votre contenu plus attrayant et obtenir plus de conversions, l'utilisation de vidéos est toujours un grand plus.

ENVIE D'ALLER PLUS LOIN ?

D'autres bonnes infos

Comment améliorer l'ergonomie de votre site internet pour le rendre plus efficace ?

Comment améliorer l'ergonomie de votre site internet pour le rendre plus efficace ?

Rédaction en cours

Vous avez une question

N'hésitez pas à nous solliciter sur vos sujets digitaux !

Posez nous vos questions