Designing Joyful Learning Experiences for Students and Teachers
Ed-tech | gamification | competitor research
Designing Joyful Learning Experiences for Students and Teachers
Ed-tech | gamification | competitor research
Designing Joyful Learning Experiences for Students
and Teachers
Ed-tech | gamification | competitor research
Start reading the case study
BACKGROUND
BACKGROUND
More than 3.2 Million People use Toppr Daily
More than 3.2 Million People use Toppr Daily
More than 3.2 Million People use Toppr Daily
As one of the biggest startups in the edutech domain, it is crucial that experience across all the products is consistent and joyful.
As one of the biggest startups in the edutech domain, it is crucial that experience across all the products is consistent and joyful.
OVERVIEW
OVERVIEW
Designing joyful experiences for students, teachers and parents that use Toppr daily
Designing joyful experiences for students, teachers and parents that use Toppr daily
Designing joyful experiences for students, teachers and parents that use Toppr daily
As part of the internship I worked across the board to improve the experience of Toppr products, namely- Toppr Plus Paywall, Toppr Learning App, School OS, Competitive Analysis, Logo Family & more.
I also lead the design for Toppr Ambassador. A soon to be
launched product part of Toppr Community.
As part of the internship I worked across the board to improve the experience of Toppr products, namely- Toppr Plus Paywall, Toppr Learning App, School OS, Competitive Analysis, Logo Family & more.
I also lead the design for Toppr Ambassador. A soon to Be launched product part of Toppr Community.
TOPPR PLUS PAYWALL
TOPPR PLUS PAYWALL
Making the upgrading process more concise and purposeful
Making the upgrading process more concise and purposeful
Making the upgrading process more concise and purposeful
Exploring what works
Exploring what works
Exploring what works
Presenting the core USPs of the Toppr Plus with the right Information Architecture. The core USPs of the paywall are the following:
Presenting the core USPs of the Toppr Plus with the right Information Architecture. The core USPs of the paywall are the following:
Presenting the core USPs of the Toppr Plus with the right Information Architecture. The core USPs of the paywall are the following:
Live Classes, Concepts and Video
Testimonials
Upgrade CTA
Talk to to expert CTA
Context specific cases
Context specific cases
Context specific cases
These screens are used when a used tries to access any of the premium features within the app as an unpaid user.
These screens are used when a used tries to access any of the premium features within the app as an unpaid user.
These screens are used when a used tries to access any of the premium features within the app as an unpaid user.
TOPPR PLUS PAYWALL
TOPPR PLUS PAYWALL
Making the practice tool more fun
Making the practice tool more fun
Making the practice tool more fun
The practice tool is used by students from classes 6th to 12th, the main objective was to make the process of learning fun and the end goal being that students practice more on Toppr
The practice tool is used by students from classes 6th to 12th, the main objective was to make the process of learning fun and the end goal being that students practice more on Toppr
The practice tool is used by students from classes 6th to 12th, the main objective was to make the process of learning fun and the end goal being that students practice more on Toppr
Positive & Negative Nudges
Positive & Negative Nudges
Positive & Negative Nudges
We designed a set of nudges and animations to motivate students to keep practicing.
We designed a set of nudges and animations to motivate students to keep practicing.
We designed a set of nudges and animations to motivate students to keep practicing.
Success Animations
Success Animations
Success Animations
We designed a set of success animations that nudge the user to keep using the practice tool. We developed nudge messages that work across all the different cases of the practice tool.
We designed a set of success animations that nudge the user to keep using the practice tool. We developed nudge messages that work across all the different cases of the practice tool.
We designed a set of success animations that nudge the user to keep using the practice tool. We developed nudge messages that work across all the different cases of the practice tool.



The Gamification Flow
The Gamification Flow
The Gamification Flow
Designing the nudges was the first step in making the practice tool better, daily challenges was one more proposed addition.
SCHOOL OS
SCHOOL OS
Designing a timetable for Students and Teachers that use it daily
Designing a timetable for Students and Teachers that use it daily
Designing a timetable for Students and Teachers that use it daily
Existing Design
Existing Design
Existing Design
Current design for the timetable was a bootstrapped version and lacked the key design elements and principles.
Current design for the timetable was a bootstrapped version and lacked the key design elements and principles.
Current design for the timetable was a bootstrapped version and lacked the key design elements and principles.
Explorations
Explorations
Explorations
Explorations included, playing aronud with the layout, individual tile design and colors.
Weekly View
Weekly View
Weekly View
The final mockup for timetable had a weekly view and a more focused daily view.
The final mockup for timetable had a weekly view and a more focused daily view.
The final mockup for timetable had a weekly view and a more focused daily view.
Daily View
Daily View
Daily View
The daily view was introduced to give students an overview of the things they should accomplish.
The daily view was introduced to give students an overview of the things they should accomplish.
The daily view was introduced to give students an overview of the things they should accomplish.
COMPETITIVE ANALYSIS
COMPETITIVE ANALYSIS
Competitive Analysis for Toppr
Competitive Analysis for Toppr
Competitive Analysis for Toppr
The competitive analysis included the major players in the ed-tech domain- Byju, Unacademy, etc. The objective was to analyse the login flows and understand what works
The competitive analysis included the major players in the ed-tech domain- Byju, Unacademy, etc. The objective was to analyse the login flows and understand what works
The competitive analysis included the major players in the ed-tech domain- Byju, Unacademy, etc. The objective was to analyse the login flows and understand what works
Conversation History & Analysis
Conversation History & Analysis
Conversation History & Analysis
As part of the competitor analysis, we wanted to map out how are competitors communicate and understanding the key-point that differentiates a successful conversion from a failed one.
As part of the competitor analysis, we wanted to map out how are competitors communicate and understanding the key-point that differentiates a successful conversion from a failed one.
As part of the competitor analysis, we wanted to map out how are competitors communicate and understanding the key-point that differentiates a successful conversion from a failed one.
LOGO FAMILY REDESIGN
LOGO FAMILY REDESIGN
Toppr has Various Product in its
Arsenal, I Worked Towards Designing a Consistent Logo Family
Toppr has Various Product in its Arsenal, I Worked Towards Designing a Consistent Logo Family
Toppr has Various Product in its
Arsenal, I Worked Towards Designing a Consistent Logo Family
The Brief
The Brief
The Brief
To make a scalable family of logos that fit within the Toppr ecosystem, There are some logos that already exists.
To make a scalable family of logos that fit within the Toppr ecosystem, There are some logos that already exists.
To make a scalable family of logos that fit within the Toppr ecosystem, There are some logos that already exists.
Explorations (Logo Style)
Explorations (Logo Style)
Explorations (Logo Style)
This was the initial exploration targeted towards consolidating on a fixed style for the entire family.
This was the initial exploration targeted towards consolidating on a fixed style for the entire family.
This was the initial exploration targeted towards consolidating on a fixed style for the entire family.
Explorations (Logo Family)
Explorations (Logo Family)
Explorations (Logo Family)
This exploration forced on the recognisability of the family as a set and as individual logos.
The Logo Family
The Logo Family
The Logo Family
The final logo family are based on the toppr plus logo, and used for the individual apps that are in the pipeline right now.
TOPPR AMBASSADOR
TOPPR AMBASSADOR
Leading Design for the Newly Introduced Toppr Ambassador Program
Leading Design for the Newly Introduced Toppr Ambassador Program
Leading Design for the Newly Introduced Toppr Ambassador Program
The Brief
The Brief
The Brief
Ambassador re-launch required thinking from scratch both for the full-fledged product and MVP for initial launch.
Ambassador re-launch required thinking from scratch both for the full-fledged product and MVP for initial launch.
Ambassador re-launch required thinking from scratch both for the full-fledged product and MVP for initial launch.
Homepage
Homepage
Homepage
Learning Center
Learning Center
Learning Center
Lead Manager
Lead Manager
Lead Manager
Earnings
Earnings
Earnings
Zero States
Zero States
Zero States
Thank You for Reading
Thank You for Reading
Thank You for Reading
Write to me at agamagar117@gmail.com
Write to me at agamagar117@gmail.com
Write to me at agamagar117@gmail.com
See Also
See Also