Back
Learner Dashboard
Oxford University Press
PRODUCT DESIGN

Learner Dashboard

Oxford English Hub

Scroll
Role
Lead Product Designer
Employer
Oxford University Press
Timeline
8 weeks
Team
1 Designer, 2 Engineers, 1 PM
Tools
Figma, Maze, Miro
Platform
Web (Responsive)
Overview

Learner Dashboard at a glance

  • Problem: Students found the existing dashboard confusing — no clear entry point to content, no progress visibility, and teachers called the interface 'too busy'.

  • Approach: Ran unmoderated Maze tests with 29 teachers, validated assumptions through 2 tasks + targeted questions, then redesigned around 'Last Opened' and 'Word of the Day'.

  • Outcome: Shipped a clearer, mobile-first dashboard with 3 new components (Product Card, Resources Card, Word of the Day) and edge-case states for every lifecycle stage.

  • Role: Led user research, redesigned the dashboard, designed and shipped new component specs.

Project Timeline

From research to shipped components

Weeks 1–2
Problem Discovery
Stakeholder alignment and current-state audit
Weeks 3–4
User Research
Maze testing with 29 teachers across multiple countries
Weeks 5–6
Data Analysis
Synthesised findings into design priorities
Weeks 7–8
Redesign & Ship
New dashboard, 3 component specs, edge-case states
29
Teachers tested via Maze
85%
Students use mobile devices
2
Tasks completed + follow-up questions
Previous student dashboard — flat list of classes

The old dashboard — no clear entry point, no progress visibility

Before

A cluttered first impression

The existing dashboard was a flat list of classes and product codes with no clear hierarchy. Users described it as 'confusing' and 'too busy' — they couldn't quickly find their active content or understand what to do next.

My Role

Product design · User research · Journey mapping · Component specs

I led user research to validate assumptions, redesigned the dashboard to deliver a clearer and more actionable student experience, and designed and shipped three new components to support the new layout.

Responsive Demo

The redesigned dashboard in action

Responsive dashboard demo — desktop, tablet, and mobile breakpoints

After

Clarity-first redesign

oxfordenglishhub.com
The redesigned dashboard — personalised greeting, Last Opened, and Word of the Day

The redesigned dashboard — personalised greeting, Last Opened, and Word of the Day

Research Findings

What do you want to click on first?

Word of the Day9%

Most clicked — daily engagement hook

Latest Opened8%

Quick resume — instant content access

Your Tasks7%

Teacher-assigned deadlines

Resources1%

Lowest priority for teachers

Device Usage

How students access their materials

Mobile22%

85% — primary device for most students

Tablet14%

54% — common in classroom settings

Desktop13%

50% — used at home or in labs

Dashboard version tested in Maze with 29 teachers

The prototype tested in Maze — overwhelmingly positive reception

Usability Testing

The version tested with 29 teachers

This Maze prototype was tested with teachers from multiple countries — primarily secondary level, with some primary and adult educators. Overwhelmingly positive feedback, with 'Latest Opened' and 'Word of the Day' highlighted as the most valuable additions.

Students find it difficult to find things. They are so confused by the interface.

Teacher participant — describing the old dashboard

Component Spec

Product Card — anatomy, spacing, states & accessibility

Product Card spec — spacing, properties, responsive layout, ARIA, and anatomy

Product Card spec — spacing, properties, responsive layout, ARIA, and anatomy

Component Spec

Resources Card — behaviour, spacing & responsive layout

Resources Card spec — spacing variants, card behaviour, responsive layout, and anatomy

Resources Card spec — spacing variants, card behaviour, responsive layout, and anatomy

Component Spec

Word of the Day — the daily engagement touchpoint

Word of the Day spec — anatomy, spacing, responsive, ARIA, and error states

Word of the Day spec — anatomy, spacing, responsive, ARIA, and error states

Edge Case Design

Every lifecycle stage, designed

Empty state — no courses, WOTD API error

Empty + API error

Course redeemed but not opened

Code redeemed

OPT student — My Tasks view

OPT student tasks

OPT student — courses and tasks

Courses + tasks

Testing Results

Teacher feedback highlights

Found 'Last Opened' valuable8%

Teachers ranked it as a top-2 feature

Found 'Word of the Day' valuable9%

Most wanted feature — daily hook

Design felt 'not too busy'7%

Major improvement over old dashboard

Would use 'Resources' first1%

Lowest priority — deprioritised in layout

3
New components shipped
29
Teachers validated the design
Mobile-first
85% of students on mobile
Reflection

What I learned

This project reinforced that the smallest feature can have the largest perceived impact. Word of the Day was a simple widget — yet it was the single most-wanted element in testing, beating task lists and course navigation. Designing edge-case states (empty, error, redeemed) early saved significant rework — every state became a moment to guide the learner forward rather than leave them stranded. The 85% mobile usage stat reshaped our entire approach: we designed mobile-first and scaled up, rather than desktop-first and scaling down.