Zone de demonstration

Pages exemple - Site Web Exemples

Cette section rassemble des bases réutilisables pour construire de nouvelles pages plus vite. Le catalogue contient 233 exemples repartis en 19 sections : fondations, guides, narration, interfaces, navigation, affichage de donnees, planification et formulaires.

Navigation rapide

Sections des pages exemple

Le catalogue est maintenant organisé par section dédiée pour alléger cette page. Ouvre une section pour voir ses cartes détaillées.

Guides

Documentation

7 guides et références opérationnelles pour produire des pages plus vite et avec moins d'erreurs.

Galeries Turn.js

Effets de lecture

Ces démonstrations montrent plusieurs habillages possibles autour du même effet de page tournée.

Templates web génériques

Ouverture

Cette zone montre des structures de site non liées à ton univers, pour explorer d'autres possibilités de création web.

Effets visuels et narration

Interactions

Six démonstrations axées sur l'immersion : profondeur au scroll, révélation de timeline, cartes 3D, lightbox, frise filtrable et texte animé.

Pack narrative avancée

Narration & jeu

Cent-quinze démonstrations immersives : cinématique, narration, jeu narratif, campagne, combat, structure, cohérence, production, QA, publication, rythme, dialogue, destins croisés, monde vivant, gouvernance dynamique, opérations clandestines, exploration découverte, mystères enquêtes, diplomatie alliances, intrigues de cour, guerre de l'information, crises catastrophes, espionnage stratégique, économie ressources, résistance insurrection, reconstruction post-crise, gouvernance longue durée, géopolitique frontières, science progrès et culture société.

Structures editoriales

editorial

Trois formats de contenu long: page magazine, dossier analytique longform et journal immersif en entrées successives.

Composants d'interface

Interface

Six démonstrations pour explorer des structures d'interface réutilisables : accordéon premium, onglets animés, panneau détail coulissant, template playground, template playground v2 et template playground v3 accessibilité.

Structures de navigation

Navigation

3 démonstrations pour guider le parcours: mega-menu, sous-navigation sticky et sommaire flottant de lecture.

Patterns d'interface avancés

Interface avancée

3 démonstrations d'interface avancée : drag-and-drop, tri animé de grille et panneaux empilables réorganisables.

Patterns messagerie

Messagerie

3 structures de communication : conversations en direct, boîte de réception orientée tri et centre de support à tickets.

Mini pack notifications

Notifications

3 briques de feedback utilisateur : centre d'alertes, toasts non bloquants et page de préférences de notification.

Mini pack authentification

Authentification

3 écrans essentiels pour gérer l'accès : connexion, inscription et récupération du mot de passe.

Mini pack profil utilisateur

Profil

3 écrans essentiels pour structurer l'espace personnel : vue profil, édition du profil et préférences personnelles.

Structures de dashboard

Dashboard

10 démonstrations de tableau de bord : pilotage KPI, colonnes de supervision, interface à filtres denses, mission board d objectifs, trophées narratifs, objectif detaille, stats de progression, recompenses internes, recap de session et defis evenementiels.

Mini pack tableaux/listes avancées

Tableaux et listes

3 patterns pour organiser une information dense : supervision tabulaire, navigation master-detail et comparatif multi-critères.

Patterns de galerie avancées

Galerie avancées

10 approches de galerie avancée : masonry filtrable, comparateur avant/après, avant/après storytelling, storytelling multi-scènes, galerie explicative annotée, galerie explicative par focales, fiche personnage focales timeline, fiche lieu focales timeline, storyboard en chapitres et grille avec panneau latéral détaillé.

Mini pack calendrier/planning

Calendrier et planning

Trois approches complémentaires pour la planification : calendrier mensuel, grille hebdomadaire et timeline de projet.

Mini pack formulaires avancés

Formulaires avancés

Trois structures pour fiabiliser la saisie : progression multi-étapes, validation inline et récapitulatif avant confirmation.