Couleurs, typographie, mise en page : le design qui fait vendre

94 % des premières impressions sur un site web sont liées au design. Pas au contenu, pas au prix — au design. Si votre site a l'air amateur, les visiteurs partent en moins de 3 secondes, peu importe la qualité de vos services.

Mais un beau site ne suffit pas. Le vrai objectif du design web, c'est de guider le visiteur vers l'action : appeler, remplir un formulaire, réserver. Un site peut être magnifique et ne convertir personne si le design ne sert pas la stratégie.

Dans cet article, on décortique les trois piliers du design qui vend : les couleurs, la typographie et la mise en page. Avec des exemples concrets et des règles simples à appliquer.

Les couleurs : psychologie et conversion

Les couleurs ne sont pas qu'esthétiques. Elles déclenchent des émotions et influencent les décisions d'achat.

La règle des 60-30-10

60 % de couleur dominante (fond, grandes surfaces), 30 % de couleur secondaire (sections, accents), 10 % de couleur d'action (boutons CTA, liens importants). Cette proportion crée un équilibre visuel naturel.

Votre couleur d'action doit contraster fortement avec le reste. Un bouton orange sur un fond bleu marine se voit immédiatement. Un bouton gris sur fond blanc, personne ne le remarque.

Ce que les couleurs communiquent

Bleu : confiance, professionnalisme (banques, assurances, tech). Vert : nature, santé, croissance (bio, bien-être). Orange/jaune : énergie, accessibilité, action (artisans, commerce). Noir/doré : luxe, premium, exclusivité (immobilier haut de gamme, joaillerie).

Pour les PME et artisans, évitez le tout blanc minimaliste qui fait "froid". Optez pour des tons chauds qui créent une proximité avec le visiteur. Votre site doit donner envie de décrocher le téléphone.

La typographie : lisibilité et personnalité

La police de caractères représente 95 % du design web — c'est du texte partout. Un mauvais choix typographique ruine même le plus beau design.

Maximum 2 polices

Une police pour les titres (personnalité, impact), une pour le corps de texte (lisibilité). C'est tout. Trois polices ou plus créent un chaos visuel qui fatigue inconsciemment le visiteur.

Pour le web en 2026, Inter, Satoshi et DM Sans sont des valeurs sûres pour le corps de texte. Pour les titres, Clash Display ou Cabinet Grotesk ajoutent du caractère sans sacrifier la lisibilité.

Taille et espacement

Corps de texte : minimum 16px sur desktop, 18px sur mobile. C'est non négociable. Un texte en 14px fait fuir les visiteurs de plus de 40 ans — et ils représentent souvent votre cœur de cible en B2B.

Interligne : 1.5 à 1.8 pour le corps de texte. C'est ce qui fait la différence entre un texte "aéré" et un pavé illisible. Largeur de ligne : 60-75 caractères maximum. Au-delà, l'œil se perd.

La mise en page : guider le regard vers l'action

Le design web n'est pas de l'art. C'est de l'architecture de l'attention.

La hiérarchie visuelle

L'œil suit un chemin prévisible : de haut en bas, de gauche à droite, attiré par les contrastes et les tailles. Votre page doit guider ce chemin vers votre CTA.

Concrètement : titre accrocheur en haut → sous-titre qui clarifie → preuve sociale (témoignages, logos) → CTA bien visible. Chaque section "pousse" le visiteur vers la suivante.

L'espace blanc est votre allié

Les débutants veulent remplir chaque pixel. Les pros utilisent l'espace blanc. Plus il y a d'espace autour d'un élément, plus il attire l'attention. Un bouton CTA entouré de vide se voit 10 fois mieux qu'un bouton coincé entre deux paragraphes.

Apple n'a pas inventé le minimalisme par hasard. L'espace blanc augmente la compréhension du contenu de 20 % selon des études de la Wichita State University.