Improving course completion rates by ensuring availability of required tools on time by introducing shopping cart.
My Role
UX/UI Designer
Platform
Mobile
Tools
Duration
12 weeks
Context
What is Itinker?
iTinker is a ed tech platform that provides courses like Machine learning, Ar/Vr through to students that are delivered through the mobile application.
The platform also offers practical opportunities for hands-on learning. It enable students to apply their newly acquired skills with tools such as microcontroller boards, Bluetooth modules, and Robotic arms and them encourage to build small projects.
How does it works?
Students gets a list of required tools that they can buy from their nearby stores and can practice their newly acquired skills. They have to submit the photographs of their creation as a mandatory requirement to complete the course.
Check the required material list
Buy materials from nearby stores
Apply your skills and create
What was the problem we faced?
We observed a trend of students consistently missing course deadlines and decline in course completion rate. Further inquiry revealed a common problem that the tools required to build the project were not easily available in their nearby stores.
Decline in the course completion rate
due to
Lack of availability of tools that are required to submit the project.
Design Challenge
How can we ensure that students have timely access to necessary tools for skill practice and help them to complete courses before deadline?
Analysing User Needs and Opportunities
Roohi, 12
Lives in City, enrolled in grade 6
Goals:
-
Stay ahead in technology.
-
Connect and engage with peers.
Suraj, 14
Lives in a small town, enrolled in grade 8
Goals:
-
Get familiarized with new technologies.
-
Gain practical experience and build new products.
Design Principles
We selected design principles that formed the basis of our decision-making during the process. These principles include:
Navigation
Ensuring that navigating the platform is straightforward and intuitive.
Personalization
Creating experiences tailored to users
Engagement
Striving for an overall engaging user experience.
Mapping User Flow
I drafted a user flow with two specific tasks that I believe are crucial to our users' workflow; Browse Products and Order Product
Initial wireflow
Task 1: Browse Product
User Story: As a users, I want to browse products so that I can practice my learnings.
Iteration 1:
User access search bar or select the browsing category.
User select to browse the products
Views product based on their course and the products that are not based on their course
User access search bar or select the browsing category.
What worked?
The screens clearly layout the course and products
Users have choice to select browsing between products or courses
What did not work?
Users are unable to browse products related to specific courses
What I proposed?
Iteration 2:
Introduced a filter and user can select the specific courses to view the related products.
Select the browsing category.
Flter the search
Choose the courses for filter
Select the product to view in detail
Select the product to view in detail
View product in detail
Task 2: Order Product
User Story: As a users, I would like to place order quickly and get the estimated delivery date so that I can plan my courses accordingly.
Iteration 1:
Order Placed
Enter delivery address
Select payment option
Proceed to checkout
Order Placed
Proceed to checkout
Review and place order
Iteration 2:
I optimized the flow by using account creation details to offer pre-filled options, allowing users to effortlessly select and place orders quickly.
Final Designs
FLOW
Filter and save products based on specific course
Users will have choice to browse between products and courses and can futher tailor their search based on courses and personalised categories
FLOW
Effortlessly checkout in 3 steps
Users will have streamlined checkout experience for swift order placement.
DESIGN DECISION
Get inspired and engage with community
Users can engage in collaborative learning with peers' comments and discover projects created with the same materials.
Hi-fidelity Mockups
Impact
60%
Increase in course completion rate
50%
Increase in app engagement due participation in comments section
32%
Less customer support calls
View other case studies
Product Design . Product Thinking . UX Research
Shopping expereince design
How might we leverage the shopping cart experience to improve the course completion rates?
Product Research . UX Design
Chatbot design, Landing page design
HMW leverage a chatbot to reduce waiting times and streamline the process for booking mental health counseling services?
Product Research . UX Design
Chatbot design, Landing page design
HMW we provide convenient and reliable parking to users.