top of page
Overview
BRAINPOP
Experience design overhaul of global login and student registration
Role
Lead Product Designer
Team
1 Product Designer, 1 Product Manager, 3 QA Engineers, 1 UX Researcher, +5 Software Engineers
Platform
Desktop, Tablet, Mobile
I led the end-to-end redesign of our global login and student registration, reducing support tickets and driving growth in new logins and registrations.
↑43%
growth in initial logins
↓50%
reduction in login-related support tickets
PROBLEM SPACE
Our login flow had become outdated and difficult for kids to use
Students struggled
K-5 students couldn't log in or register autonomously. 90% needed adult support.
Teacher burden
Teachers were required to step in during class to help students log in.
High ticket volume
Support tickets were high due to login failures and registration confusion.
User Testing Insights
RESEARCH
User testing with our most vulnerable users
We tested the former login with K-5 students via UserZoom, having them complete tasks without parental support. Tasks included logging in, creating accounts, and entering class codes with our former experience.
90%
couldn't log in autonomously
6/8
needed adult support to create an account
All
needed simpler language and clearer steps
DISCOVERY
Journey Mapping
I created a journey map with my PM to outline areas of impact, tasks, and touchpoints across the login, enter code, and registration flows.
This helped define the shape of the work and our design strategy, surfacing where friction was highest and where we could intervene most effectively.
Sketching
To kickstart the design process, I sketched out ideas across the student and teacher login flows, allowing me to be generative in finding the optimal design solution to move over to hi-fi.
STRATEGY
Metrics for success
We outlined what success looked like to validate the new experience and guide design decisions.
1
Engagement
Increased baseline of weekly active users
2
Login Improvement
Decrease in login.failed across user types
3
Product Knowledge
Decrease in wrong product access errors
4
Proving progress
Increase in assignment completion in BrainPOP
Former Experience
BEFORE
Former Experience
A quick view of the former experience, with the entire login flow nested in modals and student registration.
Login
.png){kind=small}
Enter Code Flow
.png){kind=small}
Former Student Registration
.png){kind=small}
High Fidelity Designs
FINAL DESIGNS
The Solution
Student Login
1
Kid friendly language
2
Student specific login
.png)
3
Intentional class pathways
4
Maintaining visual consistency across code entry
.png)
.png)
4
Moments of joy
5
Intentional class pathways
.png)
.png)
Intentional Pathways
Educator Login
1
Adult tone for educators
2
Intentional product pathways
.png)
.png)
3
Admin dashboard paths
.png)
5
Consistent code entry
4
Direct pathway to selected product
.png)
FINAL DESIGNS
Student Registration Improvements
Student User Registration
1
Reducing cognitive overload
Broke the overwhelming single-page form into smaller focused steps.
3
Guidance to reduce errors
Popovers help remind students of key actions to support autonomous completion.
2
Enhancing Focus
Each step focused on one action to prevent overwhelm.
4
Sense of achievement
Celebratory confirmation page with micro-animation as a positive pre-onboarding moment.
Business Impact and Outcome
Business and User Outcomes
Login 2.0: What We Achieved
1. Initial logins by teachers and students grew by 43.3% YoY
.png)
2. Average initial logins per school for the school year are steadily increasing
3. Login-Related Support Tickets Reduced by 50% Compared to the Prior Year
2022
2023
bottom of page