23 novembre 2016 Sophie Cochet

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.

Couleurs en fonction de message, audience, objectif et produit

Quelles couleurs utiliser pour son site web . Infographie Dewi 2016

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.
Palette Paletton pour choisir les couleurs de son site

Palette Paletton

  • Adobe Color vous permet de mettre en relation jusqu’à 5 couleurs. On peut également partir des couleurs d’une image.
La Palette adobe et sa roue chromatique pour site internet

Palette Adobe

 

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

ColourLover et Color Hunt regroupent 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.

Colourlovers pour créer des harmonies chromatique sur son site

Choix d’une harmonie de couleur sur Colourlovers

 

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.

Faire des harmonies de couleur pour son site

02to255 créé des harmonies de couleur à la façon d’un nuancier

 

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.

Enregistrer

Enregistrer

Comments (2)

Comments are closed.