Maquettes Toog intégrées en Next.js.

Tous les écrans front sont portés depuis designs/. Les écrans back-office ne sont pas inclus. Navigation câblée entre les routes, données en fixtures, aucune intégration API.

Espace client

3 écrans

Connexion / Inscription

Page d'amont — split brand + formulaire à onglets.

Disponible/login

Dashboard · Synthèse

Espace client entreprise — hero, masterclass, catalogue, références.

Disponible/dashboard

Bibliothèque Toog

Hero éditorial, recherche, filtres format & thématique.

Disponible/library

Lecteur de formation

2 écrans

Lecteur v2 · Phase Banner

Bandeau coloré par type d'activité, checklist vivante.

Disponible/formations/seo-local

Lecteur · Aperçu prospect

Visiteur non-payant — 1er cas client cliquable, CTA permanent.

Disponible/formations/branding/teaser

Variantes (archives)

6 écrans

Reader B · Player split

Lecteur + sidecar checklist.

Disponible/variants/reader-b

Reader C · Timeline ribbon

Vue d'ensemble en haut, document central.

Disponible/variants/reader-c

Reader v1 · SEO local

Version précédente — pour comparaison.

Disponible/variants/reader-v1

Dashboard A · Premium

Direction premium & sérieux.

Disponible/variants/dashboard-premium

Dashboard B · Chaleureux

Direction chaleureux & humain.

Disponible/variants/dashboard-warm

Dashboard C · Énergique

Direction énergique & moderne.

Disponible/variants/dashboard-energetic

Réflexion stratégique

4 écrans

Index stratégie

Trois documents posés sur la table avant les maquettes.

Disponible/strategy

01 · Sitemap & principes

Architecture & fil d'Ariane.

Disponible/strategy/sitemap

02 · Parcours apprenant

Hypothèses ouvertes au débat.

Disponible/strategy/parcours

03 · Coach IA Toog

Coach IA — assistant pédagogique.

Disponible/strategy/coach-ia