9

ressources

✦
Préparer son projet

Comment définir l'identité visuelle de son site ?

De l'intention à la palette : définir l'ambiance de ton site, choisir couleurs et typographies, préparer ses images, sans partir de zéro.

✦

Par quoi commencer : l'intention

Avant les couleurs et les polices, décide de l'effet à produire : quelles émotions, quelle ambiance ? Trois adjectifs suffisent : chaleureux, rigoureux, artisanal, par exemple. C'est le point de départ du brief que je te demande, et ce qui guide les trois versions de page d'accueil en séance 2.

Comment créer un moodboard ?

Rassemble 10 à 15 images qui te parlent : des sites, des packagings, des photos, des affiches, même hors de ton secteur. Regarde ensuite ce qui revient : des tons, des formes, une densité. Ce que tu aimes en dit souvent plus que ce que tu sais décrire.

Comment choisir sa palette de couleurs ?

Une palette lisible, c'est peu de couleurs : une dominante, une ou deux secondaires, un accent, et des neutres. Trois outils que j'utilise :

  • Coolors (coolors.co) : génère des palettes aléatoires en un clic, tu verrouilles celles qui te plaisent. Idéal pour partir d'une intuition.
  • Material Design (m3.material.io) : l'outil de Google qui génère une palette complète et accessible à partir d'une seule couleur de référence, pratique pour vérifier les contrastes.
  • Des comptes à suivre pour l'inspiration : @studio.servan, @thatgoodspark, @em.dsgn, @leburo2, @the_wonderbrand.

Vérifie toujours le contraste entre le texte et son fond : un joli gris clair sur fond blanc est illisible sur un téléphone en plein soleil.

Comment choisir ses typographies ?

Deux polices suffisent : une pour les titres (elle porte la personnalité), une pour le texte courant (elle doit être lisible). Les titres sont un élément graphique à part entière, pas seulement du texte. Évite d'en empiler plus de deux.

Comment préparer ses images ?

Des photos réelles, à la lumière du jour, sans retouche lourde. Le détail est dans le guide photos. Envoie-les telles qu'elles sortent du téléphone : le poids et le format sont optimisés à l'intégration.

C'est quoi un brandboard récapitulatif ?

Une page qui rassemble ta palette, tes typographies, ton logo et quelques images. C'est ton aide-mémoire pour rester cohérent, sur ton site comme sur tes cartes de visite ou tes posts.

En séance 2, je te présente trois versions de ta page d'accueil pour en discuter : voir ma méthode. Étape suivante : rédiger les pages.

À toi de jouer

Choisis trois adjectifs, puis ouvre Coolors et cherche une palette qui les traduit. Note ce qui te gêne dans les résultats : c'est déjà une information de direction.

✦

Article suivant

Comment rédiger les pages de son site ?

Un premier appel offert

Un premier appel offert pour cadrer ton besoin et répondre à tes questions.

Voir les tarifs

✦