![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=503,h=335,fit=crop/mjELyayBW1H2xV3B/group-15411-ALpJqvayBnIj47Ne.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=208,fit=crop/mjELyayBW1H2xV3B/group-15411-ALpJqvayBnIj47Ne.png)
Wizeline Academy
Experiences in Online Learning: User-Centered Design
March 2024 - June 2024
Role: UX/UI Designer
The Wizeline Academy platform is an innovative online learning proposal designed to enhance user experience through high-quality educational content, interactive live sessions, and advanced progress tracking tools. This project aims to create an engaging and effective learning environment that caters to the needs of modern students.
Overview
Background
This project emerged from my internship at Wizeline, where I worked as a UX/UI designer on a pilot Learning Experience Design (LXD) project for Wizeline Academy. Collaborating with a multidisciplinary team, including project managers, subject matter experts, technical writers, and designers, our goal was to enhance online education.
Wizeline frequently uploads content across various platforms such as Google Classroom and YouTube, creating a dispersed learning experience. This project was driven by the need to consolidate all educational content into a single, cohesive platform, providing users with a centralized and improved learning experience.
Problem to solve:
Creating an online learning platform that addresses specific student needs, enhancing their user experience and facilitating access to high-quality educational content.
The outcome
The project led to a significantly improved online education platform for Wizeline Academy. By focusing on Learning Experience Design (LXD), I developed an intuitive, user-centered platform that enhanced user engagement and satisfaction, ultimately elevating the overall learning experience.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=610,fit=crop/mjELyayBW1H2xV3B/multiple-screens-mv0jNywgkJFa73e5.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=320,fit=crop/mjELyayBW1H2xV3B/multiple-screens-mv0jNywgkJFa73e5.png)
Research
The initial research and feasibility analysis were essential to understand the problems and opportunities in the realm of online courses. We identified factors such as low-quality materials, lack of adaptation to individual students' needs, and the complexity of existing platforms. This stage allowed us to define a clear approach to enhancing the online learning experience.
Design process
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=583,fit=crop/mjELyayBW1H2xV3B/copy-of-la-mina-YD0p3plMVacRMZVR.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=200,fit=crop/mjELyayBW1H2xV3B/copy-of-la-mina-YD0p3plMVacRMZVR.png)
Empathize
To empathize with users, I gathered insights from subject matter experts, process experts, and end-users. This deep understanding of their needs, challenges, and expectations ensured that the design was user-centered from the outset.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=884,fit=crop/mjELyayBW1H2xV3B/ux-persona-YNqJwJGPZRiw1LLZ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=320,fit=crop/mjELyayBW1H2xV3B/ux-persona-YNqJwJGPZRiw1LLZ.png)
A user persona was created to understand the needs, goals, and behaviors of our target audience. This profile guided our design decisions, ensuring the final product was user-centered and relevant, and relevant, fostering alignment with the user's perspective throughout the project.
"Clarity in content, effective feedback, and showcasing instructor credentials enhance learning. Breaking down content, using responsive design, and adapting to AI trends address design flaws and improve effectiveness."
Expert Insights
"Adaptable learning experiences, content quality through Design Thinking, and multidisciplinary teams are essential. Regular updates, diverse assessments, and new technologies enhance learning and satisfaction."
Process Expert Insights
"Users struggle with multiple platforms, unmet expectations, and unclear structures. They value credible instructors, progress tracking tools, and visual content. Skills, prices, and course duration guide their decisions."
User Insights
Define
In the definition phase, I clarified the problem and project objectives. I identified appropriate technological solutions and ruled out non-viable options. I established clear criteria for user-centered design to ensure that the solutions were effective and aligned with the students' needs.
Project objectives:
Design a user-centered online learning platform.
Improve knowledge retention and student engagement.
Promote active and practical learning in a digital environment.
Implement features that facilitate interaction and progress tracking.
Ideate
I generated various ideas and explored multiple solutions through rapid iterations, allowing me to investigate a range of possibilities. Initial sketches played a crucial role in this phase, enabling me to visualize different approaches and quickly assess their potential. By comparing these sketches, I selected the best options for further development, ensuring that my final designs were innovative and well-founded. This iterative process was essential in refining my concepts to align with user needs and project goals.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=610,fit=crop/mjELyayBW1H2xV3B/sketches-YBgpaLWRr1cWNEZR.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=240,fit=crop/mjELyayBW1H2xV3B/sketches-YBgpaLWRr1cWNEZR.jpg)
Prototype
We developed low-fidelity wireframes based on the initial sketches to test navigation with both experts and users. These wireframes enabled us to evaluate the content layout, navigation flow, and interactive features of the platform. The feedback from these tests was invaluable in identifying areas for improvement and ensuring that the basic structure and functionality met user needs.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=449,fit=crop/mjELyayBW1H2xV3B/low-AoPejDaK5MCWD5Rw.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=160,fit=crop/mjELyayBW1H2xV3B/low-AoPejDaK5MCWD5Rw.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=621,fit=crop/mjELyayBW1H2xV3B/hi-YBgpaEBPv0SklwgQ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=216,fit=crop/mjELyayBW1H2xV3B/hi-YBgpaEBPv0SklwgQ.png)
Based on the insights gathered from the low-fidelity tests, we then created high-fidelity wireframes for more detailed evaluation and feedback. These high-fidelity wireframes allowed us to refine the visual design, enhance interactive elements, and ensure a more polished and effective user experience. The detailed feedback from these evaluations helped us make final adjustments to optimize the platform's usability and overall aesthetic.
Test
I conducted desirability and functionality tests on the prototypes with real users, engaging them in thorough evaluations of the design. As part of this process, I also implemented an NPS (Net Promoter Score) test, which resulted in a score of 65%. The valuable feedback gathered from these tests provided deep insights into the users' experiences and expectations. This feedback was instrumental in identifying specific areas for improvement, allowing me to make necessary adjustments and refinements. By incorporating these insights, I was able to optimize the user experience and ensure that the final design effectively met the users' needs.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=320,fit=crop/mjELyayBW1H2xV3B/nps-AwvrnLbqEqUzolyL.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=131,fit=crop/mjELyayBW1H2xV3B/nps-AwvrnLbqEqUzolyL.png)
Learnings
Throughout the project, I gained a deep understanding of the critical aspects of designing an effective online learning platform. First, the importance of user-centered design became evident, as continual user feedback was crucial in refining the platform to meet their needs and expectations. Engaging with subject matter experts and process experts highlighted the value of multidisciplinary collaboration in creating a comprehensive and well-rounded solution.
Additionally, the iterative process of ideation, prototyping, and testing underscored the necessity of flexibility and adaptability in design. Each phase revealed new insights and opportunities for improvement, emphasizing that a successful design is never static but constantly evolving. The project also taught me the significance of clear communication and organization, as these were key in managing the various components and stakeholders involved.
Overall, this project reinforced the idea that understanding user needs, maintaining an agile approach, and fostering collaboration are essential to developing a successful and impactful digital learning experience.
I decided to develop the most critical scenarios:
Log In: Users can log in from the homepage by entering their credentials.
Sign Up: New users can sign up by entering their email and verification code.
Explore Programs: Users can search for programs, review them, and enroll.
Program View (Video): Users can watch videos of the programs.
View Enrolled Programs: Users can view the programs they are enrolled in.
View Completed Program: Users can see the programs they have completed.
These flows ensure a seamless and intuitive user experience, covering the essential steps of the online learning journey.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=464,fit=crop,trim=5.241970021413277;0;5.241970021413277;0/mjELyayBW1H2xV3B/flujo-Aq2o8Bew6RF1jZy5.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=160,fit=crop,trim=29.317365269461078;0;29.317365269461078;0/mjELyayBW1H2xV3B/flujo-Aq2o8Bew6RF1jZy5.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=647,fit=crop/mjELyayBW1H2xV3B/desktop---18-mjE9OvnVLoHojVxv.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=240,fit=crop/mjELyayBW1H2xV3B/desktop---18-mjE9OvnVLoHojVxv.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=915,h=647,fit=crop,trim=25.167434715821813;0;0;0/mjELyayBW1H2xV3B/desktop---19-AMq45b7K52tJN6qy.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=240,fit=crop,trim=0;170.41420118343194;0;0/mjELyayBW1H2xV3B/desktop---19-AMq45b7K52tJN6qy.png)