branding

bien choisir une palette de couleurs géniale pour ton design web et branding pour façonner ton site wordpress sur mesure

Choisir une palette de couleurs géniale peut être une étape vraiment complexe et c’est définitivement l’un des plus grands défis qu’on puisse rencontrer dans l’élaboration d’un branding. Plus particulièrement si on n’a pas de connaissance ou d’aptitude en design…

Quelle couleur utiliser pour son branding? Sais-tu comment choisir des couleurs secondaires qui se combinent bien? Quelle partie de ton site WordPress devrait avoir telle ou telle couleur?

Choisir et combiner les couleurs peut être un jeu très délicat. Le résultat peut avoir l’air harmonieux, ou ressembler à une scène toute droit sortie d’un film d’horreur! Si on décide d’éviter toute couleur, le site WordPress pourrait paraître vide et plate; en contrepartie, si trop de couleurs se retrouvent dans ton design Web et branding pour façonner ton site WordPress sur mesure, ça risque d’étourdir les utilisateurs et de lui donner un aspect… désastreux.

Après avoir façonné plusieurs sites Web sur WordPress avec Genesis pour des solopreneurs et des artistes qui n’avaient pas de branding, j’ai pensé partager trois étapes simplifiées pour t’aider à déterminer ta propre palette de couleurs à utiliser avec ton design Web et branding pour façonner ton site WordPress sur mesure. Ces trois étapes sont:

1. Choisir la bonne couleur dominante pour ton design Web et branding pour façonner ton site WordPress sur mesure
2. Combiner des couleurs secondaires pour créer ta palette de couleurs parfaite.
3. Choisir une couleur de fond qui convient à ton branding

Et en bonus:

4. Quelques exemples d’utilisation des couleurs pour façonner un site WordPress sur mesure.

petite mise en contexte: coca-cola

Si je te demande de penser à Coca-Cola, quelle est la première chose qui te vient à l’esprit?

C’est pas mal difficile de penser à Coca-Cola sans avoir en tête la couleur rouge du logo qui fait autant partie du Coca-Cola que son célèbre soda.

image via unsplash

Depuis le début de son histoire, le logo de Coca-Cola a eu plusieurs variations, mais le rouge vif et le blanc clair en ont pas mal toujours fait partie et ce, pour une bonne raison: le but de Coca-Cola est d’attirer les jeunes consommateurs en se démarquant considérablement de ses concurrents par ses couleurs vives.

On peut en fait avancer que le rouge pétant mis de l’avant par Coca-Cola a deux objectifs essentiels: il sert à se distinguer de ses concurrents, certes, mais aussi — comme le fait chaque couleur — il déclenche des émotions distinctes. Par exemple, lorsque les gens voient la couleur rouge, ça déclenche des réactions émotionnelles reliées à l’excitation, à l’audace, à l’amour et à la passion. Et, tu l’auras deviné, ce sont précisément les sentiments que Coca-Cola désire faire ressentir lorsqu’on pense à son fameux produit.

Dans le même ordre d’idée, lorsque tu choisis la bonne couleur pour ton design Web et branding pour faire ton site WordPress sur mesure, tu fais bien plus que le rendre attrayant: tu crées en fait un branding inoubliable qui s’imprègne dans l’imaginaire des gens. Effectivement, peu importe les études que tu peux lire, tous s’entendent pour avancer que la couleur d’un branding augmente considérablement sa reconnaissance et cette reconnaissance est directement liée à la confiance des consommateurs envers ton branding, donc envers ton produit.

Maintenant, tu te dis probablement: “WOW! C’est magique, la couleur! Pourquoi on ne l’utilise pas plus à notre avantage?”

Eh bien, parce que la plupart des gens ne savent pas comment.

Dans ce billet de blogue, je t’explique donc comment utiliser les couleurs à ton avantage dans l’élaboration de ton design Web et branding pour ton site WordPress sur mesure.

1. choisir la bonne couleur dominante pour ton design web et branding pour façonner ton site wordpress sur mesure.

Dans la conception du design Web et branding pour façonner ton site WordPress sur mesure, il existe trois couleurs principales dont on doit tenir compte :

(1) Une couleur dominante pour ton branding
(2) Une ou deux couleurs secondaires pour créer une palette de couleurs pour ton design Web et branding pour façonner ton site WordPress sur mesure
(3) Une couleur de fond pour compléter ton design

Et c’est pas mal ça!

La couleur dominante est la couleur de ton branding — comme le rouge vif pour Coca-Cola. C’est cette couleur qui permettra de faire ressortir certaines émotions lorsque les utilisateurs arriveront sur ton site WordPress — comme la passion, l’excitation, l’audace et l’amour que suscite Coca-Cola.

C’est la couleur que tu veux que ton public ou tes clients se souviennent lorsqu’ils pensent à toi, à ton produit ou ton service.

Tu le sais probablement déjà: les grandes entreprises ne choisissent pas leur couleur dominante pour leur logo et leur branding par hasard. Cette couleur est choisie de manière stratégique dans un but de marketing. Aussi, ces mêmes entreprises savent que les couleurs ont la capacité d’attirer des types de consommateur spécifiques et peuvent même modifier leurs comportements. Toi aussi, tu peux utiliser différentes couleurs à ton avantage pour attirer le type de client que tu souhaites.

Voici une infographie pour comprendre un peu la psychologie des couleurs:

image inspirée de digital synopsis

Une fois que tu as une bonne idée de la signification de certaines couleurs, tu peux prendre le temps de sélectionner celle qui correspond le mieux à ton entreprise ou encore décider de comment tu veux que les visiteurs de ton site WordPress se sentent lorsqu’ils voient ton branding. Dans le doute, je te conseille d’y réfléchir plus longuement et de faire un remue-méninge ou même de travailler avec une spécialiste afin de bien déterminer ton branding, l’image que tu souhaites projeter et aussi, le type de clientèle (persona) que tu veux attirer.

Est-ce que ton persona est jeune et dynamique? Ou alors est-il plutôt sophistiqué avec un budget plus élevé? Est-ce que ton produit ou ton service est destiné aux hommes ou est-il destiné aux femmes? De quelle tranche d’âge?

Les réponses à ces questions t’aident à déterminer ton persona et comment orienter ton branding et, par ricochet, t’aident à déterminer la couleur dominante de ton branding. Parce que, tu l’auras compris, toutes les couleurs ne sont pas adaptées à ton entreprise. Par exemple, si tu es une photographe spécialisée en lifestyle pour les familles et que tu mets l’accent sur la créativité et l’énergie, le jaune (optimisme, passion), le violet (créativité, imagination) ou le bleu (confiance, fiabilité) sont des coups sûrs.

Prends le temps pour réfléchir à ton persona — ton public-cible — et à ses aspirations. Qu’est-ce qu’il veut et comment veut-il est perçu? Voici un un guide pour t’aider à construire ton persona. Parce que pour choisir sa couleur dominante et sa persona, on doit aussi prendre en considération le segment de marché du produit ou du service que l’on offre ainsi que les pratiques communes et suivre les codes appropriés — pas seulement susciter une émotion. Les couleurs doivent aussi correspondent aux codes sociaux et aux pratiques commerciales acceptées. Trouver une persona est un travail stratégique qui mérite qu’on s’y attarde minutieusement.

En d’autres mots, la couleur que tu choisis est la couleur de ton persona. Si tu souhaites attirer des personnes qui aiment la nature et à la tranquillité, utilise le vert; ou encore, si ce sont des gens qui veulent être vus comme jeunes et audacieux, vas-y le pour le rouge; enfin, si ton public cible aime les produits luxueux, n’hésite surtout pas pour le noir.

C’est beaucoup de psychologie, mais c’est une étape primordiale dans la conception de ton design Web et branding pour façonner ton site WordPress sur mesure.

comment utiliser ta couleur dominante sur ton site wordpress

Bon, maintenant que tu as une couleur dominante pour ton branding, c’est le temps de l’utiliser sur ton site WordPress. Mais à quels endroits? C’est vraiment crucial de bien planifier les endroits où attirer l’attention des utilisateurs de ton site WordPress, donc de ne pas appliquer ta couleur dominante de manière aléatoire.

Voici une règle générale: ta couleur dominante ne doit être utilisée qu’à un nombre limité d’endroits où tu souhaites que les visiteurs de ton site WordPress soient réellement attentifs. Ou alors, aux endroits où tu veux que les utilisateurs accomplissent certaines actions (comme te suivre sur les réseaux sociaux, te contacter par courriel, voir ton portfolio, etc.). En principe, ta couleur dominante est censée “briller”, c’est-à-dire mettre en évidence les endroits stratégiques où tu veux que tes visiteurs s’attardent et que ce soit fait de manière cohérente, sans les étourdir.

2. combiner des couleurs secondaires pour créer ta palette de couleurs parfaite.

Pour une personne qui visite ton site WordPress, c’est un peu monotone de lui présenter une seule couleur sur l’ensemble de ton site.

Pour rendre plus attirant (et aussi plus professionnel) ton design Web et branding pour façonner ton site WordPress sur mesure, c’est engageant pour les utilisateurs de faire usage de couleurs secondaires pour mettre en valeurs certaines parties de ton site WordPress qui méritent de l’attention, comme par exemple des citations, les boutons ou encore des sous-titres.

Bon. On ne se le cachera pas, combiner les couleurs pour un design Web et branding pour façonner un site WordPress sur mesure, c’est pas facile: on veut s’assurer que les couleurs s’harmonisent bien entre elles, on doit aussi garder en tête toutes les théories des couleurs et faire plusieurs essais. C’est une étape longue et précise et je ne te cacherais pas que je suis super giga reconnaissante de connaître l’existence d’un outil indispensable pour m’aider afin de bien combiner les couleurs (et aussi explorer et découvrir des tendances): Adobe Color.

Bien sûr, c’est un outil et il ne remplace certainement pas tout le savoir d’un.e designer pro, mais il peut aider pour sélectionner les couleurs secondaires une fois que ta couleur dominante est établie.

comment utiliser tes couleurs secondaires sur ton site wordpress

Alors, à présent que tu as sélectionné tes couleurs secondaires, il s’agit de déterminer les endroits stratégiques où les mettre en évidence sur ton site WordPress sur mesure. Comme ce sont des couleurs secondaires, pour rester cohérent, c’est assez simple: il s’agit de les utiliser pour le contenu ou les éléments qui ne sont pas le focus de ton site WordPress, mais que tu souhaites néanmoins faire ressortir. Par exemple, ça peut être le sous-titre, des boîtes d’information, le bas de page, etc.

Ce qui est le plus important à retenir, c’est de te limiter à une ou deux couleurs secondaires. S’il y en a trop ça devient étourdissant et ça crée trop de points d’intérêt qui risquent d’embrouiller les utilisateurs de ton site WordPress sur mesure.

3. choisis la couleur de fond de ton site wordpress

As-tu déjà peint les murs d’une maison? Si c’est le cas, tu as probablement eu à choisir une couleur pour les murs et tu sais donc que choisir la bonne couleur peut être un véritable défi! Tu veux que la couleur des murs rende la pièce confortable et agréable; elle doit être suffisamment apaisante pour que tu y retires un plaisir d’y passer des heures.

Tu l’auras, compris: choisir une couleur de fond, c’est en fait un peu comme choisir une couleur de peinture pour tes murs, chez toi! Tu veux que les utilisateurs de ton site WordPress se sentent à l’aise d’y naviguer et qu’ils en retirent un certain plaisir.

Pour bien sélectionner ta couleur de fond, on doit encore une fois garder en tête la persona de ta clientèle cible. Si tu devais choisir les couleurs des murs d’une boutique hip ou celles d’un chalet, choisirais-tu les mêmes couleurs?

Probablement pas, car ces deux espaces ont deux objectifs différents.

Par exemple, dans une boutique de vêtements, c’est une bonne idée d’utiliser des couleurs vives pour attirer les clients vers les rayons en gardant la couleur des murs neutres pour faire un contraste dans le but d’orienter les acheteurs instantanément au bon endroit lorsqu’ils entrent dans la boutique. En revanche, dans un chalet, tu veux te détendre et on tu recherches donc un effet global apaisant pour que tout s’harmonise: en fait, tu es là pour la vue époustouflante du paysage que tu observes par la baie vitrée, c’est sûr!

C’est exactement la même chose pour la couleur de fond de ton site WordPress: tout dépend de ce que tu veux que tes utilisateurs regardent, donc de l’objectif de ton site WordPress.

4. quelques exemples d’utilisation des couleurs pour façonner un site wordpress sur mesure

Avec toutes les notions qu’on vient de survoler, voici des exemples concrets d’utilisation de couleurs sur différents types de sites Web.

sites web d’information axé sur le contenu et boutiques en ligne (e-commerce)

Si tu prends le temps de naviguer un peu sur le Web, c’est assez frappant voir que la plupart des sites d’information ou de commerce électronique utilisent généralement le blanc ou une couleur de fond neutre.

En fait, c’est que l’objectif de ce type de sites Web est de promouvoir des idées ou des produits; on met donc l’accent sur le contenu ou les produits, plutôt que sur le design du site. La couleur de fond sert à mettre le contenu en valeur et le rendre plus lisible.

À mon humble avis, la palette de couleurs à utiliser pour les sites Web d’information axé sur le contenu ou une boutique en ligne est un fond blanc ou clair avec des couleurs secondaires vives qui donnent au site WordPress sa personnalité ou encore une couleur neutre comme le noir. Dans les deux cas, la couleur de fond claire permet aux utilisateurs de se concentrer sur le contenu ou sur les produits.

site web (contenu) de my new roots où tout l’espace est laissé aux photos colorées.

site web (boutique) de malai où on laisse beaucoup de blanc pour attirer les yeux vers les produits colorés.

sites web d’entreprise

Les sites Web d’entreprises ont généralement deux objectifs : promouvoir un produit ou promouvoir un service. La couleur de fond sera donc différente selon l’objectif de ce type de site WordPress.

Lorsqu’on façonne un site WordPress qui met de l’avant un service ou un produit, le blanc ou une couleur de fond neutre est de mise. Tout comme pour les sites Web à contenu dense et les boutiques, on souhaite attirer l’attention sur le contenu. En choisissant une couleur de fond neutre ou blanc, ton contenu sera naturellement mis en valeur.

site web (portfolio) de paprika qui met l’accent sur un portfolio de projets disposé en cases colorées.

sites web élégants et sites web créatifs axés sur le design

Pour les sites Web utilisés dans les secteurs de la mode, du design, de la photographie, de la restauration, de la beauté… En fait, pour tout site WordPress issu du milieu de la création, il n’y a pas de règle: tout est permis. Tu peux enfreindre toutes les règles des couleurs et y aller de ton choix en gardant une chose en tête : ne choisis pas une couleur de fond qui rende ton texte ou ton contenu difficile à lire.

site web de peak’n film qui met l’accent sur le design et les photos.

site web de nate denton design qui met l’accent sur le sens du design d’un directeur artistique.

La couleur de fond idéale, à mon avis, c’est celle qui permet à ton contenu d’être le point central tout en s’harmonisant avec ta couleur dominante et tes couleurs secondaires en rendant le visuel agréable et mémorable aux utilisateurs de ton site WordPress.

Mon petit truc : en cas de doute, utilise du blanc ou du gris très clair comme couleur de fond; même si ce sont des couleurs neutres, tu es certaine que ton contenu sera toujours mis en valeur.

conclusion

Alors que que tu crées ta palette de couleurs pour ton design Web et branding pour façonner ton site WordPress sur mesure, garde toujours en tête ces points importants :

(1) Le choix de la bonne palette de couleurs pour ton design Web et branding pour façonner ton site WordPress sur mesure ne doit jamais être basé sur ta couleur préférée ou sur une intuition.
(2) Une bonne conception de design Web et branding pour façonner ton site WordPress sur mesure est celle qui place toujours ton persona en premier.
(3) Choisis une couleur et un design qui plaisent à ton public cible, afin de créer une association frappante et te démarquer de tes concurrents.
(4) Le choix des couleurs ne doit pas du tout être aléatoire. Au contraire, il doit s’agir d’une série d’exercices organisés et avec des objectifs ciblés.

Puis les trois étapes-clés:

(a) associer ton design Web et branding pour façonner ton site WordPress sur mesure avec la bonne couleur dominante;
(b) associer la couleur dominante avec les couleurs secondaires en utilisant l’outil Adobe;
(c) associer la couleur de fond avec ta couleur dominante et tes couleurs secondaires.

Comme ça, tu peux créer une bonne palette de couleurs avec ton design Web et branding pour façonner ton site WordPress sur mesure — même si tu crois ne pas avoir le sens du design!

N’aie pas peur d’utiliser la couleur dans ton design Web et branding pour façonner ton site WordPress sur mesure!

Voici par ailleurs la palette de couleurs de Geneviève Fournier Design.

te coacher pour définir ton branding et façonner des sites web sur mesure pour esprits créatifs, c’est ça que j’aime!