born in 2018, growing since
EMBIBE LIVE Classes Batching & Monetisation
of Student App
Founded in 2018 to solve a pressing need we felt, we have been growing behind our wildest dreams since.
.webp)
Employer
Embibe
Position
Senior UX/UI Designer
Timeline
Dec '22 - Aug '23
Feature name
Feature name
Feature name
Feature name
Highlights
Since 2018
Since 2018
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus.
Requirments
Since 2018
Convincing stakeholders,
designing for a better exeperience.
Highlighting challenges validated by teaching faculty, I proposed refined flows to address gaps, building credibility and driving updates to the requirement.
Requirement V1
A well-structured live class batching system that enhances the learning experience by replicating real-life coaching environments. This system aims to optimize student engagement and performance by providing personalized batch allotments based on assessment results.
Approach:
.svg)
Replicating Real-Life Coaching Experience
Assessment based batch allotment
Based on the result of the Skill Test
- Beginner : Beginner level classes
- Performer : Intermediate level
classes
- Achiever : Advanced level classes
- Beginner : Beginner level classes
- Performer : Intermediate level
classes
- Achiever : Advanced level classes
Requirement V2
A comprehensive live class batching system that empowers students by allowing them to enroll in entire batches, eliminating the need for individual class registrations.
Approach:
Integrating existing Live class experience
Batches based on subject and Exam
Grouping into cohorts of batch offerings based on Subject or Exam type.
Requirement V2.1
A system where live class batches are offered as purchasable courses, categorized by subject and exam, enabling students to buy access to an entire course instead of individual classes.
Approach:
Integrating batch-based course offerings
Courses segmented by subject and exam
Optimizing experience for conversions - Purchase of course.
Benchmarked features,
to identify best mental model
Erin Philips
Webflow expert
"I needed a template that was easy to use, flexible and powerful at the same time and that was the only solution that fit the bill. I have been using it for over 3 years."
Features
Solving Existing Problems and improving conversions
We transformed the current system of Live Classes to support batch-based courses that can be bought as a package, ensuring a seamless purchasing process for students.
Import:
.docx
.xlsx
.odt
Export:
.pptx
.rtf
.webp
Features
Simplify descision making
Precisely state the value that the student would get by purchasing the Course. To give them enough pointers of the impact the course would provide to accomplish their Exam Goals.
Minimum of 5 offerings, for each and every Goal Exam
Carefully Researched to meet students expectations
A Syllabus timeline broken down for students
.webp)
Features
Solving Existing Problems and improving conversions
We transformed the current system of Live Classes to support batch-based courses that can be bought as a package, ensuring a seamless purchasing process for students.
Import:
.docx
.xlsx
.odt
Export:
.pptx
.rtf
.webp
Features
Optimising for Monetisation
Designed features like payment gateways and access management, ensuring that students can purchase and access their course materials without any friction.
30 different pages, one for every use case
Carefully studied layouts, typography, and spacing
A pricing that's fair and accessible for all users
Requirment v1
Validating our decisions
Replicating Real-life coaching experience
To create a well-structured live class batching system that enhances the learning experience by replicating real-life coaching environments. This system aims to optimize student engagement and performance by providing personalized batch allotments based on assessment results.
Problems Identified
In Requirement 1 PRD, the Design team found gaps. I proposed flows using expert advice and UX best practices to highlight issues. This built credibility and convinced stakeholders to update the Requirement.
Requirment v2
Validating our decisions
Re-imagined Expereince
To create a comprehensive live class batching system that empowers students by allowing them to enroll in entire batches, eliminating the need for individual class registrations.
Requirment v2.1
Validating our decisions
Batching Monetisation
To create a system where live class batches are offered as purchasable courses, categorized by subject and exam, enabling students to buy access to an entire course instead of individual classes.
USER TESTING
Validating our decisions
Iteration 3 was tested
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus.
final designs
Seamless Experience
Fulfilling Learning journeys
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus.
Unleash the full power of Infinite
Dropbox lets you upload, save, and transfer photos and files to the cloud. Backup and sync all your files to cloud.
Infinite x Dropbox
Google Analytics provides the resources to collect, store, process, and report on these user-interactions.
Infinite x Drift
Faster resolutions and higher CSAT with the only platform to combine the power of automation and human customer support.
Infinite x Intercom
Zapier lets you connect over 1000 apps with the Webflow API and, once you connect your Webflow account to Zapier.
Infinite x Mailchimp
HubSpot is a CRM platform with all the tools you need to connect your marketing, sales, content, and customer service teams.
Infinite x Hubspot
All you need to know on startups
No items found.
No items found.
No items found.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor".
Erin Philips
Webflow expert
EMBIBE LIVE Classes Batching & Monetisation of Student App
The Embibe Student App (B2C) had been planned for monetization for some time, but it was delayed due to a lack of valuable features for students. The introduction of LIVE classes was the first step towards this goal. However, the existing LIVE classes faced issues like high drop-off rates and incomplete activities. Additionally, faculty members felt there was a disconnect between sessions because students had to register for each one individually.
Year
2021
Employer
Embibe
Position
Senior UX/UI Designer
Timeline
Dec '22 - Aug '23
Requirement V1
To create a well-structured live class batching system that enhances the learning experience by replicating real-life coaching environments. This system aims to optimize student engagement and performance by providing personalized batch allotments based on assessment results.
- Replicating Real-Life Coaching Experience
- Assessment based batch allotment
- Based on the result of the assessment
- Beginner : Beginner level classes
- Performer : Intermediate level classes
- Achiever : Advanced level classes
Problems identified
In Requirement 1 PRD, the Design team found gaps. I proposed flows using expert advice and UX best practices to highlight issues. This built credibility and convinced stakeholders to update the Requirement.
- Embibe users face difficulty enrolling in multiple classes, as they are required to register for each class separately, leading to a cumbersome and fragmented experience.
- The overall completion rate of users for Pre and Post-class activities is low, impacting the effectiveness of the learning journey and reducing engagement with class materials.
Requirement V2
To create a comprehensive live class batching system that empowers students by allowing them to enroll in entire batches, eliminating the need for individual class registrations.
- Integrating existing Live class experience
- Batches based on subject and Exam
- Grouping into cohorts of batch offerings based on Subject or Exam type.
Problem-Solution Matrix
After identifying problems for the Existing Live Class Experience and Iteration 1, they were examined deeply and possible solutions for each of them were arrived at after multiple brainstorming sessions. Depending on the effort to impact ratio, these were either implemented or suspended to arrive at the next Version.
Problems
/ 1
Users were finding it difficult to find next follow-up Live Classes for the topic attended, as the features is embedded in the Home Page and also as each Live class is a separate card to which a student has to Register individually.
Solutions
- Create roadmap of entire syllabus and schedule to be covered without the need to register to individual classes
- Populate the hero banner with the next class details and Register CTA, if thats missed send push notifications redirecting to next upcoming class.
/ 2
There was an overall low repeat registrations to Live classes of the attended by the users.
- Live Class being a true value feature for students, and as the organisation was planning to monetise from business point of view. As the design team we were tasked to provide a streamlined flow for purchase along with feature page, till conversion
/ 3
Low overall Post/ Pre class activities completion percentage seen across the users registered to the Live class
- Allow for students to get class completion Test or Final exam only after they have completed a minimum percentage of pre and post class activities
- Restrict students to attends live class without completing a few minimum Pre class activities
Competitor Analysis
Goal : To look for existing mental models and patterns in digital products for timeline based completion of tasks(in our context it is a student completing his syllabus by Learning, Practicing and Clearing Tests).
.svg){kind=logo}
Requirement V2.1
To create a system where live class batches are offered as purchasable courses, categorized by subject and exam, enabling students to buy access to an entire course instead of individual classes.
- Integrating batch-based course offerings
- Courses segmented by subject and exam
- Optimizing for monetization
Competitor Analysis
Goal : Compare different offerings given by competitors in the journey of a Live Class user. Was given by the User Research team comparing our Top competitors.
User Testing on Iteration 3
Goal : Compare different offerings given by competitors in the journey of a Live Class user. Was given by the User Research team comparing our Top competitors.
- Identify motivations for using live classes.
- Understand barriers to live class adoption, focusing on drop-offs and new users.
- Analyze awareness and compare ed-tech platforms.
- Investigate gaps in existing platforms and explore user experiences.
Key Insights and Recommendations
/ 1
/ FOCUS AREA
Overalll
/ FEEDBACK
All the users found the flow easier to navigate owing to clarity in terms of the courses and subjects and the key benefits mentioned
Also, all the relevant information is seen to be available right at the homepage itself like:
- Live Class banner
- Class wise segregation
- Duration of the course
- Price
- Live Class banner
- Class wise segregation
- Duration of the course
- Price
/ 2
/ FOCUS AREA
Demo/Trial class CTA on homepage
/ FEEDBACK
Users need a first hand experience of the live classes that they wish to enroll for. A trial/demo CTA on the home page banner and a tag on the course tile itself will give the user more confidence to proceed further
/ 3
/ FOCUS AREA
Sample of Content offered
/ FEEDBACK
Though users liked the different modules provided on the 'View details page'. Before making a purchase decision, they would like to see samples of different modules, such as practice questions, study notes, and so on.
/ 4
/ FOCUS AREA
Evaluating Teacher’s style of teaching evaluation
/ FEEDBACK
More than the information about the teacher’s experience, No. of classes taken, students are seen to be more interested in the way of teaching. As a result, it is suggested to display a video of the teacher explaining the concept as an example to give the confidence to the students and parents
/ 5
/ FOCUS AREA
Aesthetics and Minimalist -
UX heuristic
UX heuristic
/ FEEDBACK
6 menu icons given at the bottom is seen to be too much of a task for the user and the attention is not paid to these icons. Hence, it is recommended to have lesser icons ( ‘Achieve’ as a feature due to low conversions was planned to be Discontinued)
Final Version
Final Version included monetisation as a part of the designs, its the version with fixes based on the feedback of the User Testing. "Batches" as a feature was renamed as "Courses".
EMBIBE LIVE Classes Batching & Monetisation of Student App
The Embibe Student App (B2C) had been planned for monetization for some time, but it was delayed due to a lack of valuable features for students. The introduction of LIVE classes was the first step towards this goal. However, the existing LIVE classes faced issues like high drop-off rates and incomplete activities. Additionally, faculty members felt there was a disconnect between sessions because students had to register for each one individually.
Year
2021
Employer
Embibe
Position
Senior UX/UI Designer
Timeline
Dec '22 - Aug '23
Scenario 1: New User
Goal/Exam selection
Learn Page
Registered to Live Class
Pre-Class activities
Scenario 2: Registered User - Exploring app
Home Page
Live Classes Section
Pre-Class activities
Class Started - Join class
Scenario 3: Registered User - Class Started
In app Notification & Push Notification - Class is Live
Join Class
Class completed - Register to Upcoming Class
PROJECT KICKOFF
Live Class batching
/ Requirement V1
Objective
To create a well-structured live class batching system that enhances the learning experience by replicating real-life coaching environments. This system aims to optimize student engagement and performance by providing personalized batch allotments based on assessment results.
Embibe Live class batching
Approach
Replicating Real-Life Coaching Experience
We need to create an online system that closely mirrors the personalized experience of a real-life coaching center, particularly in how students are allotted to batches.
Assessment based batch allotment
To aide this batch allotment students are supposed to give an assessment test based on which students will be allotted into batches based on test performances
The Batches
Based on the result of the assessment , students are batched so as to ensure they receive teaching that matches their skill level :
- Beginner : Beginner level classes
- Performer : Intermediate level classes
- Achiever : Advanced level classes
- Beginner : Beginner level classes
- Performer : Intermediate level classes
- Achiever : Advanced level classes
Userflow Exploration
Based on the User research teams exploration of userflows, as these requirements were proving to be complex to solve, we created a user flow diagram to put our thoughts on paper so as to visualise the flows.
BASED ON REQUIREMENT V1
Iteration 1
Prototyping
Replication of existing real world coaching class scenarios, where the students when get admitted have to take up a mandatory entrance test which would help the management to gauge each student and assign them into different cohorts according to the test classes.
Batch Registration Flow
For New Registration into Live classes the student would be asked to Take Test based on which he would be assigned into different Cohorts/Batches
Live Classes
The Live classes placement were retained embedded within the Home gage
Success message
Once user Registers to a class he gets this message modal with detail of the class.
Take Skill Test
User is asked to take a Skill Test in order to evaluate them and batch them into cohorts
Skipped Test
If the user plans to Skip the Test he would be put in to the Beginner level - Improver batch
Skill Test flow
The Skill test attempting flow based on which batch would be assigned. The test would be 10 question test for the subject.
Test Instructions
Has the basic details of test being attempted and how aligned its for the goal/exam
Test Instructions
Test interface navigation level items are explained here
Taking Test
The test taking flow is shown here and this can be of MSQ, SCQ and Answer based.
Test Progress
This give a summary of time left and questions answered before submission.
Skill Test Result and Batch assigned
Based on the skill test performance the students are assigned into cohorts.
Test Result
The Test results after submission are show here
Batch Assigned
Based on Test performance the Student is assigned to a batch type.
Batched classes
Based on the batch assigned student gets to see all Live classes of the assigned batch and lower batches.
Scenarios
The impact of performance of the over the three batch types were assessed.Scenario 1 : Improved performance Performer and Improver
Scenario 2 : Decreased performance Performer and Achiever
Scenario 3 : Decreased performance Improver or Performer batch
Assumptions on Root Causes and User Challenges
The below mentioned are the Root Causes and User Challenges for both the existing Live Class Experience and Iteration 1. / 1
Skipping test assigns students to Improver batch (slowest paced learning). There was a grey area on when the retaking of Test scenario should be allowed for the student.
Students feel they have no control over the pace of their learning
/ 2
Are 10 questions enough to gauge student level?
The Test performance could be affected by the preparation level at that point of time and inaccurate categorisation due to lack of understanding of few of question topics
/ 3
Fast paced cohorts like Achiever & Performer might not suit slow learners
Slow learners struggle to keep up with the fast pace of the Achiever cohort
/ 4
Increased faculty load with three cohorts.
Increase load on the faculty as the same faculty have to now handle three cohorts of classes
/ 5
Core issues not solved, older experience retained (mentioned below)
Students and faculty continue to experience the same frustrations with the App.
/ IDENTIFYING ISSUES AND DRIVING CHANGE
These problems were presented to stakeholders to highlight the potential challenges confirmed by Teaching Faculty members.
In Requirement 1 PRD, the Design team identified gaps that needed further refinement. By leveraging expert advice from category leads (Teaching Faculty), and UX best practices, I proposed multiple flows to show these root causes.This process helped the Design team validate potential issues and frustrations faced by both users and faculty. By presenting these challenges, the team was able to build credibility and showcase usability issues that could arise. This convinced stakeholders to to push for a better updated Requirement.
These iterations were aimed at addressing the core issues
Issue 1
Embibe users face difficulty enrolling in multiple classes, as they are required to register for each class separately, leading to a cumbersome and fragmented experience.
Issue 2
The overall completion rate of users for Pre and Post-class activities is low, impacting the effectiveness of the learning journey and reducing engagement with class materials.
Objective
To create a comprehensive live class batching system that empowers students by allowing them to enroll in entire batches, eliminating the need for individual class registrations.
Embibe Live class batching
/ Requirement V2
Approach
Integrating existing Live class experience
We need to create an online system that closely mirrors the personalized experience of a real-life coaching center, particularly in how students are allotted to batches.
Batches based on subject and Exam
To aide this batch allotment students are supposed to give an assessment test based on which students will be allotted into batches based on test performances
Grouping into cohorts
The Requirement V1 proposed grouping existing Live classes by tagging and displaying only those classes relevant to the user's performance on the skills test. However, we've adopted an alternative approach. Instead of individual tagging, we've grouped classes into batch offerings based on Subject or Exam type.
Cocreation Workshop
BASED ON REQUIREMENT V2
Iteration 2A
Prototyping
Iterating on the batch cards from Left to Right, where left most was the Existing Live Class card.
This iteration was into retro fitting already implemented Live Class components and packaging them into batches, which could be multiple subject with multiple faculties for an Exam batch and single subject with single teacher batch.
Batch Cards
As there was a need for having a parent UI element,hence the Batch Cards.The Live classes were driven by organic audience from the side of teaching faculties experience, hence they are kept highlighted.Subject Batch card - Not Registered
The single subject batch card displays basic batch details, and clicking on it will take the user to the full batch information. The "Subject"tag indicates the specific subject that will be taught in the batch.
Exam Batch card - Registered
The user is registered for an Exam batch. The card displays multiple faculty members and basic batch details. The tag "Full Syllabus" signifies that the batch covers the entire syllabus for the user's chosen Goal or Exam.
Exam Batch card - Class Live
This indicates that a Live class is currently in progress for this Exam batch.
Exam Batch card - Full Batch Completed
This indicates that the Exam batch has been fully completed. All scheduled Live classes have been conducted, and there are no pending items.
Scenario 1 : New User
Embibe Live Classes Page
The Live classes still exist in the Learn page.In this version the batches were grouped as Exam batches and subject batches(not in image)
Features:
Features:
- The hero section keeps changing with new batches and a demo video.
- A filter was added for easily finding the classes of interest
- Ongoing classes would be listed first and then followed by upcoming one below the other
- Access to announcements, updates, and motivational content to keep students informed and inspired.
- The user would be able to access his assignments from school and parents here.
- Each batch card was designed with sufficient details for user to make a decision at one glance.
Batch details - About
After clicking on a batch card we have the about. It has all the details of the batch
Features:
Features:
- Batch offerings given to all subscribers
- Embibe experts details
- Syllabus and then FAQ
Classes - Detailed view
The existing Live classes cards were retained, on clicking on which the user can complete the respective Pre-class activities and for completed class the Post-class activities can be completed.
Features:
Features:
- Upcoming Live classes from batch are listed in the carousel
- with completed classes below it.
Classes - Calendar view
The classes under the batch are listed in a calendar view.
Features:
Features:
- Latest upcoming or live class is show on the top
- followed by calendar view of the scheduled clases on a later date
- The Pre and Post Class activities opens up same as before.
Scenario 2 : Returning User
Ongoing Live class
As soon as the user lands he gets to see "Join Ongoing Live Class" CTA to join the class.
Features:
Features:
- with other ongoing classes of the batches registered to below with al light blue card just as in current Live classes
- Upcoming Live classes from batch are listed in the carousel
- Followed by completed Live Classes
Ended or Completed batch
As soon as the users lands he gets to see "View Recording" to view the class which has already passed, a non-interactive video recording.
Features:
Features:
- Followed by completed Live Classes or even ongoing section can show up depending on the scenario at that moment
Problem-Solution Matrix
After identifying problems for the Existing Live Class Experience and Iteration 1, they were examined deeply and possible solutions for each of them were arrived at after multiple brainstorming sessions. Depending on the effort to impact ratio, these were either implemented or suspended to arrive at the next Version.
Problems
/ 1
Users were finding it difficult to find next follow-up Live Classes for the topic attended, as the features is embedded in the Home Page and also as each Live class is a separate card to which a student has to Register individually.
Solutions
- Create roadmap of entire syllabus and schedule to be covered without the need to register to individual classes
- Populate the hero banner with the next class details and Register CTA, if thats missed send push notifications redirecting to next upcoming class.
/ 2
There was an overall low repeat registrations to Live classes of the attended by the users.
- Live Class being a true value feature for students, and as the organisation was planning to monetise from business point of view. As the design team we were tasked to provide a streamlined flow for purchase along with feature page, till conversion
/ 3
Low overall Post/ Pre class activities completion percentage seen across the users registered to the Live class
- Allow for students to get class completion Test or Final exam only after they have completed a minimum percentage of pre and post class activities
- Restrict students to attends live class without completing a few minimum Pre class activities
Competitor Analysis
Goal : To look for existing mental models and patterns in digital products for timeline based completion of tasks(in our context it is a student completing his syllabus by Learning, Practicing and Clearing Tests).BASED ON REQUIREMENT V2
Iteration 2B
Prototyping
In a meeting with stakeholders, we recieved instructions to go ahead with a approach of how we can group the topics, Pre and Post class activities as courses. Hence we iterated on this approach and alter relying on on competitor Analysis to see and take refrence how such kind of grouping works in similar platforms and apps.
Batching Assets
As before the Live classes are driven by organic audience from the side of teaching faculties experience, hence they are kept highlighted. 
Exam Batch card
User gets basic detail of subject, faculty, batch start and end date, class details like timings and more.
Topic based Live class timeline
User has already registered to batch and class is yet to start, so clicking on cta would take them to next upcoming class where they can completed Pre class activities
Timeline with Locked content
User has already registered to batch and class is Live so users can join the class directly.
Scenario 1 : New User
Dedicated Live Classes Page
In this version the batches were grouped as Exam batches and subject batches.
Features:
Features:
- The hero section keeps changing with new batches and a demo video.
- Each batch card was designed with sufficient details for user to make a decision at one glance.
Batch details - Syllabus
After clicking on a batch card we have the about. It has all the details of the batch
Features:
Features:
- Entire Syllabus divided topic wise is shown to user, at one glance
- View batch details CTA would drill down to further granular details of the offerings
All Batch details
This page has the details of offerings of the selected batch, the values and the details of the teachers.
Features:
Features:
- The cards were styled with respect to the Student app designs and colors
- The top level details give basic idea of the promised minimum number of different types of learning content that user will get.
Live Class progress timeline
The Syllabus is put across in timeline view topic wise
Features:
Features:
- followed by calendar view of the scheduled classes on a later date
- The video player is sticky on the screen and can be sped up, maximised
Scenario 2 : Returning User (Class Live)
Class is Live
After clicking on the batch card when class is live.
Features:
Features:
- The CTA becomes Join Class
- A red badge appears whenever the class is live .
Live Class progress timeline - Class is Live
The Live Class player page, with the syllabus timeline below it.
Features:
Features:
- The video playing is highlighted in the timeline.
- If the users interacts with any other content in the timeline, he has taken to that and can join back to the class when needed.
Scenario 3 & Sceanrio 4 : Returning User (Missed Class & Continue Progress respectively)
Live class has been missed
After each Live class, the recordings are saved for users to watch, with Watch recording CTA.
Features:
Features:
- If user has missed the class he gets the Watch recording CTA, ignoring the content he was last interacting with( as shown in the next scenario)
Continue with progress
When the user starts watching a video, Practice, Test, he can return back to continue it later. The CTA changes accordingly based on last incomplete content the user was interacting with.
Features:
Features:
- The user is shown this hero section and CTA while he is interacting with other pages in the App, to give a sense of continuation
- If there are multiple topics in incomplete the hierarchy of the topics in the entire timeline is followed, from top to bottom, making sure none of Pre or Post class content is missed.
Scenario 5 : Practice Assignment
Practice Assignment
User select a content other than videos , he gets this kind of a view.
Features:
Features:
- The content CTA change according to content type maybe Notes, Practice or Test
Practice - in progress
This is how the practice activity would look, just like in the Student app
Features:
Features:
- Practice is made specifically topic wise b the teacher (done on the School app)
Objective
To create a system where live class batches are offered as purchasable courses, categorized by subject and exam, enabling students to buy access to an entire course instead of individual classes.
Embibe Live class first step to Monetisation of Student App
/ REQUIREMENT V2.1
Approach
Integrating batch-based course offerings
We need to transform the current system to support batch-based courses that can be bought as a package, ensuring a seamless purchasing process for students.
Courses segmented by subject and exam
To facilitate this, batches will be structured by subjects and specific exams, ensuring tailored course offerings for each student's needs.
Optimizing for monetization
This system will include features like payment gateways and access management, ensuring that students can purchase and access their course materials without any friction.
Competitor Analysis
Goal : Compare different offerings given by competitors in the journey of a Live Class user. Was given by the User Research team comparing our Top competitors.
Pre-purchase free trial experience
Module wise features and details
Payment flow
Competitor Analysis
Goal : To look for existing mental models and patterns in digital products for timeline based completion of tasks(in our context it is a student completing his syllabus by Learning, Practicing and Clearing Tests).BASED ON REQUIREMENT V2.1
User Testing on Iteration 3
/ USERTesting
Problem Statment
As new design around live class pricing and details was introduced, and user research was conducted to gather feedback pre-implementation.
This Research activity was handled mainly by User Research team, I was involved in formulating:
This Research activity was handled mainly by User Research team, I was involved in formulating:
- Research plan
- Questions
- and was an observer in the interviews
Target Groups
- Flirtatious Users: Users active on both Embibe and competitor platforms.
- Embibe Live Class Users: Active users engaged for at least 2 weeks (K12, PPG, PUG).
- Competition Users: Users from competitor platforms (e.g., Byju's, Physics Wallah).
Key Research Focus
- Identify motivations for using live classes.
- Understand barriers to live class adoption, focusing on drop-offs and new users.
- Analyze awareness and compare ed-tech platforms.
- Investigate gaps in existing platforms and explore user experiences.
Contextual Enquiry
User Profiles
Screen wise observations
Syllabus Page V2
In the modified version (V2) we added tags and ribbons to highlight free demo classes.
Whats Working:
Whats Working:
- NA
Whats Not Working:
- Users are not able to notice the sticker. Also, at the probed level, they are not able to understand the rationale behind as they are not able to understand the terminology of the word “Demo”
Areas of Improvement:
- Look for options to highlight primary task possible here, being both payment and Watch demo
Payment
The intermediate screen before payment showing breakup of what users would be paying for and how much, usually viewed by parents of the user.
Whats Working:
Whats Working:
- Price given Rs 5K and 2K respectively is seen to be Value for money owing to the duration and the content it is offering
Whats Not Working:
- NA
Areas of Improvement:
- NA
Payment Confirmation
The confirmation page to show successful payment has details about price breakup and option to download invoice.
Whats Working:
Whats Working:
- Users did not find any problem whatsoever in the payment gateway section. It is seen to be a smooth process
Whats Not Working:
- NA
Areas of Improvement:
- NA
Post Purchase Experience
In the Post purchase experience users would have all the course content unlocked.
Whats Working:
Whats Working:
- Users are able to identify that since the premium is now paid they will be able to view the rest of the videos
Whats Not Working:
- NA
Areas of Improvement:
- NA
Video Playing Screen
The Live classes still exist in the Learn page.In this version the batches were grouped as Exam batches and subject batches(not in image)
Whats Working:
Whats Working:
- NA
Whats Not Working:
- NA
Areas of Improvement:
- NA
Key Insights and Recommendations
/ 1
/ FOCUS AREA
Overalll
/ FEEDBACK
All the users found the flow easier to navigate owing to clarity in terms of the courses and subjects and the key benefits mentioned
Also, all the relevant information is seen to be available right at the homepage itself like:
- Live Class banner
- Class wise segregation
- Duration of the course
- Price
- Live Class banner
- Class wise segregation
- Duration of the course
- Price
/ 2
/ FOCUS AREA
Demo/Trial class CTA on homepage
/ FEEDBACK
Users need a first hand experience of the live classes that they wish to enroll for. A trial/demo CTA on the home page banner and a tag on the course tile itself will give the user more confidence to proceed further
/ 3
/ FOCUS AREA
Sample of Content offered
/ FEEDBACK
Though users liked the different modules provided on the 'View details page'. Before making a purchase decision, they would like to see samples of different modules, such as practice questions, study notes, and so on.
/ 4
/ FOCUS AREA
Evaluating Teacher’s style of teaching evaluation
/ FEEDBACK
More than the information about the teacher’s experience, No. of classes taken, students are seen to be more interested in the way of teaching. As a result, it is suggested to display a video of the teacher explaining the concept as an example to give the confidence to the students and parents
/ 5
/ FOCUS AREA
Aesthetics and Minimalist -
UX heuristic
UX heuristic
/ FEEDBACK
6 menu icons given at the bottom is seen to be too much of a task for the user and the attention is not paid to these icons. Hence, it is recommended to have lesser icons ( ‘Achieve’ as a feature due to low conversions was planned to be Discontinued)
HANDED OFF
Final Version
Minimum Viable Poduct
Final Version included monetisation as a part of the designs, its the version with fixes based on the feedback of the User Testing. "Batches" as a feature was renamed as "Courses".
Course Assets
The different elements of the New Monetised batching experience were made robust to accomodate for different course types.
Subject Course card
Card state when user has not yet purchased/enrolled the course, with basic details and timings
Enrolled Subject Course card
User has already enrolled to the course, clicking on which would take them to the detail page of the course
Exam Course card
- Card state when user has not yet purchased/enrolled the Exam course, with basic details and timings
- The Exam course is shown in basis of batch for the Goal/Exam selected during registration.
Content based Live class timeline
Users can learn from specifically curated Videos, Practices, Tests for the Live class by the Teachers.
Filter drawer - Type of Course
User has already registered to batch and class is yet to start, so clicking on cta would take them to next upcoming class where they can completed Pre class activities
Filter by Course status
User has already registered to batch and class is yet to start, so clicking on cta would take them to next upcoming class where they can completed Pre class activities
Filter by Course Subject
User has already registered to batch and class is yet to start, so clicking on cta would take them to next upcoming class where they can completed Pre class activities
Filter by Start date & Teacher
- Start date was used over a calendar because they would be only few courses and they will usually be on decided period of few month over the year
Scenario 1 : New User
Live Class Landing Page
The Live classes now have a separate page in the menu bar.This page has all the Exam and Subject courses.
Features:
Features:
- The hero section would be the with the Embibe Live Class CTA clicking on which would show an introductory video of Live Classes as a whole.
- The Full Syllabus course ( based on selected goal of the active user, here 10th CBSE ) and Subject course cards.
- There can be maximum of 15 cards at a time.
- Users can filter by teacher, course name and many other filter types as shown above.
About Course
After clicking on a course card we have the about page. It has all the details of the batch
Features:
Features:
- Batch offerings given to all subscribers
- Syllabus and then FAQ
- Embibe experts details
Syllabus Timeline
In this section users get to see all the Syllabus contents(Live classes, Videos, Practices) to be covered topics wise.
Features:
Features:
- Start Demo CTA was added on User Testing feedback to make it clear to all users that there are Free demo classes for users to view.
- The Demo classes are highlighted with Ribbon on tabs to indicate demo classes offered when user is in other tab sections and stickers in the timeline
FAQ
All the main doubts that could arise in a users mind are covered here.
Features:
Features:
- Collapsible cards are used to show FAQs.
Payment Gateway
Users can view the course they are about to purchase, add coupons and get sense of the Price breakup one final time before purchase.
Features:
Features:
- Users can add coupons or coupon codes to get discounts
Payment Confirmation
After a successful payment user gets this confirmation.
Features:
Features:
- It has the basic details of the breakup of payment information
- Users can download Invoice or Proceed to continue with the course.
Scenario 2 : Paid User (Continues learning after payment)
.webp)
Post Purchase Experience
The user is redirected to this page after payment for them to explore the course content they just purchased.
Features:
Features:
- Start Learning CTA would play the first immediate content on the timeline.
Watching Video
User now get to access any of the paid content in the timeline
Features:
Features:
- The Video being played is highlighted
Scenario 3 : Returning Paid User
Class is Live
The Live classes still exist in the Learn page.In this version the batches were grouped as Exam batches and subject batches(not in image)
Features:
Features:
- The purchased course would be on the top in the My Courses list.
- As a Live class is Live. the CTA changes to Join class.
Live Class progress timeline - Class is Live
If the user click on the Join Class CTA he would be taken to this page with Live class playing.
Features:
Features:
- The user can click on the Live Class badge to go to back to Live instance of the Class.
- The Class Live would be highlighted in the timeline below
Scenario 4 : Assignments
Practice - Assignment
When the user click on a Practice content in the timeline he gets this Start Practice CTA in the player section, clicking on which would start a Practice of questions.
.webp)
Read - Assignment
When the user click on a Reading content/Assignment in the timeline he gets this Read Lesson CTA in the player section, clicking on which would take the user to read the Points to Remember PDF.
Test - Assignment
When the user click on a Test in the timeline he gets this Strat Test CTA in the player section, clicking on which would start a Test
Scenario 5 : Edge cases
Premium content
User tries to access premium content but is met with a paywall. The system informs the user that they need to purchase the content to proceed, providing pricing details and a "Buy Now" option.
Classes will begin on later date
Users have registered for the class, but it is scheduled to begin at a future date. The system displays the date and time for the upcoming class, ensuring users are aware and can plan accordingly.
Class has been Rescheduled
The class has been postponed, and a new date has been set. The system informs users of the rescheduled class time so they can adjust their plans.
Class has been Cancelled
The scheduled class has been canceled, and a notification is shown to inform users that the class will not take place. The system clearly marks the class as canceled and advises users of the change.
Web Version
The Web version followed similar visual elements, but we also leveraged the larger real estate for optimum experience.All use cases were clearly defined and handed off to product team.
