Un fleuriste et un électricien n'ont pas la même voix. Leurs sites non plus. Avant même de lire un mot, un visiteur se fait une idée de vous grâce aux couleurs, aux polices et aux photos : chaleureux, sérieux, haut de gamme, accessible…
La bonne nouvelle, c'est qu'il n'y a pas besoin d'être graphiste pour bien choisir. Quelques règles simples suffisent à avoir un site qui vous ressemble, et qui reste agréable à lire.
Partir de votre métier et de vos clients
La première question n'est pas « quelle couleur j'aime ? », mais « qu'est-ce que mes clients doivent ressentir ? ». Un couvreur veut inspirer la solidité et le sérieux. Une ostéopathe, le calme et la confiance. Un coach sportif, l'énergie.
Si vous avez déjà un logo, un camion floqué ou une devanture, partez de leurs couleurs. Vos clients les connaissent déjà : le site doit leur rappeler qu'ils sont au bon endroit.
Choisir une palette : trois à cinq couleurs, pas plus
Une palette qui fonctionne, c'est presque toujours la même recette :
- une couleur principale, celle qu'on associe à vous ;
- une couleur d'accent, pour les boutons et ce qui doit attirer l'œil ;
- des neutres : un fond clair, un texte foncé, un gris pour les détails.
La couleur d'accent, c'est votre arme secrète : si elle n'est utilisée que pour les boutons « Appeler » ou « Demander un devis », l'œil les trouve tout de suite. Si tout est coloré, plus rien ne ressort.
Le contraste, ou pourquoi le gris clair est votre ennemi
Un texte gris clair sur fond blanc, c'est joli sur une maquette, mais c'est pénible à lire, surtout dehors sur un téléphone. Le texte doit être nettement plus foncé que le fond. Même chose pour le texte d'un bouton : blanc sur couleur foncée, ou noir sur couleur claire.
Associer deux typographies
La typographie, c'est la police de caractères. Là aussi, la règle est simple : deux polices maximum.
- une police avec du caractère pour les titres : élégante, moderne ou plus affirmée selon votre métier ;
- une police sobre et très lisible pour le texte, même en petit.
Une police à empattements (les petits pieds au bout des lettres) donne un air classique et raffiné : parfait pour une architecte, un fleuriste ou un cabinet. Une police sans empattements fait plus moderne et direct : idéal pour un artisan ou un coach.
Un bon design ne se remarque pas : il donne envie de lire, et d'appeler.
Les erreurs à éviter
- trop de couleurs, qui rendent le site brouillon ;
- des polices fantaisie pour les textes longs, illisibles au bout de trois lignes ;
- du texte écrit directement sur une photo chargée, sans fond pour le rendre lisible ;
- copier le site d'un concurrent : vous voulez qu'on vous reconnaisse, pas qu'on vous confonde.
Essayez avant de choisir
Sur chaque page modèle, vous pouvez changer la palette et la typographie de la démo, et même essayer votre propre couleur. C'est le meilleur moyen de voir ce qui vous ressemble, avant qu'on le mette en place ensemble.
Et une fois le site en ligne, vous gardez la main : vous pouvez ajuster vos couleurs vous-même.
