Project Overview

CoderSchool, a leading online learning platform, sought to enhance their user experience and modernize their platform to better meet the needs of their learners. UXphoria was tasked with conducting a comprehensive redesign, encompassing UX research, UX design, UI design, and usability testing.

This case study outlines the process and outcomes of UXphoria's engagement with CoderSchool to revitalize their learning platform.

Goal

CoderSchool sought to create a visually appealing and user-friendly interface for their newly developed online learning platform. The platform aimed to provide immersive learning experiences and equip teams with the skills of tomorrow.

Approach

UXphoria was tasked with conducting a comprehensive redesign, encompassing UX research, UX design, UI design, and usability testing. This case study outlines the process and outcomes of UXphoria's engagement with CoderSchool to revitalize their mobile app.

I. User Research

Brand Analysis

We conducted an in-depth analysis of CoderSchool's brand identity, mission, and values. This included reviewing their website, marketing materials, and student feedback. We aimed to understand the essence of their brand and how it resonated with their target audience.

No items found.

Competitor Analysis

We analyzed competing online learning platforms, such as Coursera, Udemy, and edX, to identify best practices and areas for innovation. This involved evaluating their user interfaces, features, and overall user experience. We focused on identifying features that were particularly valuable to learners and areas where CoderSchool could differentiate themselves.

User Personas

To gain a deeper understanding of CoderSchool's learners, we created detailed user personas representing different segments of their target audience. These personas included students, professionals, and corporate teams.
The Aspiring Professional: A motivated individual seeking to upskill and advance their career. They value quality content, flexibility, and personalized learning experiences.
The Corporate Learner: A professional enrolled in company-sponsored training programs. They prioritize convenience, accessibility, and integration with existing tools.
The Lifelong Learner: An individual who is passionate about continuous learning and personal development. They value a diverse range of courses and opportunities for networking.

Persona #2 _ UXphoria_ Study Case - CoderSchool
Persona #3 _ UXphoria_ Study Case - CoderSchool
No items found.

II. Problem Definition

Customer Journey Mapping

We mapped out the typical learner journey, from initial platform discovery to course completion and career advancement. This helped us identify pain points and areas for improvement.

1. Difficulty finding relevant courses: Learners struggled to navigate the course catalog and find courses that aligned with their interests and career goals.

2. Limited engagement features: The platform lacked features to encourage learner interaction and engagement, such as discussion forums or live Q&A sessions.

3. Technical difficulties: Learners encountered technical issues, such as slow loading times or compatibility problems, which hindered their learning experience.

4. Lack of personalized support: Learners felt that they did not have enough support and guidance throughout their learning journey.

Heuristic Evaluation

Our heuristic evaluation revealed several usability issues, including:

1. Lack of clear navigation: The platform's navigation structure was confusing, making it difficult for learners to find the information they needed.

2. Inconsistent design elements: The design elements were inconsistent, leading to a disjointed and confusing user experience.

3. Insufficient feedback mechanisms: The platform provided limited feedback to learners, making it difficult for them to understand their progress or identify areas for improvement.

4. Lack of accessibility features: The platform did not adequately support learners with disabilities, such as those with visual or hearing impairments.

User Stories

We created user stories to define the goals and needs of different user personas. For example, "As an aspiring professional, I want to easily find relevant courses that align with my career goals."

Feature Roadmap

We developed a feature roadmap to prioritize the most important features and functionalities for the redesigned platform. This roadmap helped us focus our development efforts and ensure that we were delivering the greatest value to learners.

User Flows

We created detailed user flows to visualize the learner journey through the platform. This helped us identify potential pain points and ensure a seamless user experience.

Information Architecture

We carefully organized the information within the platform to create a clear and intuitive structure. This involved grouping related content, using appropriate labels, and providing clear navigation paths.

III. Ideation & Design

UX Sketching

Ideation and Exploration: We utilized UX sketching to quickly generate and explore various design concepts. This low-fidelity approach allowed us to rapidly iterate on ideas and visualize different layout options without committing to a final design.

Communication and Collaboration: UX sketching facilitated effective communication and collaboration among team members. By sketching out ideas, we were able to share our thoughts and receive feedback from stakeholders in a more tangible and understandable way.

Rapid Iteration: Sketching enabled us to experiment with different design approaches and rapidly iterate on ideas. This allowed us to identify the most promising concepts and refine them further.

CoderSchool

Wireframing

We started with low-fidelity wireframes to quickly iterate on different design concepts and gather feedback from stakeholders.

CoderSchool
Wireframe | UXphoria: Study Case - CoderSchool
Wireframe | UXphoria: Study Case - CoderSchool
No items found.

Visual Design

Visual Design Choices: We developed a visual design style guide that aligned with CoderSchool's brand identity. This included color palette, typography, iconography, and overall aesthetic.
Branding Elements: We incorporated key branding elements, such as the CoderSchool logo and tagline, into the platform's design to reinforce brand recognition.
Accessibility Considerations: We ensured that the platform was accessible to learners with disabilities by following accessibility guidelines and incorporating features such as high-contrast modes and screen reader compatibility.

Visual Design | UXphoria: Study Case - CoderSchool
Visual Design | UXphoria: Study Case - CoderSchool
No items found.
CoderSchool

Design System

IV. Testing & Iteration

User Testing

We conducted A/B tests to compare different design variations and identify the most effective solutions. This involved creating two or more versions of a design element (e.g., a button, a navigation menu) and testing them with different groups of learners.

CoderSchool

Prototype

Key Takeaways

The importance of user research: A deep understanding of your users is essential for creating a successful online learning platform. By conducting user research, we were able to identify key pain points and tailor the design to meet their specific needs.

The value of iterative design: Our iterative design process allowed us to continuously refine the platform based on user feedback and testing. This ensured that the final product met the highest standards of usability and user satisfaction.

The importance of accessibility: Designing for accessibility is crucial for ensuring that your platform is usable by a wider range of learners. By incorporating accessibility features, we were able to make the Knowledgehut Upgrad platform more inclusive.

The benefits of a personalized learning experience: Providing learners with personalized recommendations and content can enhance their engagement and motivation.

Future Considerations

Gamification: Explore gamification elements to incentivize learner engagement and motivation. This could include rewards, badges, or leaderboards.

Social Features: Incorporate social features, such as discussion forums or live Q&A sessions, to foster a sense of community and encourage interaction among learners.

Social Features: Incorporate social features, such as discussion forums or live Q&A sessions, to foster a sense of community and encourage interaction among learners.

Integration with Other Tools: Explore integrating the platform with other productivity tools or learning management systems to streamline the learning experience.