BrightChamps — K-12 EdTech

Student Dashboard

One dashboard for demo and paid students — a Global Feed for what's happening, a Personal Feed for what's theirs, Learn for courses, Nano Skills for upskilling, and Rewards for the points that keep them coming back.

Dashboard RedesignDesign SystemHeat-map ResearchK-12
58%
Course completion rate, up from 35%
102.76
Visits per user on Home, up from 92.7
1.79
Visits per user on Class Summary, up from 1.44
3.4×
Rewards engagement, up from 0.34 to 1.17 visits/user
Category
LTV — Customer Experience
My Role
Lead UX Designer
Team
1 PM, 2 UX, 3 Eng, 1 QA
Timeline
40 weeks
Platform
Web, iOS, Android
02 — The Problem

Why we were doing it

The dashboard had grown one feature at a time, and it showed. There was no shared design language across screens, so students kept relearning the interface instead of using it. Too much competed for attention at once, which made it hard to tell what actually needed action. And critical error messages looked exactly like routine notifications, so students scrolled right past the ones that mattered.

None of this was one bad screen. It was the absence of a system — no priority, no hierarchy, no consistent way to manage what the dashboard was asking of a student on any given day.

"If every message looks urgent, the student learns to ignore all of them."

No shared language
Every section of the dashboard behaved like its own product.
Everything competes
Dense, unstructured screens made essentials hard to find.
Errors look routine
Critical messages were visually identical to everyday notifications.
No sense of priority
Nothing on screen told a student what mattered most, today.
03 — Who We Designed For

One dashboard, two very different students

A demo student and a paying student land on the same platform with completely different stakes. The dashboard had to work for both without becoming two dashboards.

DS
Demo Student
Grade 4–8 · Trial period
Goals

See what BrightChamps actually feels like before asking parents to pay.

Frustrations

Couldn't tell which features were locked until they clicked into them.

"Why does this look exactly like the paid version if half of it isn't mine?"

PS
Paid Student
Grade 4–8 · Active subscriber
Goals

Keep momentum across Coding, Robotics, and Financial Literacy without losing track.

Frustrations

Home screen was so dense it was hard to tell what needed attention today.

"I just want to know: what's next for me right now?"

YL
Younger learner
Ages 6–9

Needs large, visual, low-text navigation — reads slower, relies on icons and color more than labels.

OL
Older learner
Ages 13–16

Wants autonomy — streaks, rank, and course history — and has little patience for hand-holding UI built for younger siblings.

Create a free website with Framer, the website builder loved by startups, designers and agencies.