2.4Construire une page d'accueil attractive
La page d'accueil est la vitrine : elle a quelques secondes pour dire qui vous êtes, ce que vous proposez, et inviter à l'action. La recette éprouvée combine un héros (grande section d'ouverture : titre fort, sous-titre, bouton d'action), des sections structurées (services, chiffres, témoignages, galerie) et des appels à l'action (CTA) clairs qui guident vers l'objectif (contact, achat, inscription).
Vous composerez une page d'accueil avec les blocs et les motifs (patterns) du niveau 1, en appliquant les principes de design vus dans nos guides (hiérarchie, contraste, un message par section). L'objectif : une accueil qui convertit, pas qui étale tout.
Vocabulaire de la section
- Section héros
- La grande section d'ouverture : titre accrocheur, sous-titre, bouton d'action, souvent une image de fond — les 3 secondes décisives.
- Appel à l'action (CTA)
- Le bouton/lien qui invite à agir (« Demander un devis », « Nos services ») : chaque section devrait guider vers l'objectif.
- Motif (pattern)
- Une mise en page prête (héros, tarifs, témoignages) insérée puis personnalisée : le raccourci pour une accueil pro sans partir de zéro.
- Proposition de valeur
- Ce qui doit être clair en haut de page : qui vous êtes, ce que vous apportez, à qui — avant tout défilement.
- Un message par section
- Le principe : chaque section porte UNE idée (qui je suis, mes services, la preuve, l'action) — pas un fourre-tout.
Que doit dire la section héros d'une page d'accueil en 3 secondes ?
En pratique — Composer une page d'accueil qui convertit
- Créez (ou éditez) votre page d'accueil. Insérez un motif de héros : remplacez le titre par votre proposition de valeur claire, ajoutez un bouton d'action.
- Ajoutez une section « Services/Offre » (motif en colonnes ou icônes) : 3 blocs, un bénéfice chacun.
- Ajoutez une section « Preuve » (témoignages, chiffres, logos clients) et une section finale « Contact/CTA » avec un bouton bien visible.
- Vérifiez la logique de haut en bas : qui je suis → ce que je propose → la preuve → l'action. Publiez et définissez-la comme page d'accueil (1.5).
Points clés à retenir
- Le héros doit dire en 3 secondes : qui vous êtes, ce que vous proposez, quoi faire ensuite.
- Chaque section porte UN message et guide vers l'objectif (un CTA clair, pas dix liens).
- Les motifs (patterns) donnent une base professionnelle immédiate : personnalisez plutôt que partir de zéro.
- Une accueil qui convertit hiérarchise (qui/quoi/preuve/action) au lieu de tout étaler.
Questions fréquentes
Faut-il un constructeur de page pour une belle accueil ?
Non : les blocs Gutenberg et les motifs suffisent pour une accueil professionnelle. Un constructeur (Elementor) offre plus de liberté de design libre, au prix du poids. Commencez avec Gutenberg + motifs ; passez à un constructeur seulement si vos besoins visuels le dépassent (guide Elementor).
Combien de sections sur une page d'accueil ?
Assez pour dérouler le récit (héros, offre, preuve, à propos, CTA), pas trop pour ne pas noyer : 4 à 6 sections bien construites suffisent souvent. Le test : chaque section fait-elle avancer le visiteur vers l'action ? Sinon, coupez.