Wrkble

Wrkble

Redesigned Wrkble's interface, leading to a 450% increase in course sales.

Overview

Wrkble was developed to address a critical gap in the job market: the disconnect between theoretical knowledge and practical skills. While many e-learning platforms offer extensive courses, they often lack opportunities for students to apply their knowledge in real-world scenarios. Wrkble fills this void by providing projects and challenges that closely mirror industry needs.

Team

Junior Designer - Pawan

Senior Designer - Yogendra

UX Engineer - Yashraj

Developers - Gourav, Subhi, Lovely

Stakeholders - Merul(CTO), Mukul(CEO)

My Role

Redesigned the existing Courses and Course Detail pages, enhancing usability and visual appeal.

Designed new features and additional screens, ensuring a seamless user experience across the platform.

Timeline

Redesign - 3 Weeks

New Features - 6 Weeks

Total - 9 Weeks

Problem Statement

Lack of Practical Experience: Many students and professionals gain theoretical knowledge but struggle to apply it effectively in real-world situations.

Lack of Practical Experience: Many students and professionals gain theoretical knowledge but struggle to apply it effectively in real-world situations.

Existing Platforms’ Limitations: Traditional e-learning platforms focus on content delivery without offering sufficient hands-on experience, leaving users underprepared for actual job demands.

Existing Platforms’ Limitations: Traditional e-learning platforms focus on content delivery without offering sufficient hands-on experience, leaving users underprepared for actual job demands.

Objectives

Redesign Existing Screens: Improve the user interface of pre-designed pages to enhance usability and align with the overall project vision.

Redesign Existing Screens: Improve the user interface of pre-designed pages to enhance usability and align with the overall project vision.

Design New Features: Create additional screens and features that were not yet developed, ensuring a cohesive and user-centric design across the platform.

Design New Features: Create additional screens and features that were not yet developed, ensuring a cohesive and user-centric design across the platform.

Enhance User Experience: Focus on creating an intuitive, engaging, and functional interface that supports users in applying their learning effectively

Enhance User Experience: Focus on creating an intuitive, engaging, and functional interface that supports users in applying their learning effectively

User Persona

Userflow - Student getting a certificate.

Colors & Typography

Design Process

1. Understanding the Existing Design

Initial Review: Conducted a comprehensive review of the existing screens to understand the design language, functionality, and areas needing improvement.

Initial Review: Conducted a comprehensive review of the existing screens to understand the design language, functionality, and areas needing improvement.

Stakeholder Meetings: Engaged with the project team to gather insights on the vision, user needs, and any challenges faced with the initial designs.

Stakeholder Meetings: Engaged with the project team to gather insights on the vision, user needs, and any challenges faced with the initial designs.

User Feedback: Analyzed feedback from early users to identify pain points and opportunities for enhancement

User Feedback: Analyzed feedback from early users to identify pain points and opportunities for enhancement

2. Redesigning Existing Pages

The Courses and Course Detail pages were already designed when I started working on Wrkble. I began by redesigning those pages before moving on to the rest of the project.

The Courses and Course Detail pages were already designed when I started working on Wrkble. I began by redesigning those pages before moving on to the rest of the project.

3. Designing New Features.

Designed new pages that introduced users to Wrkble’s core features, such as project selection, challenge submissions, and progress tracking.

Designed new pages that introduced users to Wrkble’s core features, such as project selection, challenge submissions, and progress tracking.

Loading / Skeleton Screens

Extras

Designed certificates for completion.

Results

Improved Usability: The redesigned pages provided a more intuitive and cohesive experience, making it easier for users to navigate the platform and engage with projects

Improved Usability: The redesigned pages provided a more intuitive and cohesive experience, making it easier for users to navigate the platform and engage with projects

Enhanced Engagement: Users reported increased motivation to participate in challenges due to the clear, structured, and visually appealing interface.

Enhanced Engagement: Users reported increased motivation to participate in challenges due to the clear, structured, and visually appealing interface.

Seamless User Flow: The newly designed screens ensured a smooth and consistent experience across the platform, supporting users in applying their knowledge in practical scenarios.

Seamless User Flow: The newly designed screens ensured a smooth and consistent experience across the platform, supporting users in applying their knowledge in practical scenarios.