Thème
Palette & contraste
Carte d’entrée compacte, cliquable et immédiatement compréhensible.
Page /faq
Une FAQ qui filtre les objections sans casser la sobriété de la marque.
La page FAQ doit répondre vite, respirer, et rester parfaitement lisible sur mobile. Le bon format n’est pas un mur de texte mais une progression simple: thèmes, réponses, clôture.
Cadre de lecture
4 thèmes · 4 réponses types
Le parcours recommandé: hero court, cartes de thèmes, liste FAQ, puis un dernier bloc de contact pour les cas non standards.
Premium ne veut pas dire démonstratif: la hiérarchie repose sur l’espace, le contraste et une information immédiatement exploitable.
Sommaire
Quatre thèmes visibles dès l’entrée
Les catégories servent à réduire la charge cognitive. Elles rendent la page plus facile à scanner et plus crédible qu’une suite de réponses non triées.
Thème
Typographie Inter
Carte d’entrée compacte, cliquable et immédiatement compréhensible.
Thème
Responsive mobile/desktop
Carte d’entrée compacte, cliquable et immédiatement compréhensible.
Thème
Footer & réassurance
Carte d’entrée compacte, cliquable et immédiatement compréhensible.
Réponses
Réponses détaillées en accordéons sobres
Le composant recommandé est un accordéon léger. Il évite la longueur excessive tout en conservant une lecture confortable quand l’utilisateur ouvre une réponse.
Pourquoi une palette volontairement calme ?
Parce que la crédibilité de Nexfranchise repose sur la lecture, le cadrage et la maîtrise perçue. Une palette trop expressive ferait perdre en sérieux au moment même où l’utilisateur cherche de la stabilité.
Pourquoi Inter pour toute la hiérarchie ?
Inter permet une cohérence totale entre titres, corps, tableaux et interfaces. La variable font garde une lecture dense et moderne sans effet démonstratif.
Comment le mobile est-il traité ?
Le système évite les doubles colonnes fragiles, privilégie l’empilement net et conserve la largeur complète pour les CTA. Le contenu reste lisible sans zoom ni compression.
Quel rôle joue le footer dans la conversion ?
Le footer ne sert pas seulement à terminer la page. Il prolonge la confiance avec une navigation simple, un contact direct et les mentions qui rassurent avant action.
Architecture détaillée
Spécification section par section de /faq
La page doit garder une structure courte, stable et immédiatement décodable. Chaque bloc ci-dessous précise le layout, les composants, les espacements et le comportement mobile.
Section
Hero page /faq
Layout
Grille 12 colonnes avec promesse de clarté et rappel du périmètre.
Composants
H1LeadBadgeCTA ghost
Espacements
96 px avant les catégories, 32 px entre blocs.
Mobile
Structure en pile, aucun texte sur deux colonnes.
Section
Sommaire des thèmes
Layout
4 cartes catégories sur grille 4 colonnes.
Composants
Cards navigationTagsLiens d’ancre
Espacements
24 px entre cartes, padding 24 px.
Mobile
2 colonnes puis 1 colonne selon largeur, cartes cliquables entières.
Section
Réponses détaillées
Layout
Liste verticale d’accordéons ou de cards FAQ.
Composants
FAQ itemsBodyBody smallSéparateurs
Espacements
16 px entre réponses, 24 px à l’intérieur de chaque item.
Mobile
Interaction simple au tap, texte toujours sur une seule colonne.
Section
Clôture / contact
Layout
Bloc CTA compact aligné sur le container principal.
Composants
Card CTABouton primaireBouton ghost
Espacements
64 px avant footer, 12 px entre actions.
Mobile
Boutons empilés, contenu recentré.
Clôture
Dernier bloc: un contact, pas une surenchère
Si la FAQ ne suffit pas, la suite logique est un échange de cadrage. La page se termine donc avec un bloc court et deux actions maximum.