HSA LMS — Mobile-First Wireframes (Low-Fidelity)

Grayscale, structural layout only — no visual design decisions made yet. Covers all 5 roles from the concept note's user-role matrix: Student, Teacher, Academic Coordinator, LMS Administrator, Management. Each includes Home plus that role's core "class" flow — attendance-taking, batch detail, or batch creation. Purpose is to validate information hierarchy and navigation before your team builds in Figma. Desktop is a secondary, later-priority surface.

Student — Home

Guten Tag,

Priya Sharma

Today · B1 Morning

Class at 9:00 AM

Room 3 · Modul 4, Lektion 2

2h 10m

View today's prep

Attendance

87%

18 attended · 2 missed · 1 late
Requirement: 80% to unlock exams

Skill Progress

Hören74%

Lesen81%

Schreiben62%

Sprechen69%

To-do

Pre-class quiz — Lektion 2

Due 8:45

Speaking drill — 2 min

Tomorrow

Writing resubmission

Fri

Teacher feedback

"Adjective endings still inconsistent in dative case — revise Modul 3 grammar before Friday's test."

— Herr Weber, 2 days ago

Home

Practice

Grades

Calendar

Profile

Student — Practice (Before / During / After)

Modul 4, Lektion 2

Practice

BEFORE

DURING

AFTER

Complete before 9:00 AM class — same baseline for every student.

Vocabulary sheet — Modul 4 glossary

12 new terms · auto-linked across lessons

Grammar explainer video — 4 min

Dative case endings

Pre-class diagnostic quiz — 8 questions

Feeds directly to teacher's dashboard

Live during physical class — mostly teacher-facing.

Scan attendance QRRequired

Projected on classroom screen at class start.

Lesson slides & listening audio are teacher-controlled — nothing to do on your device except follow along.

Reinforcement — unlocked after class ends.

Speaking drill — record 2 min

Self-introduction, past tense

Writing submission — 150 words

PDF or type directly

Interactive grammar drill

Fill-in-the-blank, dative case

Peer review — review 2 classmates

Anonymous, rubric-based

Below 70% on modular test? A supportive grammar module and reassessment quiz unlock automatically here.

CEFR skill anchors

Lesen (Reading)

81%

Hören (Listening)

74%

Schreiben (Writing)

62%

Sprechen (Speaking)

69%

Wortschatz (Vocab)

88%

Grammatik

57%

Home

Practice

Grades

Calendar

Profile

1Today's Class card is the hero on Home

Since physical class is the center of the model, the top of Home is always "what's happening today," not a generic dashboard summary.

2Practice screen is literally Before/During/After

This is the concept note's core pedagogical model (Section 2), made structural rather than just a label. Students always know which bucket a task belongs to, and Before tasks feed directly into what the teacher sees pre-class.

3During is intentionally near-empty

Per the concept note, During is teacher-driven (projector, QR scan) — the student's phone has almost nothing to do here. Resisting the urge to fill this tab with content is itself a design decision.

4The 70% remediation rule shown inline in After

Concept note: if a student misses the 70% proficiency gate, supportive modules unlock automatically. This is a different gate from the 80% attendance gate — shown separately so the two never get confused.

5Six anchors, not four

Concept note's curriculum table has 7 anchors (Reading, Listening, Writing, Speaking, Vocabulary, Grammar, Communication). Communication (Workshop/peer review) is shown as a task in After rather than a %, since it's peer-graded, not auto-scored.

Teacher — Home

Today, Wed 2 Sep

Herr Weber

Next class · 9:00 AM

B1 Morning — Room 3

Modul 4, Lektion 2 · 22 students

Start attendance

Review pre-class diagnostics

Pre-class diagnostics — B1 Morning

6 of 22 not completed. Weakest item: dative case endings (54% correct class-wide).

View full breakdown

My batches

A2 Evening
18 students · 4:00 PM

Later today

B1 Morning
22 students · 9:00 AM

Now

At-risk students

Student C — B1High risk

Student B — B1Medium risk

Grading queue

7 writing · 3 speaking submissions pending

Open grading queue

Home

Classes

Attendance

Grading

Profile

Teacher — Classes → Take Attendance

B1 Morning · Room 3

Take Attendance

22 students

P = Present (2) · L = Late (1) · E = Excused (1) · A = Absent (0)

Aarav Thapa

Bimala Rai

Student C At-risk

Deepak Gurung

Esha Karki

18 marked · 4 remaining. Default = all Present; teacher only taps exceptions.

Submit attendance

Home

Classes

Attendance

Grading

Profile

1"Next class" card leads, with two actions

Start attendance and review diagnostics are the two things a teacher does in the 5 minutes before walking into the classroom — both one tap from Home.

2Diagnostics surfaced as a specific weak point

Not just a percentage — the system names the actual weak grammar/vocab point (per the concept note's "customize the lecture on the fly" goal), so the teacher can act on it immediately.

3At-risk list on Home, not buried in Reports

Given how central "intervention" is across every doc, this needs to be a glanceable Home item, not a report a teacher has to go dig for.

4Grading queue shows a count

Badge-style count (like an inbox) so pending grading never silently piles up.

5Attendance defaults to Present, exceptions only

For a 20+ student roster, tapping 20 "Present" buttons is friction the concept note never asks for. Default everyone Present; teacher only taps the students who were Late/Excused/Absent. Matches the weighted scoring (2/1/1/0) defined in the SRS and cheatsheet exactly.

6At-risk flag shown right on the roster

A teacher marking attendance is a natural moment to notice a repeat absentee — surfacing the flag here, not just on a separate report, closes the loop faster.

Academic Coordinator — Home

Programme overview

Anjali Rao

312

Active students

Active batches

At-risk

Level performance

A184%

A279%

B171%

B268%

Batch performance

B1 Morning · Herr Weber
22 students · 91% attendance

Good

B2 Evening · Frau Klein
16 students · 68% attendance

Needs review

Intervention queue

5 students flagged this week for counselling — 2 attendance, 3 assessment.

Open intervention queue

Admissions pipeline — CRM

Enquiry / Counselling12 leads

Admission Completed5 → provision account

Batch Allocated3 → cohort assigned

Orientation2 in progress

Open CRM

Home

Batches

Students

Reports

Profile

Coordinator — Batches → B1 Morning Detail

Batch

B1 Morning

Active

Students

91%

Attendance

76%

Avg score

Batch details

Teacher: Herr Weber
Level: B1 · Modul 4, Lektion 2
Timing: 9:00–11:00 AM · Room 3
Cohort ID: B1_Morning_JUL2026

Edit batch

Session history

Mon 31 Aug21/22 present

Sat 29 Aug20/22 present

Fri 28 AugNot held

Roster

Aarav Thapa96% att.

Student CHigh risk

Bimala Rai89% att.

View full roster (22)

Home

Batches

Students

Reports

Profile

1Three top-line numbers, not a wall of stats

Students / batches / at-risk count. Everything else is one tap deeper — mobile screens punish dense stat grids.

2Level performance uses the same bar pattern as skills

Same visual language as the student's skill bars — reinforces "one data layer, different views" rather than each role feeling like a separate app.

3Batch list flags status in plain words

"Good" / "Needs review" rather than raw numbers only — coordinator scans fast, drills in only where flagged.

4CRM funnel uses the exact 4 stages from the concept note

Enquiry/Counselling → Admission Completed → Batch Allocated → Orientation — same stage names as the source document, each tied to its documented system outcome (account provisioning, cohort assignment, attendance privileges).

5Orientation is a real gate, not a formality

Per the concept note, Orientation completion unlocks physical class attendance privileges — worth a status of its own here rather than folding it into "Batch Allocated."

6Session history shows "Not held" as a real state

Physical classes get cancelled (holidays, teacher leave). The system needs a distinct state from "0 attendance" so a cancelled day never wrongly drags down a student's %.

LMS Administrator — Home

System status

Admin

All systems operational

Last backup: today 2:04 AM · Success

340

Total users

Active batches

Suspended

Users

Students312

Teachers11

Coordinators3

Admins2

Manage users

Batches & courses

14 active batches across A1–B2. 2 pending teacher assignment.

Manage batches

+ Create new batch

Technical health

Broken links0

Failed logins (24h)2

Error log entries5 new

Home

Users

Batches

Logs

Profile

LMS Administrator — Create Batch

New batch

Create Batch

Batch name

B2_Evening_SEP2026

CEFR level

B2 ▾

Assigned teacher

Frau Klein ▾

Timing

16:00 – 19:00, Mon–Sat

Physical room

Room 1 ▾

Start date

01 Sep 2026

Creating this batch auto-generates a cohort. Students move here when Coordinators set their CRM lead to "Batch Allocated."

Create batch

Home

Users

Batches

Logs

Profile

1System status leads, not a stats dump

One glance answer: is everything fine right now. Backup success and uptime are the two things an admin checks first thing in the morning.

2"Create batch" is the direct replacement for Moodle Cohort + Course-group setup

In the Moodle version this was two separate admin actions (create cohort, create course group, sync them). Custom-built, it collapses to one form and one action.

3Form explains the downstream effect

The dashed note ties batch creation back to the CRM funnel from the concept note, so an admin unfamiliar with the pipeline still understands what happens next.

Management — Home

Programme snapshot

Director view

312

Enrolled

82%

Completion

78%

Pass rate

Student pipeline

New students46

↓

A196

↓ 76%

A284

↓ 85%

B171

↓ 68%

B2 / Completion61

Key performance indicators

KPI	Current	Target
Attendance	86%	80%+
Completion	82%	90%
Pass rate	78%	85%
A1→A2 progression	76%	85%

Operational alerts

B1→B2 progression below targetAlert

B2 Evening attendance dipAlert

Fee/financial summary shown here only if LMS is later integrated with an ERP — not part of this build's scope.

Home

Pipeline

Reports

Alerts

Profile

1High-level only — deliberately not a coordinator dashboard

Concept note treats Management as an oversight role, not an operational one. No batch-by-batch drill-down here — that's the Coordinator's job. Management sees trend and outcome, not process.

2Pipeline funnel matches the CRM → CEFR progression exactly

New students → A1 → A2 → B1 → B2/Completion, with conversion % between each — this is the same underlying data as the Coordinator's CRM funnel, just rolled up to programme level. One data layer, different views.

3KPI table mirrors actual target-setting language

Current vs. Target framing lets Management set and track goals directly in the tool, not in a separate spreadsheet.

4Financial data explicitly scoped out for now

Flagged rather than hidden silently — so it's clear this is a deliberate scope decision your team can revisit, not an oversight.

Coverage: all 5 concept-note roles, core flows included

Student — Home, Practice (Before/During/After). Teacher — Home, Classes/Take Attendance. Academic Coordinator — Home, Batch detail. LMS Administrator — Home, Create Batch. Management — Home/programme snapshot. That's every role in the concept note's own matrix, each with its Home screen plus the one deeper flow that role uses most (attendance-taking, batch detail, batch creation).
The dashboard design doc's other 5 roles (Counsellor, Content Developer, Academic Head, Parent, Placement) are outside the concept note's original matrix — confirm with your team whether any are in scope before wireframing them.
Not yet wireframed at this depth: writing/speaking grading screen, student "Grades" tab, CRM lead detail form, login/auth. Flag which of these your team needs next.
Does "Practice" (student) need real content authoring, or just checklist tracking of homework done elsewhere?
Should Teacher's "Start attendance" open a QR scanner, this manual roll-call list, or both as options?
Desktop views (Coordinator/Admin/Management especially) will likely need a denser table-based layout — treat as a separate pass, not a stretched phone layout.