Protected Case Study

EduPath

Please enter the password to view this case study.

← Back to Portfolio
UX Case Study

One LMS. Four completely different jobs to be done.

Designing a role-based learning platform for 50,000+ students - where the hardest problem wasn't adding features, it was giving a student, a teacher, a coordinator, and an admin four different reasons to trust the same system.

Role
Design Lead, Senior UX Designer
Duration
8 months - in progress
Tools
Figma · Maze · After Effects
Scale
50,000+ students, 4 roles
What "what matters right now" means, by role ↓ explored throughout
Student
"What's actually due before tomorrow?"
Teacher
"What's been sitting in my queue the longest?"
Admin
"Is the platform healthy, institution-wide, right now?"
Context
The starting point

Most LMS platforms fail quietly. Nobody complains - they just route around it.

Teachers keep a personal spreadsheet because the gradebook is three clicks too deep. Students miss deadlines because "due" and "graded" sit in the same flat list with no visual difference between them. Admins build their own reports because the platform's reports answer questions nobody asked. EduPath started from the premise that this institution didn't need another LMS with more features - it needed one that understood a "dashboard" means something completely different depending on who's looking at it.

  • Navigation overwhelm One nested menu tries to serve course browsing, grading, and admin at once - regardless of who's logged in.
  • Unclear prioritization Due, overdue, and graded items look the same. Users have to read every row to find what's urgent.
  • Fragmented teacher workflow Content, grading, attendance, and messaging exist as disconnected modules, not a coherent daily flow.
  • Admin complexity Governance tasks use the same density as student screens, despite needing a different control surface entirely.
  • Role confusion The platform never structurally acknowledges that "what should I see" depends entirely on who's asking.
Student
Get through today's coursework without missing anything - across 5–6 concurrent courses.
Teacher
Run a class efficiently across content, grading, and communication without constant tool-switching.
Academic Coordinator
Spot problems before they escalate - at the class or department level, not the individual record level.
Admin
Govern the platform structurally - users, permissions, reporting - without reading every course's content.
01 - Research
Research, not a survey of opinions

Interviews ran across all four roles - looking for where daily use actually breaks, not first impressions.

The goal wasn't to validate a visual direction. It was to find out what each role checks first when they log in, where they've quietly built workarounds outside the platform, and how differently "urgent" is defined depending on whose desk you're sitting at.

Who
Students, teachers, coordinators, admins
Method
Semi-structured interviews
Focus
Real daily workflow, not onboarding
Looking for
Workarounds, mental models, missed signals
01
Navigation overwhelm comes from shared structure, not feature count
Teachers and admins didn't say "there's too much here" - they said they had to look through things meant for other people to find what they actually needed.
Design decision: replace the single shared nav shell with role-specific navigation sets - each role sees only their own job, not a filtered version of everyone's.
02
"Due" and "Overdue" need to look different, not just say different
Students missed deadlines not from lack of awareness, but because a due-soon item looked visually identical to something already submitted.
Design decision: a consistent semantic status system - overdue work is visually distinct by color and placement, not just a text label.
03
Teachers experience grading as a queue, not a list
The mental model wasn't "which assignments exist," it was "what's piling up and how old is it." Several teachers tracked submission age manually, outside the platform.
Design decision: the teacher dashboard leads with a grading queue, surfaced by pending count and age - not a flat assignment list.
04
Admin complexity is a density problem, not a feature problem
Admins didn't want fewer capabilities - they wanted high-stakes governance actions visually separated from everyday platform noise.
Design decision: admin screens use a flatter, calmer, table-driven density model - restraint as a usability requirement, not an aesthetic choice.
02 - Challenge
The question every decision had to answer
Core design challenge
How do you design one platform that genuinely serves four different jobs - at institutional scale - without fragmenting into four disconnected products, or flattening into one generic interface that serves no one well?
Avoid over-fragmentation
Four disconnected products would be expensive to build and maintain, and would break down entirely for users who hold more than one role.
Avoid over-flattening
One shared shell forces every role to mentally filter out what isn't theirs - exactly the navigation overwhelm the research surfaced.
The resolution
One consistent design system, expressed through role-specific structure - same components, deliberately different navigation and hierarchy per role.
03 - Structure
From insight to information architecture

Each role gets its own navigation - scoped to their actual job, not a filtered version of everyone's.

Rather than one navigation tree gated by permissions, the platform gives each role a structurally distinct set. The only thing held constant is the underlying logic: every dashboard, regardless of role, leads with "what needs attention today" before anything else.

The one pattern held constant: every dashboard opens with urgency-coded content before general browsing - a student's overdue work, a teacher's grading backlog, an admin's flagged departments. Same question, asked from four different altitudes.
04 - Brand mark
Path, not classroom

The mark needed to read as structured software, not K-12 edtech.

EduPath already names its own metaphor - a structured route through learning. No caps, no apples, no open books - those read as consumer edtech, not software serious enough to run 50,000 students' academic operations. The mark went through four rounds before landing on a direction that earned its place next to the product itself.

01
Sketching
02
Refinement
03
Integration
04
Final spec
EduPath logo design process - concept sketches exploring path-text integration and book-path monograms, typographic iteration testing serif stacks, integration onto a precision grid, and final dimensioned specification

Three directions were explored early: path-text integration (routing arrows through the letterforms), a book/path monogram combining "E" and "P," and typographic stacking with "Path" sitting beneath "Edu." The stacked direction won - it read cleanest at small sizes and didn't force the path metaphor so literally that it would look dated in two years. From there, the typographic stack went through a serif pass, a too-light sans-serif pass ("ModuPath" - kerning issues, lost the brand name's clarity), before settling into the selected stack and moving onto the precision grid.

Mark
A connected path of nodes and waypoints, rendered in Primary Navy and Accent Teal - paired with small academic-context icons (progress, people, content, communication) that stay subordinate to the path itself.
Wordmark
Two-weight, two-color treatment - "Edu" in Primary, "Path" in Teal - built on the same Libre Baskerville used for display type throughout the product, so the logo and the UI share one typographic voice.
Construction
Specced on a base-unit grid with defined clear space on all sides, so the lockup holds up consistently from a favicon down to a full wordmark.
Final lockup
EduPath final logo - connected waypoint mark in navy and teal, paired with the two-color EduPath wordmark and Learning Management System tagline
Construction spec
EduPath wordmark construction sheet showing base-unit proportions, front view, side view, and clear-space requirements

Construction reference for the wordmark - proportions, clear space, and minimum sizing, kept consistent with the product's own restraint: no flourish, no unnecessary ornamentation.

05 - Prototype
Seeing the structure, not just reading about it

The prototype below demonstrates the role-based model described above.

Switch roles using the pill control near the top of the frame - the dashboard content fully reconfigures while the underlying chrome and component language stay structurally consistent. This is the thesis statement made interactive.

edupath-prototype.html - interactive

This prototype demonstrates the core navigation and dashboard model across all three built roles (Student, Teacher, Admin). Try switching roles to see the attention-first pattern reconfigure itself per user. Some deeper screens are scoped for the next design phase - what's shown here is the structural backbone, not full feature coverage.

06 - System
One system, reused - never redesigned per role

Calm, structured, and readable across long sessions - never decorative for its own sake.

Every component - status badge, progress bar, attention card, data table - is designed once and reused across all four roles with different data. The semantic color palette is the hardest-working part of the system: it's the visual mechanism that makes overdue work look different from completed work, identically, whether you're a student or an admin.

Primary
#1E3A5F
Accent / Teal
#14B8A6
Success
#2E8B57
Warning
#D97706
Error
#DC2626
Info
#2563EB
Display - Libre Baskerville
Good morning, Maya.
UI - Inter
Carries navigation, tables, and body copy - chosen for legibility across long grading and reporting sessions.
Semantic status badges - same component, every role
Overdue Upcoming Submitted Graded
Progress - course completion, class engagement, department rates
Attention card - the urgency-coded unit at the top of every dashboard
14 submissions waiting - oldest is 2 days old
07 - Screens
Four screens, four different points proven

Each screen below demonstrates a different piece of the system holding up under real pressure.

Rather than a full inventory, these four were chosen because each one proves something specific the research surfaced - not just coverage for its own sake.

student / dashboard
Overdue - Lab Report 3 Organic Chemistry · Dr. Lin
Quiz 4 opens tomorrow, 9:00 AM Calculus II
New feedback received Calc HW3 graded - 92 / 100
Student · Dashboard
The first proof of "attention-first," before anything else loads
Solves: missed deadlines from flat, undifferentiated task lists.
Demonstrates: urgency signaling that stays calm rather than alarming - color used semantically, not aggressively.
teacher / dashboard
Problem Set 6 · Algebra II14 pending
Biology 101 - Period 464% engaged
3 students flagged at-risk Biology 101 - engagement drop
Teacher · Dashboard
The clearest insight-to-structure pairing in the whole project
Solves: grading backlog quietly growing without a teacher noticing.
Demonstrates: three data types (queue, class health, activity) on one screen, kept legible through restraint.
teacher / submission review queue
Problem Set 6 - Algebra II14 pending
Oldest: 2 days
Lab Report 3 - Biology 1019 pending
Oldest: 1 day
Submitted
14 / 28
Avg. turnaround
1.8d
Teacher · Submission Review Queue
Where grading inefficiency gets fixed at the structural level
Solves: time lost locating and triaging what to grade next.
Demonstrates: queue-to-detail navigation that preserves context without forcing a return to the dashboard.
admin / dashboard
Active students
50,214
Uptime
99.97%
6 pending approvals New course submissions awaiting review
Mathematics - completion69%
Admin · Dashboard
Proof that attention-first scales from a single task to institutional health
Solves: no single screen previously answered "is the platform healthy right now."
Demonstrates: institution-scale numbers compressed into a glanceable row without becoming a vanity metrics wall.
08 - Reflection
Where this stands, honestly

Naming what's unresolved is more credible than implying full coverage.

EduPath is a real, in-progress product - so this isn't framed as "shipped and measured." The role-based navigation model is designed to reduce the navigation overwhelm from Insight 1. The attention-first pattern is intended to reduce missed deadlines and delayed grading. The grading queue is designed to shorten the gap between submission and review. None of that is a claimed outcome yet - it's the design intent the research points toward.

Open questions
  • Coordinator IA is the least resolved piece The altitude problem is clearly identified - the navigation and screens for it aren't fully designed yet.
  • Mobile continuity layer is conceptual, not screened The principle (reminders, lightweight access) is set; execution is still ahead.
  • Cross-role overlap isn't fully solved A coordinator who also teaches doesn't fit cleanly into the current role-switcher model yet.
Next steps
  1. Complete coordinator-specific IA and screens, with the same insight-to-decision discipline.
  2. Design the mobile continuity experience as its own scoped phase.
  3. Usability-test the MVP role-switch journey with real users per role, via Maze.
  4. Resolve the multi-hat user case structurally, not just visually.