Alt · interactive prototypes
Highschool Gate
hi-fi, wired up.
Pre-login
Public marketing + the sign-up funnel.
01 · LANDING
Landing page
Warm institutional hero with working nav, interactive FAQ,
selectable tuition plans, Ada chat.
Marketing site→
02 · ENROLL
Enrollment flow
Live 12-question placement: pick answers, flag, skip, navigate,
auto-save pulses. Ada assists without grading.
Multi-step form→
03 · PAY
Tuition & payment
Swap between 3 plans, method, card form validates, summary rail
recomputes live, aid gate.
Checkout→
Student app
Logged-in student experience.
04 · HOME
Dashboard
Editorial masthead, KPI strip, 4 active courses with live
progress, due-this-week, office hour countdown.
Student · home→
05 · COURSE
Course · lesson
Play/pause video with a live progress bar, switch
Lesson/Notes/Discussion/Resources tabs, rewatch list.
Two-pane player→
06 · QUIZ
Quiz · in progress
Answer tracking, flag for review, jump via question map, auto-save
blips, submit-confirmation modal.
Assessment→
07 · GRADES
Gradebook & transcript
Sort per-course, request transcript, GPA sparkline, advisor note.
One-click "Continue" to a course.
Academic→
08 · SCHEDULE
Weekly schedule
Prev / next / today navigation. Toggle Week / Month / List. Click
any event for a small sheet.
Calendar→
09 · MESSAGES
Messages & office hours
Switch threads, send a message, teacher replies. Office-hours
countdown and shared files in right rail.
Inbox→
Teacher
Teacher surfaces — triage, gradebook, roster, course builder.
10 · TEACHER · TODAY
Teacher today
Dismissible "needs attention" queue, class switcher, student-pulse
triage, today's timed schedule.
Teacher · home→
11 · TEACHER · GRADEBOOK
Gradebook
Search + filter by status, per-assignment matrix. Sort columns.
Distribution + class stats at a glance.
Grading→
12 · TEACHER · ROSTER
Class roster
Filter by status chips, one-click message drawer, export CSV
(downloads a real file).
People→
13 · TEACHER · BUILDER
Course builder
Pick any lesson to edit, swap lesson type, edit title inline,
add/remove objectives, simulated upload progress.
Authoring→
Admin
Operations dashboards and directories.
14 · ADMIN · BULLETIN
Admin dashboard
Cohort health, funnel, 12-week revenue trend, resolvable attention
queue.
Admin · home→
15 · ADMIN · STUDENTS
Student directory
Filterable table — cohort, plan, payment, status. Search by name
or id. Sortable, paginated.
People→
16 · ADMIN · ENROLL
Enrollment queue
Four tabs (in progress · needs review · completed · abandoned).
Nudge button sends a real email preview.
Pipeline→
17 · ADMIN · PAYMENTS
Payment ledger
Live ledger, filter by status, retry-all-failed modal, export CSV.
Finance→
18 · ADMIN · TEACHERS
Teachers & staff
Faculty cards with load and rating. Overload flagged red;
can-take-more in accent.
HR→
Mobile
Key screens in the phone frame.
19 · MOBILE · DASH
Mobile dashboard
Thumb-reach layout. Bottom tab bar switches between Home / Courses
/ Schedule / Grades / Inbox.
iPhone→
20 · MOBILE · COURSE
Mobile course
Video + swipeable tabs. Post to discussion; "mark complete"
advances state.
iPhone→
21 · MOBILE · ENROLL
Mobile enrollment
Placement over lunch. Pick an answer, Next advances, Skip
increments.
iPhone→
22 · MOBILE · MSG
Mobile messages
Native feel — teacher replies with a typing indicator after you
send.
iPhone→