Comment choisir les couleurs d’un site internet

L’Agence CSV laisse la parrole à Simon de la société Yurcom

Une fois n’est pas coutume, je suis absolument ravi de la tribune que nous offre l’agence CSV. Et quitte à bénéficier d’un si joli porte voix autant en profiter pour parler d’un sujet qui peut parfois hanter les nuits des webdesigners les plus chevronnés, et taraude souvent les clients de notre agence de communication : « Quelles couleurs dois-je choisir pour valoriser mon image via mon site internet ? »

Les couleurs, ces choix visuels, au-delà de la simple esthétique, contribuent à structurer votre site,  lui confèrent une atmosphère voire un « esprit » et sont, tout autant que les formes, constitutifs de l’identité de votre marque. Les exemples notoires en l’espèce ne manquent pas : Coca Cola, Apple, Macdonald, Carrefour, etc.).

Hiérarchisez et harmonisez les couleurs de votre communication !

Le premier point à prendre en considération est bien évidemment l’harmonie globale de votre communication. Une bonne démarche marketing suppose en effet une globalisation de vos efforts et naturellement, la mise en place de votre identité visuelle sur l’ensemble de vos supports de communication. Ainsi, les couleurs présentes sur vos cartes de visite, votre site, votre logo ou vos plaquettes doivent demeurer les mêmes pour chacune de vos marques.

Bien qu’il n’existe pas de règles immuables en matière de communication (la créativité implique souvent de s’écarter des normes), on articulera généralement son choix autour de 3 couleurs principales (ou 3 tons de couleurs) pour son site internet. Si vous voulez vous simplifier la vie,  vous pouvez également les répartir selon la règle des 60-30-10. Les teintes dominantes occuperont 60% de l’espace et constituent la base. La deuxième couleur couvrira alors 30% de l’espace et offrira un contraste important avec la base. La couleur complémentaire servira elle à accentuer des points stratégiques de votre mise en page -menus, boutons, « call to action », box…

Par souci de clarté et lisibilité, nous optons généralement pour une base noire ou blanche (le noir et le blanc n’étant pas des couleurs à proprement parler, il est préférable de parler de ton ou teinte blanc et noir).  Le contenu de votre site sera généralement associé à cette couleur dans un total contraste. Il faut qu’il soit lisible, clair, limpide et impactant !

Sachez donc opter pour un choix limité et préférez associer 2,3 ou 4 tons maximum pour éviter de créer un sapin de Noël !

Faire le bon choix de couleurs…

En premier lieu, pour choisir des couleurs, encore faut-il disposer des bons outils me direz-vous ? Hé bien, si les graphistes ou apprentis graphistes maniant Photoshop trouvent facilement leur bonheur, il existe également des outils en ligne tout à fait simples pour trouver votre couleur en en identifier le code ! Adobe Kuler par exemple est des plus simples et complets. Vous trouverez également ici un nuancier html assez pratique pour embrasser toutes les possibilités en quelques scrolls…

Mais arrêtons-nous quelques instants sur la signification des couleurs principales :

    • Bleu : rêve, sérénité, vérité, sagesse, loyauté, fraîcheur (idéal pour inspirer confiance et professionnalisme) – utile pour des professions libérales comme un expert comptable, les secteurs de l’immobilier ou du conseil.
    • Jaune : joie, chaleur, fête, ego, puissance, connaissance, amitié (parfait pour dynamiser et humaniser votre image) choix généralement peu pertinent en couleur principale
    • Rouge : amour, passion, chaleur, sexualité, triomphe – que l’on pourra associer à une activité artistique sportive mais aussi la mode ou le secteur automobile -.
    • Vert : espérance, chance, stabilité, concentration, argent (couleur que l’on peut facilement associer à la nature, l’écologie, la famille, ou la santé mais pas forcément le bien-être, bien que cela puisse paraître contre-intuitif.
    • Orange : joie, créativité, communication, sécurité, optimisme. C’est une couleur qui a tendance à faciliter la concentration à la fois joyeuse et rassurante. Elle peut être un bon choix pour une jeune entreprise mais attention à ne pas faire mal aux yeux…
    • Rose : féminité, romantisme, séduction, tendresse, bonheur. Certaines de ces déclinaisons sont  très tendances et il est préférable de l’utiliser à contre emploi pour adoucir. Systématiser son utilisation si l’on est un salon de beauté ou de coiffure n’est pas toujours une bonne idée car cela crée un effet de redondance.
    • Violet : amitié, délicatesse, rêve, paix, méditation. Peut être utile pour institutionnaliser une image avec un peu d’originalité : parfait pour les métiers du bien-être (salons, parfumeries)
    • Marron : nature, neutralité, douceur. Encore une fois une couleur parfaite pour l’artisanat mais qui peut aussi inspirer luxe et élégance pour des entreprises se positionnant dans le haut de gamme.
    • Noir : élégance, simplicité, sobriété, rigueur, mystère, luxe. Cela peut donner de magnifiques résultats. La froideur s’en dégageant appelle l’élégance, le luxe et la qualité.
    • Blanc : pureté, innocence, mariage, virginité. C’est souvent le choix idéal et le moins risqué car lumineux.
    • Gris : calme, douceur…Très polyvalent en fonction des teintes

Pour associer vos couleurs vous pouvez utiliser bien-sûr le fameux cercle chromatique qui se base sur les propriétés physiques de captation de la lumière par l’œil humain.

Dès lors, vous pouvez par exemple choisir plusieurs nuances d’une même couleur en sélectionnant les couleurs voisines sur le diagramme chromatique. Cela constituera toujours un choix harmonieux pour les yeux amourachés de vos visiteurs.  Autre technique, sélectionnez les couleurs opposées sur le diagramme pour susciter un effet de contraste.

La finalité repose sur le positionnement marketing de votre marque. Si vous souhaitez par exemple instaurer une atmosphère de cohérence ou d’harmonie, il sera préférable de privilégier la première option en se dirigeant sur des teintes froides proches du bleu ou du vert. Si au travers de votre positionnement vous souhaitez inspirer dynamisme et motivation, optez pour la seconde option en veillant à conserver visibilité et clarté aux contenus (en conservant pourquoi pas une base neutre comme le blanc).

Les secteurs d’activité ont également des codes informels qui sont reconnus par le consommateur et par vos visiteurs. Si vos produits ou prestations ont trait aux univers du divertissement, des voyages ou du sport, favorisez l’utilisation de tons qui auront pour effet de susciter l’émotion et des couleurs chaudes.

Votre choix de couleur pourra également être dicté par le positionnement de gamme. Si vous êtes sur un segment de marché haut de gamme, votre communication toute en élégance et sobriété usera du noir (élégance, luxe, rigueur) et du blanc (pureté, perfection) de l’or et de l’argent en notes secondaires.

Étudiez vos concurrents

Or, pour définir votre positionnement sur le marché, il faut connaître ses concurrents (Triangle d’Or du positionnement marketing). Avant de choisir vos couleurs, analysez celles de vos concurrents. Sachez les choisir proches pour bénéficier d’un effet d’attraction  et faciliter votre identification ou différenciez-vous pour marquer une singularité ou mettre en exergue des avantages concurrentiels.

Pour finir, sachez quelles sont les tendances webdesign en 2016

J’espère vous avoir aidé dans vos orientations  de choix de couleurs pour votre futur site internet. Un dernier point et non des moindres, tenez-vous informé des tendances de l’année car celles-ci peuvent être prépondérantes dans le fait de plaire à vos visiteurs. Le flat design et long scrolling ont ainsi toujours les faveurs des webdesigners en 2015…

Et si la couleur tendance en 2015 fut par exemple le marsala (selon Pantone), en 2016, les attentes devraient se porter vers les bordeaux, jaune safran, bleu saphir, rouge feu, prune, orange tangerine et vert olive, les tons or pour les couleurs fortes. Pour des couleurs plus douces le gris acier, le blanc, le cyan, le bleu et le vert chlorophylle devraient capter l’attention de votre regard… Les goûts et les couleurs ne se discutent sans doute pas mais ces quelques connaissances devraient être utiles dans l’élaboration de votre future charte graphique.

Share On Facebook
Share On Twitter
Share On Google Plus
Share On Linkedin
0 réponses

Répondre

Want to join the discussion?
Feel free to contribute!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *