10 propositions pour le hero de la page d’accueil — la zone située au-dessus de « Parcourir par catégorie ». Le bandeau orange hachuré marque approximativement la ligne de flottaison sur écran 1080p. Plus le hero est compact, plus on voit de cartes au premier coup d’œil.
H1 — Compact (réduction d’échelle 50%)
Pourquoi ? Mêmes éléments mais réduits à 50% de leur taille actuelle. Conserve la structure mais gagne ~200px de hauteur. Solution sûre si tu veux garder tout en réduisant l’empreinte.
Trouvez toutes les réponses en quelques millisecondes.
Recherchez ou parcourez par thème.
Parcourir par catégorie
H2 — Sans sous-titre
Pourquoi ? Suppression du sous-titre qui répète ce que le titre dit déjà. On garde l’eyebrow + titre + search + stats. Économie d’environ 80px sans perte d’information.
Trouvez toutes les réponses en quelques millisecondes.
Parcourir par catégorie
H3 — Titre + search uniquement
Pourquoi ? Élimination de l’eyebrow ET du sous-titre. Le titre suffit à dire ce qu’est le site. Plus radical : ~150px gagnés. Style direct, type Stack Overflow.
Trouvez toutes les réponses en quelques millisecondes.
Parcourir par catégorie
H4 — Deux colonnes (éditorial / fonctionnel)
Pourquoi ? Hero en deux colonnes : éditorial à gauche, fonctionnel à droite. Maintient les mêmes éléments mais sur une seule ligne au lieu de cinq empilées. Gain de ~250px. Plus moderne, style SaaS.
Trouvez toutes les réponses en quelques millisecondes.
Parcourir par catégorie
H5 — Search-first (recherche dominante)
Pourquoi ? Search-first : la search bar devient l’élément principal. Le titre éditorial passe en bas comme tagline secondaire. Approche utilitaire : on parie que le visiteur sait pourquoi il vient et veut chercher.
57 articles · 9 catégories · Mise à jour quotidienne
Une base de connaissance interreligieuse, instantanément consultable.
Parcourir par catégorie
H6 — Hero-strip ultra-mince (1 ligne)
Pourquoi ? Hero-strip ultra-mince (~70px de hauteur). Tout sur une seule ligne : nom du site + search + compteur. Maximise la visibilité des cartes. Risque : peut sembler trop sec pour une page d’accueil.
Parcourir par catégorie
H7 — Approche conversationnelle (question)
Pourquoi ? Approche conversationnelle : le titre devient une question adressée au lecteur, et la search bar y répond. Le placeholder suggère des exemples concrets. Moins corporate, plus engageant.
Quelle est votre question ?
Parcourir par catégorie
H8 — CTA « Explorer » + « Rechercher »
Pourquoi ? Hero avec call-to-action explicites au lieu d’une search bar inline. Le visiteur choisit : parcourir ou chercher. Plus simple pour les nouveaux visiteurs qui ne savent pas quoi chercher.
Trouvez les réponses, instantanément.
Parcourir par catégorie
H9 — Bandeau noir mince (hero quasi supprimé)
Pourquoi ? Suppression quasi totale du hero. Seul un bandeau noir mince indique le site + le compteur. La recherche reste accessible via le header global. Maximise drastiquement l’espace visible. Choix radical, style site documentaire.
Parcourir par catégorie
H10 — Tagline + search compact
Pourquoi ? Minimaliste tagline + search. L’eyebrow seul porte toute l’identité du site. Le placeholder de la search explique l’alternative (parcourir). ~150px de hauteur seulement.