Hero Section
Zone principale en haut d'une landing page contenant le titre, le sous-titre, le CTA et un visuel.
La Hero Section est la zone la plus visible d'une landing page - le premier élément que voit l'utilisateur, above the fold, contenant le message principal.
Éléments clés
Un titre clair et impactant (proposition de valeur), un sous-titre expliquant le bénéfice, un CTA proéminent (couleur contrastée, texte actionnable), un visuel pertinent (produit, résultat, social proof). Chaque élément doit contribuer à un seul objectif.
Bonnes pratiques
Testez votre hero section en '5 secondes' : un visiteur comprend-il votre offre en 5 secondes ? Évitez les sliders/carrousels (distractifs), limitez-vous à un seul CTA et assurez-vous que le titre répond à l'intention de recherche ou au message publicitaire.
Termes associés
Landing Page
Page de destination. Page spécifique conçue pour convertir les visiteurs d'une campagne marketing.
Lazy Loading
Technique chargeant les images et médias uniquement quand l'utilisateur scrolle jusqu'à leur position.
Mobile-First
Approche de conception priorisant l'expérience mobile avant le desktop.
Mockup
Maquette visuelle. Représentation haute-fidélité du design final d'une page.
Pour aller plus loin
Hero Section en pratique : UX & Design
Pour aller au-delà de la définition, découvrez notre approche CRO côté UX.