← Selected work

Learning

Leadership development dashboard

A personalized dashboard within Discovery, a leadership development platform, where leaders track their learning and see what to do next.

Final design · The dashboard brings progress, badges, and learning activities together.
My role
UX/UI designer and front-end developer
Tools
Figma, React, Bootstrap, Cline, Kiro, Claude Code
Year
2024
80% Task completion in usability testing, against a 65% target
4.33/5 Average satisfaction in usability testing
1,700+ Platform visits after launch in March 2025

Context and role

Discovery is a one-stop leadership development platform. It brings together learning paths, programs, toolkits, and resources that help leaders grow in their careers, from team managers to senior leadership. It supports about 8,000 leaders in a global Customer Service organization.

This case study covers the personalized dashboard I designed within it, where leaders track their own development.

For the dashboard, I led the user experience process end to end and owned the design direction. I defined the requirements through a concept assessment with the product manager and learning technologists, and scoped the design within system constraints so it stayed feasible and useful.

As an enterprise tool used across the organization, it had to meet accessibility requirements, and I accounted for accessibility throughout the design.

Final design · The Discovery home page, where leaders find learning paths, programs, and toolkits.
Role
User experience and user interface designer, with additional responsibility as front-end developer
Collaborated with
Product manager, learning technologists
Year
2024

Responsibilities

  • Defined requirements through a concept assessment
  • Owned the UX and design direction end to end
  • Designed the dashboard, from wireframes to a working prototype
  • Planned and ran usability testing with 8 participants
  • Presented the prototype to leadership
  • Built the front end in React and Bootstrap
  • Created product design standards for the handoff to engineering
  • Designed for accessibility, in line with enterprise requirements

The brief

One place for a leader’s whole development picture.

The challenge

Design a personalized dashboard that brings all of a leader’s development into one place, so they can track it without switching between systems.

Problem statement

How can leaders see all their development in one place, account for the hours they spend on it, and know what to explore next?

Goal

Give about 8,000 leaders a single view of their progress and development hours, with recommendations tailored to them, so the next step is always clear.

Discover

Development happened in too many places.

Leadership development happened in many places: learning paths, individual programs, practical applications, toolkits, events, and classroom sessions.

Learning paths were connected to a separate learning management system (LMS), so leaders had to go there to check their progress. Events and classroom sessions were hard to keep track of individually. Leaders had no easy way to see where their career development hours were going.

Pain points

Scattered activity. Each type of activity had to be tracked on its own.

Progress in another system. Learning-path progress lived in the LMS, so leaders had to leave the website to check it.

No view of their hours. Leaders couldn’t easily see or account for the time they spent on career development.

No clear next step. It was hard to tell what was done, what was in progress, and what to explore next.

“It’s a good platform, but it’s getting difficult to track progress from the LMS and then back to the Discovery website.”

A leader, during research

Testing

From concept to a working prototype.

  1. DefineConcept assessment

    I set the requirements with the product manager and learning technologists, and scoped them within system constraints.

  2. DesignWireframes to prototype

    I moved from wireframes to a working prototype.

  3. TestUsability testing

    I planned and ran a round of usability testing with 8 participants, and documented the findings.

  4. IterateRefined designs

    I used the findings to refine the design over several iterations.

  5. PresentLeadership review

    I presented the prototype to leadership before launch, which helped prioritize the final changes.

  6. BuildFront end

    I built the front end in React and Bootstrap.

What testing showed

They needed one place to track everything the team offers.

A single dashboard that brings everything into one place.

They wanted to see where their progress stood.

In Progress and Completed views, with a direct Resume action.

They wanted leadership development tools recommended based on what they had completed.

A Recommendations view of tailored development opportunities.

I also created product design standards to make the handoff between design and engineering clearer and more consistent, and documented the usability findings to guide conversations with stakeholders across design, product, and technology.

What I changed

To boost engagement, I proposed adding badges and a leaderboard, drawing on a team workshop I ran on Duolingo’s gamification.

Both were outside the learning technologists’ scope. I focused the proposal on badges and paired it with a simple governance mechanism for awarding them, which made the case for including them.

Key features

Three views that answer three questions.

Where do I stand? What am I in the middle of? What should I explore next? I designed each part of the dashboard to answer one of them.

Key feature 1

Progress overview

Where a leader stands, at a glance.

  • Leadership programs, practical applications, learning paths, and toolkits counted in one place
  • Development hours in view, so leaders can account for the time they spend
  • Monthly completions charted in hours
  • A badge for the leader’s progress
Final design · Progress cards and a monthly completions chart, measured in hours.
Key feature 2

In Progress and Completed

Connect progress to a next step.

  • Learning-path context for every activity
  • Activity title and estimated duration
  • A direct Resume action
Final design · In Progress, Completed, and Recommendation views, with a Resume action on each activity.
Key feature 3

Recommendations

Make optional learning feel optional.

  • Development opportunities tailored to the leader’s job level
  • Supporting text that describes them as optional, not mandatory parts of a learning path
  • A simple personalized framework for launch, designed with a learning technologist and built to improve as the platform grows

Solution

Responsibility beyond the mockup.

I built the front end myself using React and Bootstrap, working with Figma and AI coding tools (Cline, Kiro, and Claude Code). The build covered responsive behavior, accessibility requirements, and consistency with the existing website.

The AI coding tools are what let me build the dashboard front end myself, alongside the design work.

The dashboard used modular components, so new sections could be added without redesigning the whole page.

Built in React and Bootstrap · The full dashboard, from the progress summary to learning activities.

Outcome

Validated before launch, adopted after it.

In usability testing with 8 participants, 80% completed their tasks, beating the 65% target, and average satisfaction was 4.33/5.

After launch in March 2025, the platform recorded 1,700+ visits.

Testing results describe performance in the study, and visits show adoption. Adoption and completion data after launch showed an increase in both.

Reflection

Takeaways

  1. Not every piece of feedback leads to a decision.

    Some user feedback pointed in very different directions, with no consensus to act on. In those cases, I moved the features to the next version rather than force a call.

  2. With more time, more research.

    Additional user tests and interviews would have helped, especially where feedback was split.

What this project shows

This project brought together my UX practice and front-end development skills. I helped define the experience, evaluated it with users, and carried the design into working software. I shared what I learned through documentation and team discussions to inform future dashboard work.