Fictional direction · NDA · Dashboards
Classroom
Attendance in one tap
Scroll to explore ↓
01 · The brief
Attendance in one tap
Show a credible interface without exposing a real client. Same craft level, clear journey, playable interactions.
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — scroll naturally.
Attendance in one tap
Take attendanceCheck in
128 k€
Counter
98,2 %
Clarity
14
Counter
Take attendanceAlpha Corp12.4 k€
Bravo SAS16.1 k€
Charlie SARL19.8 k€
Delta SAS23.5 k€
Echo SA27.2 k€
Foxtrot30.9 k€
Take attendance
Take attendanceSélection
Attendance in one tap
Demo list · 4 students.
Activité
I open Classroom, tap, start the lesson.
Ms R. · middle school
Absences stay clean for student life.
Counselor · high school
03 · Playable prototype
Touch it
Click, filter, navigate — everything reacts. Nothing hits a real backend: it’s an intent demo.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
Classroom2/4
Local demo — no data is sent.
04 · Same family
Other directions of the same type — to compare density and mood.
05 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)