Think and Learn Private Limited

Aakash Byju’s : Experience Overhaul

A learning portal redesign to enhance discovery, engagement, and adoption across core features like live classes, homework, and exam prep creating a more focused, robust learning experience.

Web Application

India

Aakash+Byju’s Products Limited

The design process was data-led and purpose-driven:
Homework and Live Tests were given prime homepage placement to address low engagement
Progress indicators and clear CTAs guided students from start to finish
Related tools were grouped to reduce visual clutter and cognitive load
Micro-interactions added instant feedback, encouraging quick re-engagement
Built a modular, reusable design system to allow rapid iteration without disrupting the experience

By targeting previously underperforming sections, we turned them into high-engagement anchors of the platform.

DESIGN

BRIEF

When I led the redesign of the Aakash Byju’s Learning Portal, across its homepage and Test Space for both web and mobile, the challenge went far beyond visual refinement. It was about restructuring the entire learning journey.

Students needed faster access to core modules, intuitive navigation across devices, and a smoother flow through the learning experience. My goal was a service design transformation, aligning every user touch point and unifying workflows into one cohesive, high-performance platform.

After the redesign and relaunch, the results were clear:

49% increase in homework adoption (8% → 12%)
58% increase in live test adoption (15% → 30%)
50% increase in platform stickiness — students returning more often to complete learning activities
5× decrease in “how-to” queries
Noticeable reduction in outbound support calls, easing pressure on help teams

DISCOVER

I started with a straightforward question: Why weren’t students engaging as much as they could?

With limited internal research resources, I took charge of discovery and insight gathering:

Conducted quick interviews with mothers and students to identify key pain points.
Analyzed usage analytics, student feedback, and behavioral data.
Found that while 80–90% of students logged in, most struggled to locate their classrooms.
Noted that Homework and Live Test modules were hidden in plain sight during crucial points of the journey.
Discovered inconsistent navigation between desktop and mobile platforms.
Identified the absence of a student journey map, making it difficult to pinpoint drop-offs.

These findings became the foundation for a redesign strategy that addressed not only the product interface, but the service workflows and operational alignment that supported it.

CHALLENGE

The platform was packed with useful tools but lacked structure, focus, and intuitive pathways. Engagement was inconsistent, and students were dropping off mid-journey.

I needed to:

Boost Homework and Live Test adoption by making them visible, accessible, and relevant.
Increase stickiness through habit-forming flows and re-engagement triggers.
Reduce confusion with a clear hierarchy, consistent layouts, and simplified navigation.
Resolve technical blockers affecting the Prepare & Analysis section and Test Space.
Address core usability and service issues through a unified service design framework that would reduce support dependency and outbound calls.

This wasn’t just a UI exercise, it was a complete service overhaul that required tight coordination across design, product, and engineering teams.

DEFINE

From research insights and stakeholder discussions, I set precise design objectives:

Elevate Homework and Live Test modules across devices and touch points.
Improve completion rates with guided, intuitive interaction flows.
Increase repeat engagement through visible progress and timely feedback.
Build a scalable design system that could evolve with the product’s future roadmap.

To ground these goals, I created a comprehensive service design map, a full journey blueprint from login to test completion. This became the foundation for all design decisions, helping reduce drop-offs, improve visibility, and create seamless transitions between modules.

WIREFRAME

The wireframing phase focused on structure before visual design:

Developed low-fidelity wireframes mapping module placement and navigational flow.
Tested multiple layout variations for key actions like homework submission and test taking.
Used stakeholder feedback to ensure alignment with service workflows and technical feasibility.

The process was iterative and collaborative, enabling fast validation and refinements.

DESIGN

The design phase was data-led and purpose-driven:

Gave Homework and Live Tests prime homepage visibility to address adoption gaps.
Integrated progress indicators and clear CTAs to guide users from start to finish.
Grouped related tools for better visual clarity and reduced cognitive load.
Used micro-interactions to provide instant feedback and encourage re-engagement.
Created a modular, reusable design system allowing rapid iteration without breaking continuity.

By redesigning underperforming sections with measurable intent, I turned them into high-engagement anchors within the platform.

Typeface

Selected a clean, modern, and highly legible typeface optimized for dense academic content. The hierarchy ensures that deadlines, progress indicators, and key actions stand out, creating structure without visual noise.

Manrope

Light

Aa

Regular

Aa

Medium

Aa

SemiBold

Aa

Bold

Aa

ExtraBold

Aa

D-Web

Heading

Size: 20px
Line Height: 28

Medium

SemiBold

Bold

Section Heading

Size: 18px
Line Height: 26

Medium

SemiBold

Bold

Sub heading

Size: 16px
Line Height: 24

Regular

Medium

SemiBold

Body

Size: 14px
Line Height: 22

Regular

Medium

SemiBold

Title

Size: 14px
Line Height: 22

Regular

Medium

SemiBold

Bold

Button / Tabs

D-Web Button

Primary

20px

8px

4px

44px

4px

20px

14px

4px

Color Palette

The refined color palette reflected Aakash’s brand maturity, lower saturation, higher contrast, and carefully placed accent tones to guide attention and improve focus.

Primary

This colour should be displayed most frequently and be used for important action

#2759CD

Accent 1

This colour should be applied sparingly to highlight information

#00E8E6

Accent 2

This colour should be applied sparingly to highlight information

#BDD1FF

Success

This colour should be used to show positive feedback or status

#4AC56A

Warning

This colour should be used to show warning feedback or status

#FFD12E

Error

This colour should be used to show negative feedback or status

#FF6565

Progress

This colour should be used to show Progressing feedback or status

#FC973B

Iconography & Illustration

Designed a minimal, functional icon set for instant recognition of sections and actions. Custom illustrations were used sparingly in onboarding and empty states to add clarity without distraction.

Delivery

Final deliverables included:

A responsive Figma design system with reusable, scalable components.
A comprehensive component library covering light/dark modes, typography, color, and UI patterns.
Accessibility guidelines to ensure an inclusive experience across devices.
Embedded feedback loops to capture user insights post-launch.
Service workflow documentation to help product and engineering implement with consistency and efficiency.

Conclusion

The Aakash Byju’s redesign was the result of deep analysis, precise execution, and disciplined service design.

By mapping the entire student journey, resolving structural gaps, and elevating underperforming sections, I created an experience that was easier to navigate, more engaging to use, and significantly more effective in driving learning outcomes.

After rollout:

Homework adoption rose by 49%
Live test adoption rose by 58%
Platform stickiness increased by 50%
“How-to” queries dropped 5×
Outbound support calls decreased significantly

This was more than a redesign, it was a service-led transformation that reshaped how students interacted with the Aakash ecosystem, driving measurable results and setting the foundation for long-term growth.

Thinking of design?

Let’s craft brilliance

together!

Get In Touch

DESIGN

We began with a simple but critical question: Why aren’t students engaging as much as they could?
With no dedicated research team, we became the researchers:
Conducted quick interviews and “Mom Tests” with students to surface pain points
Analysed usage analytics, student feedback, and user flow data
Observed that 80–90% of students logged in but struggled to reach their classes
Found Homework and Live Test modules hidden in plain sight at critical user touch points
Identified inconsistent navigation between desktop and mobile
Discovered there was no journey map to visualise the end-to-end student experience, making it difficult to track and address drop-offs

These findings laid the groundwork for a redesign strategy that addressed both product interface and service workflows.

CHALLENGE

The platform was packed with valuable tools but lacked structure, focus, and intuitive pathways. Students weren’t completing key actions, and engagement was uneven.

We had to:
Boost Homework and Live Test adoption by making them visible, accessible, and rewarding
Increase stickiness by designing habit-forming flows and re-engagement triggers
Reduce confusion with a clear hierarchy, consistent layouts, and simplified navigation
Resolve technical blockers limiting the “Prepare & Analysis” section in the Test Space
Address the absence of a service design framework and align all user touch points to reduce outbound calls and support queries

This was not just a UI refresh — it was a full-service design overhaul requiring deep coordination between design, product, and engineering.

DEFINE

From the research, we set clear objectives:
Elevate Homework and Live Test modules across all devices and touch points
Improve completion rates through guided, intuitive interaction flows
Boost repeat engagement with visible progress and timely feedback loops
Build a scalable design system that would evolve with the product

To support these goals, we created a comprehensive service design map — plotting the entire student journey from login to task completion. This became the master blueprint for reducing drop-offs, improving visibility, and ensuring seamless transitions between touch points.

WIREFRAME

We worked quickly, iterating on structure before committing to visuals:
Low-fidelity wireframes mapped new module placements and flows
Multiple layout variations tested for priority actions like homework submission and test preparation
Stakeholder reviews ensured alignment with service workflows and technical feasibility

DESIGN

Think and Learn Private Limited

Aakash Byju’s :
Re designed

A complete overhaul of the Aakash learning portal to improve feature discoverability, match user maturity, and drive deeper engagement across live classes, tests, and exam prep modules.

Aakash+Byju’s Products Limited

India

Web Application

BRIEF

When I led the redesign of the Aakash Byju’s Learning Portal, across its homepage and Test Space for both web and mobile, the challenge went far beyond visual refinement. It was about restructuring the entire learning journey.

Students needed faster access to core modules, intuitive navigation across devices, and a smoother flow through the learning experience. My goal was a service design transformation, aligning every user touch point and unifying workflows into one cohesive, high-performance platform.
After the redesign and relaunch, the results were clear:

49% increase in homework adoption (8% → 12%)
58% increase in live test adoption (15% → 30%)
50% increase in platform stickiness — students returning more often to complete learning activities.
5 x decrease in “how-to” queries.
Noticeable reduction in outbound support calls, easing pressure on help teams.

DISCOVER

I started with a straightforward question: Why weren’t students engaging as much as they could?

With limited internal research resources, I took charge of discovery and insight gathering:

Conducted quick interviews with mothers and students to identify key pain points.
Analyzed usage analytics, student feedback, and behavioral data.
Found that while 80–90% of students logged in, most struggled to locate their classrooms.
Noted that Homework and Live Test modules were hidden in plain sight during crucial points of the journey.
Discovered inconsistent navigation between desktop and mobile platforms.
Identified the absence of a student journey map, making it difficult to pinpoint drop-offs.

These findings became the foundation for a redesign strategy that addressed not only the product interface, but the service workflows and operational alignment that supported it.

CHALLENGE

The platform was packed with useful tools but lacked structure, focus, and intuitive pathways. Engagement was inconsistent, and students were dropping off mid-journey.

I needed to:

Boost Homework and Live Test adoption by making them visible, accessible, and relevant.
Increase stickiness through habit-forming flows and re-engagement triggers.
Reduce confusion with a clear hierarchy, consistent layouts, and simplified navigation.
Resolve technical blockers affecting the Prepare & Analysis section and Test Space.
Address core usability and service issues through a unified service design framework that would reduce support dependency and outbound calls.

This wasn’t just a UI exercise, it was a complete service overhaul that required tight coordination across design, product, and engineering teams.

DEFINE

From research insights and stakeholder discussions, I set precise design objectives:

Elevate Homework and Live Test modules across devices and touch points.
Improve completion rates with guided, intuitive interaction flows.
Increase repeat engagement through visible progress and timely feedback.
Build a scalable design system that could evolve with the product’s future roadmap.

To ground these goals, I created a comprehensive service design map, a full journey blueprint from login to test completion. This became the foundation for all design decisions, helping reduce drop-offs, improve visibility, and create seamless transitions between modules.

WIREFRAME

The wireframing phase focused on structure before visual design:

Developed low-fidelity wireframes mapping module placement and navigational flow.
Tested multiple layout variations for key actions like homework submission and test taking.
Used stakeholder feedback to ensure alignment with service workflows and technical feasibility.

The process was iterative and collaborative, enabling fast validation and refinements.

DESIGN

The design phase was data-led and purpose-driven:

Gave Homework and Live Tests prime homepage visibility to address adoption gaps.
Integrated progress indicators and clear CTAs to guide users from start to finish.
Grouped related tools for better visual clarity and reduced cognitive load.
Used micro-interactions to provide instant feedback and encourage re-engagement.
Created a modular, reusable design system allowing rapid iteration without breaking continuity.

By redesigning underperforming sections with measurable intent, I turned them into high-engagement anchors within the platform.

Typeface

Selected a clean, modern, and highly legible typeface optimized for dense academic content. The hierarchy ensures that deadlines, progress indicators, and key actions stand out, creating structure without visual noise.

Manrope

Light

Aa

Regular

Aa

Medium

Aa

SemiBold

Aa

Bold

Aa

ExtraBold

Aa

D-Web

Heading

Size: 20px
Line Height: 28

Medium

SemiBold

Bold

Section Heading

Size: 18px
Line Height: 26

Medium

SemiBold

Bold

Sub heading

Size: 16px
Line Height: 24

Regular

Medium

SemiBold

Body

Size: 14px
Line Height: 22

Regular

Medium

SemiBold

Title

Size: 14px
Line Height: 22

Regular

Medium

SemiBold

Bold

Button / Tabs

D-Web Button

Primary

20px

8px

4px

44px

4px

20px

14px

4px

Color palette

The refined color palette reflected Aakash’s brand maturity, lower saturation, higher contrast, and carefully placed accent tones to guide attention and improve focus.

Primary

This colour should be displayed most frequently and be used for important action

#2759CD

Accent 1

This colour should be applied sparingly to highlight information

#00E8E6

Accent 2

This colour should be applied sparingly to highlight information

#BDD1FF

Success

This colour should be used to show positive feedback or status

#4AC56A

Warning

This colour should be used to show warning feedback or status

#FFD12E

Error

This colour should be used to show negative feedback or status

#FF6565

Progress

This colour should be used to show Progressing feedback or status

#FC973B

Iconography & Illustration

Designed a minimal, functional icon set for instant recognition of sections and actions. Custom illustrations were used sparingly in onboarding and empty states to add clarity without distraction.

Delivery

Final deliverables included:

A responsive Figma design system with reusable, scalable components.
A comprehensive component library covering light/dark modes, typography, color, and UI patterns.
Accessibility guidelines to ensure an inclusive experience across devices.
Embedded feedback loops to capture user insights post-launch.
Service workflow documentation to help product and engineering implement with consistency and efficiency.

Conclusion

The Aakash Byju’s redesign was the result of deep analysis, precise execution, and disciplined service design.

By mapping the entire student journey, resolving structural gaps, and elevating underperforming sections, I created an experience that was easier to navigate, more engaging to use, and significantly more effective in driving learning outcomes.

After rollout:

Homework adoption rose by 49%
Live test adoption rose by 58%
Platform stickiness increased by 50%
“How-to” queries dropped 5×
Outbound support calls decreased significantly

This was more than a redesign, it was a service-led transformation that reshaped how students interacted with the Aakash ecosystem, driving measurable results and setting the foundation for long-term growth.

Get In Touch

Let’s design the future together!

Aakash Byju’s : Experience Overhaul

A learning portal redesign to enhance discovery, engagement, and adoption across core features like live classes, homework, and exam prep creating a more focused, robust learning experience.

Typeface

Manrope

Aa

Aa

Aa

Aa

Aa

Aa

D-Web

Button / Tabs

D-Web Button

Primary

Color Palette

Iconography & Illustration

Delivery

Conclusion

Thinking of design?

Let’s craft brilliance

together!

Think and Learn Private Limited

Aakash Byju’s : Re designed

A complete overhaul of the Aakash learning portal to improve feature discoverability, match user maturity, and drive deeper engagement across live classes, tests, and exam prep modules.

Aakash+Byju’s Products Limited

India

Web Application

BRIEF

49% increase in homework adoption (8% → 12%)

58% increase in live test adoption (15% → 30%)

50% increase in platform stickiness — students returning more often to complete learning activities.

5 x decrease in “how-to” queries.

Noticeable reduction in outbound support calls, easing pressure on help teams.

DISCOVER

I started with a straightforward question: Why weren’t students engaging as much as they could? ​ With limited internal research resources, I took charge of discovery and insight gathering: ​

Conducted quick interviews with mothers and students to identify key pain points.

Analyzed usage analytics, student feedback, and behavioral data.

Found that while 80–90% of students logged in, most struggled to locate their classrooms.

Noted that Homework and Live Test modules were hidden in plain sight during crucial points of the journey.

Discovered inconsistent navigation between desktop and mobile platforms.

Identified the absence of a student journey map, making it difficult to pinpoint drop-offs.

​ These findings became the foundation for a redesign strategy that addressed not only the product interface, but the service workflows and operational alignment that supported it.

CHALLENGE

The platform was packed with useful tools but lacked structure, focus, and intuitive pathways. Engagement was inconsistent, and students were dropping off mid-journey. ​ I needed to:

Boost Homework and Live Test adoption by making them visible, accessible, and relevant.

Increase stickiness through habit-forming flows and re-engagement triggers.

Reduce confusion with a clear hierarchy, consistent layouts, and simplified navigation.

Resolve technical blockers affecting the Prepare & Analysis section and Test Space.

Address core usability and service issues through a unified service design framework that would reduce support dependency and outbound calls.

​ This wasn’t just a UI exercise, it was a complete service overhaul that required tight coordination across design, product, and engineering teams.

DEFINE

From research insights and stakeholder discussions, I set precise design objectives: ​

Elevate Homework and Live Test modules across devices and touch points.

Improve completion rates with guided, intuitive interaction flows.

Increase repeat engagement through visible progress and timely feedback.

Build a scalable design system that could evolve with the product’s future roadmap.

​ To ground these goals, I created a comprehensive service design map, a full journey blueprint from login to test completion. This became the foundation for all design decisions, helping reduce drop-offs, improve visibility, and create seamless transitions between modules.

WIREFRAME

The wireframing phase focused on structure before visual design: ​

Developed low-fidelity wireframes mapping module placement and navigational flow.

Tested multiple layout variations for key actions like homework submission and test taking.

Used stakeholder feedback to ensure alignment with service workflows and technical feasibility.

​ The process was iterative and collaborative, enabling fast validation and refinements.

DESIGN

The design phase was data-led and purpose-driven: ​

Gave Homework and Live Tests prime homepage visibility to address adoption gaps.

Integrated progress indicators and clear CTAs to guide users from start to finish.

Grouped related tools for better visual clarity and reduced cognitive load.

Used micro-interactions to provide instant feedback and encourage re-engagement.

Created a modular, reusable design system allowing rapid iteration without breaking continuity.

​ By redesigning underperforming sections with measurable intent, I turned them into high-engagement anchors within the platform.

Typeface

Selected a clean, modern, and highly legible typeface optimized for dense academic content. The hierarchy ensures that deadlines, progress indicators, and key actions stand out, creating structure without visual noise.

Manrope

Aa

Aa

Aa

Aa

Aa

Aa

Aakash Byju’s :
Re designed

I started with a straightforward question: Why weren’t students engaging as much as they could?

With limited internal research resources, I took charge of discovery and insight gathering:

These findings became the foundation for a redesign strategy that addressed not only the product interface, but the service workflows and operational alignment that supported it.

The platform was packed with useful tools but lacked structure, focus, and intuitive pathways. Engagement was inconsistent, and students were dropping off mid-journey.

I needed to:

This wasn’t just a UI exercise, it was a complete service overhaul that required tight coordination across design, product, and engineering teams.

From research insights and stakeholder discussions, I set precise design objectives:

To ground these goals, I created a comprehensive service design map, a full journey blueprint from login to test completion. This became the foundation for all design decisions, helping reduce drop-offs, improve visibility, and create seamless transitions between modules.

The wireframing phase focused on structure before visual design:

The process was iterative and collaborative, enabling fast validation and refinements.

The design phase was data-led and purpose-driven:

By redesigning underperforming sections with measurable intent, I turned them into high-engagement anchors within the platform.

Final deliverables included:

This was more than a redesign, it was a service-led transformation that reshaped how students interacted with the Aakash ecosystem, driving measurable results and setting the foundation for long-term growth.