Empowering 650+ students

Empowering

Empowering 650+

650+ students

towards course

students towards

towards course completion

completion

course completion

Enhancing the learning experience for Airblack students
by building a course completion tracker in app

Enhancing the learning experience for Airblack students by building a course completion tracker in app

Project

Project

app feature

ux

ui

My Role

solo product designer

Team

airblack product team

Shipped

august 2022

About Airblack

Airblack Academy offers exclusive courses in beauty, baking, and beyond. Its learners engage in interactive online workshops and access additional resources through the Airblack app

Airblack Academy offers exclusive courses in beauty, baking, and beyond. Its learners engage in interactive online workshops and access additional resources through the Airblack app

Once Upon a time at Airblack...

Once Upon a time

at Airblack...

Roshni, Airblack learner

mother of 2 kids, freelance makeup artist

Hi Airblack Support! I attended all my workshops. When will I get my course certificate?🎓
Hi Roshni! Let me just check
Hi Roshni!
Let me just check

Alisha, Airblack

MX support

Alisha, Airblack

MX support

So sorry Roshni. You have to complete 4 more assignments to be eligible for graduation ceremony & get your certificate.
What? I still have assignments left to complete?
I was not aware about this

!

!

What? I still have assignments left to complete?
I was not aware about this
I was not aware about this
Hey don’t worry!
You still have time left to complete them
You can always check them in your Airblack App
Hey don’t worry! You still have time left to complete them
You can always check them in your Airblack App

step 1

step 2

Oops! I totally missed it on the app

payment screens:

by users

by users

Problems faced by users

Problems faced

Problems faced

problem 1

Missing the course completion criteria

problem 2

Unable to find their certificate in the app

problem 3

Scrolling a long list of workshops to reach the end of the screen

Meanwhile,

Meanwhile, inside

Meanwhile, inside the

inside the Operations team at Airblack

the Operations team

Operations team at Airblack

at Airblack

Vaibhavi, Airblack
OPerations Lead

Only a limited number of the batch students are eligible for graduation ceremony this quarter.
Only a limited number of the batch students are eligible for graduation ceremony this quarter.

!

!

Guess I have to send them messages to remind to complete all their criteria
Guess I have to send them messages to remind to complete all their criteria

payment screens:

by Airblack

by Airblack

Problems faced by Airblack

Problems faced

Problems faced

problem 1

Decrease in number of students eligible for graduation ceremony

problem 2

Increase in cost and effort of the Operations team

problem 3

Increase in experience issue affecting the rating of the courses & app

Highlights from

Highlights from

Highlights from

user calls and user data

user calls and

user data

highlight 1

Users explore the “Course Details” section only at the starting of the course

highlight 2

Users frequently use “My workshops” for any workshop related use cases

Based on these data, I pinpointed the main issues
and created a clear problem statement to tackle

Based on these data,
I pinpointed the main issues and created a
clear problem statement
to tackle

Based on these data, I pinpointed the main issues and created a clear
problem statement to tackle.

Increase in experience issue affecting the rating of the courses & app

Unable to find their certificate in the app

Increase in cost and effort of the Operations team

Scrolling a long list of workshops to reach the end of the screen

Missing the course criteria in app

Decrease in number of students eligible for graduation ceremony

Users frequently use “My workshops” for any workshop related use cases

Users explore the “Course Details” section only at the starting of the course

Users explore the “Course Details” section only at the starting of the course

Revamp the “Course Details” screen to a Course Completion Stack for learners in Airblack App

The Design Process

The Design Process

I began by collaborating with the Operations team at Airblack to comprehensively understand the learner's course completion journey. Here’s a simplified version of the criteria.

I began by collaborating with the Operations team at Airblack to comprehensively understand the learner's course completion journey. Here’s a simplified version of the criteria.

Once the journey was clarified, I refined the information architecture of the course details screen, iterated through design concepts using paper sketches, and further refined through multiple design versions in Figma, incorporating valuable feedbacks from peers. The outcomes achieved are significant.

Once the journey was clarified, I refined the information architecture of the course details screen, iterated through design concepts using paper sketches, and further refined through multiple design versions in Figma, incorporating valuable feedbacks from peers. The outcomes achieved are significant.

Here are the results

design update 1

Bigger & Better Course cards

Better visibility

Auto scrolling workshop images of course

Important Notification alerts above CTA

design update 2

Dynamic Course Completion Criteria

Updates automatically

Certificate status added

Removed workshop list from this screen

design update 3

Easy to scroll workshop list

Navigation by week

Auto scroll to the current week

Workshop status tags

design update 4

Notification states for the criteria

Designed for scale

Designed for scale

By collaborating closely with the tech team and comprehending their constraints, I developed customised and scalable components. Thanks to these components, the app can now effortlessly introduce a new course within just an hour

By collaborating closely with the tech team and comprehending their constraints, I developed customised and scalable components. Thanks to these components, the app can now effortlessly introduce a new course within just an hour

Impact & Results

Increase in avg. % of batch assignment submissions, by end of the year 2022

Biggest ever Graduation Ceremony with over 650+ students who completed eligibility criteria

Special Thanks

Special Thanks

I want to thank everyone I worked with on this project at Airblack. Even though I worked as a solo Product Designer, I learned that every great product narrative is a collective story, woven together by the expertise, dedication, and collaboration of an exceptional team. I am glad I got the opportunity to be a part of such a great team.

I want to thank everyone I worked with on this project at Airblack. Even though I worked as a solo Product Designer, I learned that every great product narrative is a collective story, woven together by the expertise, dedication, and collaboration of an exceptional team. I am glad I got the opportunity to be a part of such a great team.