Advance Learning World is a digital platform that provides students with a personalized learning experience as per the Saudi Embassy.
YEAR
Nov 2022 - Aug 2023
Research, analyze and design an end-to-end product experience to help onboard B2B schools and B2C students with a focus on providing the same studies as per the Country’s Curriculum.
Business Goals
Maximize user retention with personalized content and progress tracking.
Introduce a B2B system to acquire schools
Implement effective monetization strategies for business growth.
Constraints
No access to users directly.
Language difference.
Limited time for development.
User Problems
Drop off rate
User complaints on the Signup and dashboard
Bulky UX
Previously built by graphic designers.
Complex dashboard
The main dashboard was too complex to use
Questions I considered while doing the analysis:
How do the competitor's products compare to each other in terms of features, usability, and user experience?
How can the features relate to our product?
What is the target audience for the product, and how does this compare to the target audience for the competitor's products?
Questions I considered while creating a user-flow:
What are the key steps the user needs to take to achieve the goal?
How does the user flow connect to other parts of the product, such as the navigation, content, and functionality?
Wireframing
Based on the data above, I scheduled a meeting with the Product manager and Engineers and proposed a few ideas to make sure it meets the technical feasibility and time constraints.
Step 1: How to start a design system?
All the previous designs were created in Photoshop by a Graphic designer. I encouraged the team to move to Figma for better collaboration so I scheduled a team activity with the Engineers to list down the most common elements used in the platform.
Step 2: Atomic Design
I followed the Atomic Design Methodology by Brad Frost.
Step 3: Initial Design System
I read the best practices for creating a design system and took inspiration from Human Interface guidelines, Atlassian design system, and Material design system.
Reduced number of steps at Signup
Moved additional information from signup to the settings page where the user can fill it in later on.
Added the feature of 7 Days free trial as per the business requirement.
Dashboard Enhancments
Took inspirations from Online learning platforms like Linkedin, EdX, Udemy, and Blackboard.
Created a smart view and made it interactive and visual for students.
Prioritized the most important sections and Introduced a visual hierarchy.
Introduced Themes
The theme was a requirement from the client. The purpose was to make it visually attractive for different grades of students.
Heuristic evaluation
We identified additional design flows through the evaluation
Stakeholders
Multiple discussions with PM and the Client
Iterations
Technical feasibilities and improvements
Retros and Feedback
In team retrospectives, Developers mentioned that they were facing difficulty to understand edge cases of a flow and some user interactions. So they developed a few things as per their assumptions. I tested a few features in the dev server and found that the implementation of the designs was a bit different.
Collaboration with PM and Engineers
I scheduled a meeting with the Engineers and Product manager and addressed all the concerns. Listened to their feedback and improved the design process. I started creating handoffs afterward.
Results
We successfully launched updates in December 2022.
The Platform got Approved by Saudi Embassy in Jan 2023 and we celebrated it with a team dinner . 🥳
My Learnings
Engage Engineers during ideation to figure out all scenarios.
It is best to prepare a design handoff by listing all the interactions and edge cases on Figma.
Schedule meetings and document Jira stories to make sure all the criteria are fulfilled.
Create a demo video and a prototype in case someone wants a quick design overview.