Wireframes des 6 Layouts Principaux

1. Content Feed

Blog, Magazine/News, Community/Forum

HEADER / NAV Recherche Catégories Populaires FOOTER
Header / Footer
Sidebar (filtres, navigation)
Articles / Items de contenu

2. Showcase

Portfolio, Agency/Studio

HEADER HERO Introduction Projet 1 Projet 2 Projet 3 Projet 4 Projet 5 Projet 6 À PROPOS CONTACT FOOTER
Header / Footer
Hero (introduction)
Grille de projets
Section À propos
Section Contact

3. Marketing/Conversion

Business, Landing Page, Event

HEADER + CTA CTA HERO + VALUE PROP CTA Principal FEATURES / BÉNÉFICES Feature 1 Feature 2 Feature 3 SOCIAL PROOF Témoignages, chiffres, logos CTA SECONDAIRE Appel à l'action FOOTER RICHE Liens, contact, légal
Hero avec proposition de valeur
Features / Bénéfices
Social Proof (témoignages)
CTA (Call-to-Action)

4. Single Page Scroll

Personal, CV/Resume, Coming Soon

HEADER FIXE (ancres) HERO / INTRO SECTION 1 Ex: Expérience SECTION 2 Ex: Compétences SECTION 3 Ex: Formation SECTION 4 Ex: Contact FOOTER MINIMAL
Header fixe avec navigation par ancres
Hero / Introduction
Sections scrollables
Footer minimal

5. Service/Info

Restaurant/Café, Nonprofit, Education

HEADER / NAV HERO + MISSION Image d'ambiance SERVICES / OFFRES Service 1 Service 2 Service 3 INFOS PRATIQUES Horaires, localisation, contact TÉMOIGNAGES CTA INSCRIPTION/RÉSA FOOTER
Hero avec mission/ambiance
Services/Offres avec images
Informations pratiques
Témoignages
CTA (formulaire)

6. Documentation

Documentation technique

HEADER Recherche... TABLE MATIÈRES Introduction Concepts Active API Reference Guides Titre de page Section Note ← Précédent Suivant → FOOTER
Header avec recherche
Sidebar navigation (arborescence)
Zone de contenu principale
Blocs de code / Notes