Article de 2012, remis à jour en 2026
Comment bien choisir ses couleurs, son logo, sa favicon et ses fontes de caractères quand on n'est pas de la partie . . . C'est pas évident. Mais sachez que si vous vous êtes trompé et que vous voulez changer une couleur, ou une fonte de caractères, à part du temps vous ne perdez pas de SEO ni d'expérience utilisateur.
Pendant que votre prestataire travaille sur les mots clés et le paramétrage technique, votre boulot à vous commence : donner une identité visuelle à votre boutique.
C’est ce qu’on appelle la charte graphique.
Ce n’est pas un luxe réservé aux grandes marques — c’est la base de toute boutique qui inspire confiance. Un visiteur qui arrive sur votre site se fait une opinion en moins de 3 secondes. Cette opinion, c’est votre charte graphique qui la forge.
🎯 L’objectif : que votre boutique soit immédiatement reconnaissable, cohérente sur toutes les pages, et qu’elle inspire confiance à vos visiteurs dès le premier coup d’œil.
2 à 3 couleurs maximum, choisies avec cohérence. Elles donnent le ton de votre boutique.
1 ou 2 polices lisibles sur tous les écrans. C’est elle qui donne le caractère de vos textes.
L’image en haut de toutes vos pages. Elle doit reprendre vos couleurs et votre univers.
La petite icône dans l’onglet du navigateur. Petit mais important pour la reconnaissance.
C’est la règle d’or du design web : 2 couleurs principales, et une troisième couleur d’accent pour les boutons et les éléments importants. Au-delà, ça part dans tous les sens et ça nuit à la lisibilité.
Comment choisir ? Votre couleur principale doit être en rapport avec votre univers produit. Un fleuriste choisira des tons naturels et doux. Une boutique de sport ira vers des couleurs vives et dynamiques. Un épicier fine optera pour des tons chaleureux et gourmands.
💡 Astuce pratique : avant de décider, testez vos couleurs dans un document texte. Posez votre texte sur votre couleur de fond et lisez-le à distance. Si vous avez un doute sur la lisibilité, changez. Un fond sombre avec un texte légèrement moins sombre, c’est illisible.
Pour vérifier objectivement le contraste, utilisez cet outil de contraste — c’est la référence utilisée par Google pour évaluer l’accessibilité des couleurs.
Une police, c’est comme une voix : elle donne du caractère à vos textes. Mais sur le web, la lisibilité prime sur l’originalité. Une police trop stylisée qui fatigue les yeux, c’est un visiteur qui repart.
La bonne nouvelle : Google Fonts propose des centaines de polices gratuites, optimisées pour le web, que votre prestataire peut intégrer facilement dans PrestaShop.
📌 Règle simple : choisissez une police pour vos titres, et une pour votre texte courant. Elles doivent bien fonctionner ensemble en majuscules comme en minuscules. Testez-les sur mobile — c’est là que les polices fantaisie deviennent illisibles.
Dans PrestaShop, le haut de votre boutique est occupé par votre logo — visible sur toutes les pages. C’est votre signature. Il doit contenir vos couleurs fondamentales et être lisible à toutes les tailles, y compris sur mobile.
Un bon logo reprend :
💡 Canva, votre allié design : pas besoin d’un graphiste professionnel pour démarrer. Canva (canva.com) est un outil en ligne gratuit qui permet de créer un logo propre en quelques minutes, avec des templates adaptés au e-commerce. Votre prestataire se chargera ensuite de l’intégrer dans PrestaShop.
Le favicon, c’est la petite icône carrée qui s’affiche dans l’onglet de votre navigateur, à gauche de l’adresse de votre site. Minuscule, mais très important : c’est ce que voient vos visiteurs quand ils ont plusieurs onglets ouverts.
Un favicon de qualité :
💡 Conseil : fournissez à votre prestataire une image carrée de bonne qualité (PNG, minimum 256×256 px). Il se charge de la convertir et de l’intégrer dans PrestaShop. Pas besoin de se prendre la tête sur le format.
Vous n’avez pas besoin d’Adobe et d’une formation design. Ces outils accessibles suffisent largement pour démarrer.
Logo, bannière, visuels produits… tout en un. Interface intuitive, centaines de templates e-commerce.
Gratuit / Pro
La bibliothèque de référence pour les polices web gratuites. Votre prestataire peut intégrer n’importe laquelle dans PrestaShop.
Gratuit
Générateur de palettes de couleurs harmonieuses. Entrez une couleur de base et il vous propose les combinaisons qui fonctionnent.
Gratuit
Avant votre prochain rendez-vous, voici ce que vous devez avoir prêt :
💡 Le meilleur brief, c’est un exemple : montrez à votre prestataire 2 ou 3 boutiques ou sites que vous trouvez beaux, même hors de votre secteur. C’est beaucoup plus efficace que de longues descriptions — une image vaut mille mots.
Charte graphique, intégration dans PrestaShop, choix du thème…
C’est une partie du travail que je fais avec mes clients dès le démarrage de leur projet.
Si vous voulez en parler, c’est gratuit et sans engagement.
