Careership App Design
Raza Ul Mustafa
Project Overview
Careership is an innovative career development app that aims to redefine how individuals explore, learn, and grow in their careers. It combines interactive learning, mentorship, live events, and a vibrant community network to deliver a deeply personalized experience. This project focused on designing an intuitive and engaging interface that supports diverse user goals, from discovering interests to becoming mentors or participating in live educational events.
The design journey centered around enabling a seamless experience for users to:
Select interests during onboarding
Choose and manage subscription packages
Access categorized courses
Host or join live events
Engage with the LMF (Learning, Mentoring, Feedback) Network
Share feedback and track their progress
My Role
As the UI/UX Designer, I was responsible for:
Leading the user experience strategy and interaction design
Designing high-fidelity mockups for all major flows: onboarding, subscription, learning, mentorship, and events
Creating intuitive user journeys, wireframes, and visual UI components
Collaborating with stakeholders and developers to align design intent with functionality
Incorporating user feedback and usability testing insights into iterative design improvements
Working Process
Discovery & Research
Conducted competitor analysis to identify gaps in existing career development platforms
Mapped user personas and journeys focusing on learners, mentors, and event hosts
Defined key use cases for personalization, live interaction, and progress tracking
Wireframing & Prototyping
Created low-fidelity wireframes to outline the core app structure
Developed mid- to high-fidelity prototypes for testing the onboarding, subscription, and course flows
Validated interaction models for gestures, iconography, and navigation patterns
UI Design
Established a visual style guide with typography, color schemes, and UI components
Designed screens with consistent visual cues, including interest icons, badge systems, and progress indicators
Ensured accessibility and responsiveness across devices
User Testing & Iteration
Collected early feedback via clickable prototypes
Refined interface elements based on testing around subscription decisions, mentor discovery, and course navigation
Added gamified elements (badges, certificates) to enhance engagement
Highlights from the Mockup Images
Onboarding Flow:
Eye-catching interest selection screen with intuitive icons and smooth gesture-based navigation
Personalized welcome based on selected interest areas
Subscription Page:
Clean comparison chart showing plan features side-by-side
Simplified checkout with visual cues for billing and package benefits
Learning Dashboard:
Categorized course cards using color-coded tags
Progress bars and icons help users track completed and in-progress courses
Mentorship Section:
Dual-path layout encouraging users to "Become a Mentor" or "Find a Mentor"
Profiles include skill badges, experience levels, and feedback ratings
Live Events Experience:
Calendar-style event view with join/reminder actions
Interactive cards for lectures, workshops, and real-time discussionLMF Network Dashboard:
A central hub showing course progress, upcoming events, mentorship connections, and feedback statistics
Real-time notifications and user interactions via chat and message boards
Onboarding Screens
Splash, Home and Course Details VIew
Activites, Menu and Profile
Like this project
Posted Aug 26, 2024
"Careership" is a dynamic platform for mentors and mentees, offering seamless role transitions, versatile skill development, and robust event management.
