Alt · online school prototypes
Highschool Gate
application portal.
Pre-login
Public marketing + the admissions funnel.
01 · LANDING
Landing page
Accredited-school hero with working nav, interactive FAQ,
selectable tuition plans, advisor-ready Mr. Gate chat.
Marketing site→
02 · ENROLL
Enrollment flow
Live 12-question placement: pick answers, flag, skip, navigate,
auto-save pulses. Mr. Gate 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→
Authentication
Account access for students and new applicants.
04 · LOGIN
Student login
Portal sign-in with secure session cues, remembered email, and a
clear path back to registration or the student dashboard.
Auth · returning→
05 · REGISTER
Applicant registration
Account creation for new students with term pace, grade level,
password setup, and admissions milestones.
Auth · new student→
Student app
Logged-in student portal for the online diploma program.
06 · HOME
Dashboard
Student record masthead, KPI strip, 4 active courses with live
progress, due-this-week, live office-hour countdown.
Student · home→
07 · COURSE
Course · lesson
Play/pause video with a live progress bar, switch
Lesson/Notes/Discussion/Resources tabs, rewatch list.
Two-pane player→
08 · QUIZ
Quiz · in progress
Answer tracking, flag for review, jump via question map, auto-save
blips, submit-confirmation modal.
Assessment→
09 · GRADES
Gradebook & transcript
Sort per-course, request transcript, GPA sparkline, advisor note.
One-click "Continue" to a course.
Academic→
10 · SCHEDULE
Weekly schedule
Prev / next / today navigation. Toggle Week / Month / List. Click
any event for a small sheet.
Calendar→
11 · 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.
12 · TEACHER · TODAY
Teacher today
Dismissible "needs attention" queue, class switcher, student-pulse
triage, today's timed schedule.
Teacher · home→
13 · TEACHER · GRADEBOOK
Gradebook
Search + filter by status, per-assignment matrix. Sort columns.
Distribution + class stats at a glance.
Grading→
14 · TEACHER · ROSTER
Class roster
Filter by status chips, one-click message drawer, export CSV
(downloads a real file).
People→
15 · 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.
16 · ADMIN · BULLETIN
Admin dashboard
Cohort health, funnel, 12-week revenue trend, resolvable attention
queue.
Admin · home→
17 · ADMIN · STUDENTS
Student directory
Filterable table — cohort, plan, payment, status. Search by name
or id. Sortable, paginated.
People→
18 · ADMIN · ENROLL
Enrollment queue
Four tabs (in progress · needs review · completed · abandoned).
Nudge button sends a real email preview.
Pipeline→
19 · ADMIN · PAYMENTS
Payment ledger
Live ledger, filter by status, retry-all-failed modal, export CSV.
Finance→
20 · 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.
21 · MOBILE · DASH
Mobile dashboard
Thumb-reach layout. Bottom tab bar switches between Home / Courses
/ Schedule / Grades / Inbox.
iPhone→
22 · MOBILE · COURSE
Mobile course
Video + swipeable tabs. Post to discussion; "mark complete"
advances state.
iPhone→
23 · MOBILE · ENROLL
Mobile enrollment
Placement over lunch. Pick an answer, Next advances, Skip
increments.
iPhone→
24 · MOBILE · MSG
Mobile messages
Native feel — teacher replies with a typing indicator after you
send.
iPhone→