Aller au contenu principal
Classroom

Direction fictive · NDA · Dashboards

Classroom

Présences en un geste

Scroll pour découvrir

01 · Le brief

Présences en un geste

Montrer une interface crédible sans exposer un client réel. Même niveau de craft, parcours clair, interactions jouables.

02 · Dans le produit

Un scroll, un écran

Chaque section se cale à l’écran — scroll naturellement.

Classroom

Présences en un geste

Pointer la classe

Pointer

128 k€

Compteur

98,2 %

Clarté

14

Compteur

Pointer la classe
Alpha Corp12.4 k€
Bravo SAS16.1 k€
Charlie SARL19.8 k€
Delta SAS23.5 k€
Echo SA27.2 k€
Foxtrot30.9 k€

Pointe une classe

Pointer la classe

Sélection

Présences en un geste

Liste démo · 4 élèves.

Activité

  • J’ouvre Classroom, je pointe, j’enchaîne le cours.

    Mme R. · collège

  • Les absences sont propres pour la vie scolaire.

    CPE · lycée

03 · Prototype jouable

Touche-le

Clique, filtre, navigue — tout réagit. Rien n’est branché à un vrai backend : c’est une démo d’intention.

  • Hero + sections sous la fold (pas juste une accroche)
  • Hiérarchie visuelle et CTA principal
  • Densité d’info vs lisibilité
Ouvrir l’app complète
Classroom2/4

Démo locale — aucune donnée n’est envoyée.

04 · Même famille

D’autres directions du même type — pour comparer densités et ambiances.

Nord/Sud — Trésorerie lisible
Nord/SudTrésorerie lisible
Signal — La santé de vos APIs, en un coup d’œil
SignalLa santé de vos APIs, en un coup d’œil
Kanban — Le board que ton équipe ouvre vraiment
KanbanLe board que ton équipe ouvre vraiment
Helm — Pipeline commercial, sans tableur
HelmPipeline commercial, sans tableur

05 · Ce qu’on regarde

  1. 01Hero + sections sous la fold (pas juste une accroche)
  2. 02Hiérarchie visuelle et CTA principal
  3. 03Densité d’info vs lisibilité
  4. 04États interactifs (hover, sélection, feedback)

Un projet dans cet esprit ?

Classroom — Présences en un geste | Ilyesse