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:

  1. Live Classes, Concepts and Video

  2. Testimonials

  3. Upgrade CTA

  4. 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

See Also