top of page
BRAINPOP GLOBAL LOGIN REDESIGN
Experience design overhaul of global login and student registration
Problem Space
Support tickets were piling up relating to confusion in our login and student registration experience
Solution
An experience design overhaul in our login and registration to reduce bugs and make the experience kid-friendly
Impact
43% increase in initial student & educator logins YoY and a 50% decrease in login and registration related support tickets
Overview
Overview
Team
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.
Myself (Product Designer)
1 Product Manager
3 QA Engineers
1 UX Researcher (Director of UXR)
+5 Software Engineers
Problem Space
Our login and student registration flow had become outdated and difficult for kids to use, leading to frequent bugs and a high volume of parent/teacher support tickets. We recognized that to help students enjoy the product, we first needed to make logging in seamless and kid-friendly.
Role
I led design strategy and execution, partnering with PMs, UXR, and engineers from ideation to launch. As a platform-wide project, it required close coordination across multiple design teams and domains.
Why did we do this?
Problems To Solve
1
2
3
Students (particularly K-5) found it confusing to log into our site and register. They found utilizing and applying a class code (shared by teachers) to create an individual account and join a class difficult to complete autonomously.
There was a sense of burden on teachers in the classroom to get students logged in.
There was a lack of product knowledge regarding the value and significance of each the products. Teachers could not remember which products they had access to, and the difference between them.
User Testing Insights
User Testing Insights
What we did
We tested our former login with our most vulnerable group of students (grades K-5). Via User Zoom and Zoom calls, we had students perform a few pre-designed tasks without parental support such as: logging in, creating a new account, and entering a class code to join a class with our former login. We outlined our findings in the chart below.
High-Level Findings
These findings helped inform and shape our design strategy as well as project scope. They narrowed down areas of focus and subsequent requirements.
90% of students tested could not log in autonomously
6 of 8 students looked to adults for support with creating a new account
All students demonstrated an increase in need for simplicity in text and language for kids
Discovery
Journey Mapping
I created a journey map, working with my PM to outline areas of impact, tasks, and touch points. We also outlined areas of opportunity for improvement in our current login, enter code flow, and information architecture. This would later further define our the shape of the work and the design strategy.
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.
Metrics for success
We outlined what success looked like for us after testing our former login and registration with users. This would help us validate the new experience and guide us towards achieving these metrics.
1
Engagement
2
Login Improvement
3
Product Knowledge
4
Proving progress against standards
Increased baseline of weekly active users
Decrease in 'login.failed' across user types
Decrease in wrong product access errors across user types
Increase in assignment completion in BrainPOP
Former Experience
Former Experience
A quick view of our former experience, with the entire login flow nested in modals.
Login
Enter Code Flow
.png){kind=small}
.png){kind=small}
High Fidelity Designs
The Solution
User Specific Login
I included a bifurcated student and educator login. We incorporated kid friendly language for easy user identification.
Clear Design
The redesign reduced cognitive load with improved readability, accessibility, and larger font sizes, while adding guidance for teachers who landed on the student login by mistake.
.png)
.png)
Scaffolding Steps
Post-login, students were directed to class-specific dashboards instead of the default homepage, boosting assignment completion and overall engagement.
Visual Design
The goal was to maintain consistency in the visual design across connected flows in the login experience.
.png)
.png)
Engaging Visuals
I included micro-interactions with BrainPOP character illustrations, making the login process more joyful and familiar for students.
Intentional Pathways
To drive engagement and task completion, students are now taken directly to their dashboard with assignments and class details upon login.
.png)
.png)
Student Registration Improvements
Reducing cognitive overload
I simplified registration by breaking it into smaller steps, replacing the overwhelming single-page form that confused younger users.
Guidance to reduce errors
Our goal was to boost account creation success and support autonomy by adding popovers that reminded students of key actions along the way.
Enhancing Focus
Each step focused on a single action, reducing confusion and preventing students from feeling overwhelmed.
Sense of Achievement
I designed a celebratory confirmation page with a micro-animation to reward successful account creation and create a positive pre-onboarding moment.
Educator Login Improvements
User specific login
The educator and family login was designed with a more adult tone, guiding users to the product experience most relevant to their needs.
Product selector
This page streamlines teacher decision-making by using visual product buttons, improving awareness of available products and guiding them directly to the right one.
.png)
.png)
Intentional pathway
Educators are now directed to their chosen product post-login, replacing the generic homepage with a more intentional pathway.
Consistency in related flows
I aligned the enter-code design with the login flow to maintain familiarity and reinforce a consistent experience.
.png)
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