Great Learning
Learning, Reimagined: A New Chapter in Great Learning
Learning, Reimagined: A New Chapter in Great Learning
Learning, Reimagined: A New Chapter in Great Learning
Learning, Reimagined: A New Chapter in Great Learning
Duration
3 Years
3 Years
Type
Full Time
Full Time
Role
Lead UX Designer
Lead UX Designer
Services Offered
UX Design, UI Design, Usability Research, Qualitative Research
UX Design, UI Design, Usability Research, Qualitative Research
Transforming the Traditional Design Model at Great Learning
Transforming the Traditional Design Model at Great Learning
Transforming the Traditional Design Model at Great Learning
About Great Learning
With more than 10 Million learners in 170+ countries, Great Learning is a leading global edtech company for professional and higher education offering industry-relevant programs in blended, classroom, and purely online modes across technology, data, and business domains. These programs are developed in collaboration with top academic institutions of the world.
Design of Great Learning lacked structure, clarity and cohesion
Before my tenure at Great Learning, design was often treated as an afterthought or merely as a hygiene requirement. However, after collaborating with the Design Director to assess the existing landscape, I was entrusted with the critical task of redesigning the Olympus platform. This platform serves as the organization's official Learning Management System (LMS), delivering the core product experience for learners to engage with and complete their chosen programs.
The primary objectives of the Olympus dashboard redesign were:
Enhance Adoption: Drive better engagement and adoption of the Olympus platform.
Contextual Learning: Tailor the dashboard experience to align with the specific program a learner is enrolled in.
Usability Optimization: Ensure ease of access and intuitive navigation based on the seven principles of usability heuristics.
Next-Step Clarity: Clearly highlight actionable steps for learners to progress in their programs across:
Learn: Content consumption.
Interact: Self-assessment and re-learning.
Participate: Social engagement in communities.
Goal Visibility: Provide a clear overview of both short- and long-term learning goals to support adherence and program completion. The redesign also considered the unique needs of three program types:
Fully Online Programs: No mentorship sessions.
Hybrid Online Programs: Self-paced learning paired with live mentorship sessions or webinars, typically scheduled on weekends.
Blended Programs: A mix of online and offline learning environments.
The dashboard needed to ensure adequate preparation for learners, offering equal emphasis on both online and offline elements while showcasing their value seamlessly.
About Great Learning
With more than 10 Million learners in 170+ countries, Great Learning is a leading global edtech company for professional and higher education offering industry-relevant programs in blended, classroom, and purely online modes across technology, data, and business domains. These programs are developed in collaboration with top academic institutions of the world.
Design of Great Learning lacked structure, clarity and cohesion
Before my tenure at Great Learning, design was often treated as an afterthought or merely as a hygiene requirement. However, after collaborating with the Design Director to assess the existing landscape, I was entrusted with the critical task of redesigning the Olympus platform. This platform serves as the organization's official Learning Management System (LMS), delivering the core product experience for learners to engage with and complete their chosen programs.
The primary objectives of the Olympus dashboard redesign were:
Enhance Adoption: Drive better engagement and adoption of the Olympus platform.
Contextual Learning: Tailor the dashboard experience to align with the specific program a learner is enrolled in.
Usability Optimization: Ensure ease of access and intuitive navigation based on the seven principles of usability heuristics.
Next-Step Clarity: Clearly highlight actionable steps for learners to progress in their programs across:
Learn: Content consumption.
Interact: Self-assessment and re-learning.
Participate: Social engagement in communities.
Goal Visibility: Provide a clear overview of both short- and long-term learning goals to support adherence and program completion. The redesign also considered the unique needs of three program types:
Fully Online Programs: No mentorship sessions.
Hybrid Online Programs: Self-paced learning paired with live mentorship sessions or webinars, typically scheduled on weekends.
Blended Programs: A mix of online and offline learning environments.
The dashboard needed to ensure adequate preparation for learners, offering equal emphasis on both online and offline elements while showcasing their value seamlessly.
A universal design system and components for mono-repo
Our initial approach of building a new user interface using Material UI for React faced significant technical challenges, prompting us to explore alternative solutions. We required a mono-repo setup that allowed flexibility to design and develop custom components while aligning closely with Google’s Material 3 design system.
After evaluating various libraries, we selected TamaGUI as our framework of choice. TamaGUI’s flexibility in creating universal components enabled us to deliver high-quality user interface elements without compromising user experience. This approach ensured faster task execution and improved user adoption across all programs.
We developed a streamlined version of the Material 3 design system, retaining its dynamic color system. This enhancement enabled us to enrich and personalize the course experience in ways previously unattainable.
The following snapshots showcase some of the new components and user interface elements, refined through multiple iterations and user testing.
Establishing redesign guidelines and conducting essential research
Establishing redesign guidelines and conducting essential research
Establishing redesign guidelines and conducting essential research
Getting to know the users, their problems and their needs
The redesign process began with in-depth discussions with key user groups to gather insights from their daily platform interactions. This research revealed critical pain points and opportunities, which were distilled into low-fidelity design concepts and collaboratively evaluated by the team.
Mapping out possibilities, exploring structures and ideas
We developed a priority matrix to effectively organize and prioritize the ideas we had envisioned. In addition, we created multiple wireframes, empathy maps tailored to specific user groups, and detailed user flows to better understand the decision-making process of Great Learning users. These efforts enabled us to build strong, empathetic connections with learners, ensuring their sustained engagement throughout the redesign process.
MVP and first phase usability testing
We developed the initial MVP using components from Material UI, which were customized to align with our design language. A new typography scale, components, and layouts were also designed in Figma as part of the newly established Great Learning Design System (GLDS). However, this approach fell short in addressing the organization's technical challenges.
The engineering team proposed a unified solution: building a mono-repo using React Native to create reusable UI components for both web and native applications. Given the significant effort already invested, the decision was made to transition from the legacy Ruby on Rails pages to new React-based pages utilizing Material UI components.
The following snapshots showcase some of the web application pages redesigned using this approach.
Getting to know the users, their problems and their needs
The redesign process began with in-depth discussions with key user groups to gather insights from their daily platform interactions. This research revealed critical pain points and opportunities, which were distilled into low-fidelity design concepts and collaboratively evaluated by the team.
Mapping out possibilities, exploring structures and ideas
We developed a priority matrix to effectively organize and prioritize the ideas we had envisioned. In addition, we created multiple wireframes, empathy maps tailored to specific user groups, and detailed user flows to better understand the decision-making process of Great Learning users. These efforts enabled us to build strong, empathetic connections with learners, ensuring their sustained engagement throughout the redesign process.
MVP and first phase usability testing
We developed the initial MVP using components from Material UI, which were customized to align with our design language. A new typography scale, components, and layouts were also designed in Figma as part of the newly established Great Learning Design System (GLDS). However, this approach fell short in addressing the organization's technical challenges.
The engineering team proposed a unified solution: building a mono-repo using React Native to create reusable UI components for both web and native applications. Given the significant effort already invested, the decision was made to transition from the legacy Ruby on Rails pages to new React-based pages utilizing Material UI components.
The following snapshots showcase some of the web application pages redesigned using this approach.
A universal design system and components for mono-repo
A universal design system and components for mono-repo
Our initial approach of building a new user interface using Material UI for React faced significant technical challenges, prompting us to explore alternative solutions. We required a mono-repo setup that allowed flexibility to design and develop custom components while aligning closely with Google’s Material 3 design system.
After evaluating various libraries, we selected TamaGUI as our framework of choice. TamaGUI’s flexibility in creating universal components enabled us to deliver high-quality user interface elements without compromising user experience. This approach ensured faster task execution and improved user adoption across all programs.
We developed a streamlined version of the Material 3 design system, retaining its dynamic color system. This enhancement enabled us to enrich and personalize the course experience in ways previously unattainable.
The following snapshots showcase some of the new components and user interface elements, refined through multiple iterations and user testing.
Our initial approach of building a new user interface using Material UI for React faced significant technical challenges, prompting us to explore alternative solutions. We required a mono-repo setup that allowed flexibility to design and develop custom components while aligning closely with Google’s Material 3 design system.
After evaluating various libraries, we selected TamaGUI as our framework of choice. TamaGUI’s flexibility in creating universal components enabled us to deliver high-quality user interface elements without compromising user experience. This approach ensured faster task execution and improved user adoption across all programs.
We developed a streamlined version of the Material 3 design system, retaining its dynamic color system. This enhancement enabled us to enrich and personalize the course experience in ways previously unattainable.
The following snapshots showcase some of the new components and user interface elements, refined through multiple iterations and user testing.
Project Results
Project Results
User Feedback
"I love the features on this platform—they're incredibly useful! I think having a mobile or desktop application would make it even better and allow me to access everything more conveniently from any device."
"Navigating through the videos is so easy. The interface is intuitive, and I can quickly find what I need, making the whole learning experience much smoother."
"The dashboard is amazing! It’s easy to use, minimal in design, and loads really quickly, which makes using the platform hassle-free and efficient."
"The dashboard landing page is so comprehensive. It gives me a clear overview of everything I need at a glance, which helps me stay organized and on track."
Usage Statistics Changes
45,000+
Learners used the new Olympus experience
4.8
Was the average NPS score which moved up from 4.1 after the release of the new Olympus experience
57,500+
Videos were downloaded after launching the new downloads management feature and was used by over 4,000+ learners
User Feedback
"I love the features on this platform—they're incredibly useful! I think having a mobile or desktop application would make it even better and allow me to access everything more conveniently from any device."
"Navigating through the videos is so easy. The interface is intuitive, and I can quickly find what I need, making the whole learning experience much smoother."
"The dashboard is amazing! It’s easy to use, minimal in design, and loads really quickly, which makes using the platform hassle-free and efficient."
"The dashboard landing page is so comprehensive. It gives me a clear overview of everything I need at a glance, which helps me stay organized and on track."
Usage Statistics Changes
45,000+
Learners used the new Olympus experience
4.8
Was the average NPS score which moved up from 4.1 after the release of the new Olympus experience
57,500+
Videos were downloaded after launching the new downloads management feature and was used by over 4,000+ learners
© Rupesh Tripathi Digital, 2024. All Rights Reserved.
Content on this site, including client and partner designs, is displayed solely for portfolio use. All third-party materials are owned by their respective copyright holders.
Please contact me for inquiries.