Mise en page et design de votre site
Un site professionnel n’a pas besoin d’être original : il doit être clair, cohérent et lisible sur un téléphone. Ces qualités reposent sur quelques règles que l’on peut apprendre sans être graphiste.
Les règles qui font un site « propre »
Peu de couleurs, utilisées avec constance
Une couleur principale, une couleur d’accent pour les boutons, un fond clair, un texte foncé. On définit ces couleurs une fois, dans les styles globaux du thème (Apparence, puis Éditeur, puis Styles sur un thème compatible) ou dans les réglages globaux du constructeur, et on ne les redéfinit pas page par page. C’est le secret de la cohérence.
Deux polices au maximum
Une pour les titres, une pour le texte, ou la même pour les deux. Le texte courant doit être assez grand pour se lire sans zoomer sur un téléphone, avec un contraste suffisant avec le fond : un gris clair sur blanc est élégant sur une maquette et illisible au soleil.
De l’espace
Les sites amateurs se reconnaissent souvent à leur densité : textes collés aux images, sections sans respiration. Des marges régulières entre les blocs, définies dans les réglages d’espacement, donnent immédiatement un aspect plus professionnel.
Une hiérarchie visible
Un titre principal par page, des intertitres qui structurent, des paragraphes courts, des listes quand il y a une énumération. Le visiteur doit comprendre la page en la parcourant du regard.
Des images choisies et préparées
Mieux vaut quelques photos réelles de votre travail, bien cadrées, que des banques d’images génériques. Elles doivent être redimensionnées avant téléversement : voir textes et images.
Penser mobile d’abord
Une grande partie des visiteurs d’un site de proximité arrive par un téléphone. Chaque page doit être vérifiée sur mobile : colonnes qui s’empilent correctement, boutons assez grands pour le doigt, numéro de téléphone cliquable, menu accessible. L’éditeur de blocs et les constructeurs proposent un aperçu mobile ; rien ne remplace pourtant un test sur un vrai téléphone.
Ce que vous pratiquez en formation
- Définir la palette et les polices dans les styles globaux
- Créer une composition réutilisable (bandeau d’appel, bloc de coordonnées)
- Construire une page de service à partir d’un modèle
- Corriger l’affichage mobile d’une page existante
- Harmoniser les pages anciennes avec les nouvelles
Cette compétence s’adresse aux personnes qui créent ou refondent leur site, et à celles qui gèrent un site devenu disparate au fil des années. Elle complète le projet site vitrine et le guide refondre son site. Elle ne fait pas de vous un graphiste : pour une identité visuelle complète (logo, charte), un professionnel reste utile.