ATTRIBUTE
Web Design
TYPE:
Master Project
YEAR:
2025
KEY WORDS:
#DesignThinking #UsabilityTesting #AIIntegration #CareerTech
about.
CareerLens is a web platform designed to help university students explore career options that align with their personal traits, interests, and goals. The platform offers personalized career assessments, detailed career information, mentorship opportunities, and skill-building workshops—all aimed at empowering students to make more informed career decisions.
challenge.
Challenge 1: Lack of Real-World Career Exposure
The Problem: 61% of students report that their career interests change during university, yet most lack meaningful exposure to day-to-day realities of their potential career paths. This disconnect leads to unrealistic expectations and poor career fit upon graduation.
Research Insight: Students struggle to visualize actual workplace scenarios, leading to career dissatisfaction and unnecessary professional pivots after graduation.
Challenge 2: Skills Assessment and Career Mapping Gap
The Problem: Students struggle to align their academic background, personal traits, and strengths with suitable career paths. There's a notable gap between what students believe they're capable of and what employers expect.
User Pain Point: "I find it difficult to visualize the day-to-day work... I want to experience that to learn what sort of things I would be doing."
Challenge 3: Professional Network Development Barriers
The Problem: Students recognize professional connections are crucial for success, yet many lack exposure to workplace environments and professionals in their field. Traditional networking methods have significant limitations - in-person events are geographically constrained and high-anxiety, while online platforms like LinkedIn often feel superficial.
Design Challenge: How might we create authentic professional connections that overcome geographical constraints while maintaining meaningful interactions?
Challenge 4: Navigation and Usability Issues
Technical Challenge: During user testing, participants couldn't easily find scheduled sessions ("Where can I find my booked schedule?") and felt some assessment features were "too simple" without clear AI-powered functionality indicators.
result.
3. Ideate
Brainstorming Approach
Conducted ideation sessions focused on addressing key pain points identified in research
Used "How Might We" questions to frame design challenges:
"How might we help students visualize day-to-day work realities?"
"How might we connect students with relevant industry mentors?"
"How might we reduce career decision anxiety through better information?"
Solution Concept
A comprehensive career exploration platform with four key components:
Personalized Career Assessment
Personality and interest assessment to match with suitable careers
Self-evaluation tools to identify strengths and areas for development
Career Insight Hub
Detailed "Day in the Life" visualizations of different careers
Comprehensive career profiles including salary information, required education, and growth outlook
Real industry perspectives on daily responsibilities
Mentorship Network
Connection to industry professionals for guidance
Scheduling system for booking mentorship sessions
Profile matching based on career interests and background
Skill Development Portal
Workshops and events relevant to specific career paths
Resources for building industry-relevant skills
Opportunity to practice and demonstrate abilities
Information Architecture
Developed a clear structure for the platform based on user needs:
Dashboard (central hub for personalized recommendations and activities)
Career Exploration (detailed career information)
Mentors (browse and connect with professionals)
Events (workshops and skill-building opportunities)
Profile (assessment results and personal information)
4. Prototype
Low-Fidelity Wireframes
Created paper sketches of key screens to establish basic layout and functionality
Tested navigation patterns with simple click-through prototypes

Mid-Fidelity Prototype
Developed an interactive prototype implementing key user flows:
Onboarding & Assessment
Account creation with career goal identification
Personalized assessment questions
Results display and career matching
Career Exploration
Browse career options
Detailed career profiles with "Day in the Life" section
Comparison tools for different career paths
Mentor Connection
Browse mentor profiles
Scheduling and booking system
Communication tools
Workshop Registration
Calendar of upcoming events
Registration and reminder system
Related resources

Visual Design Approach
Professional, trustworthy aesthetic to build confidence
Clear information hierarchy to facilitate decision-making
Accessible interface with intuitive navigation patterns
Testing Methodology
Conducted user testing sessions with 5 university students, assigning specific tasks:
Create an account
Complete a personal assessment
Explore career information for a specific role
Book a mentor session
Register for a design workshop
Key Testing Observations
Positive Feedback:
Professional Design Built Trust
"It feels safe to use and I can trust this website and also it's very clear that anything I want to find it will be easy to attach." - Sarah, Marketing Student
"Day in the Life" Feature Was Highly Valued
"I think yes, we all care about salary for sure, but... the things that I really want to know will be if I had this job, what will my life be like? Exactly what will my life exactly be like? So day in the life." - Sarah, Marketing Student
Clear Structure Was Appreciated
"This is very clear... I think it's wholesome the need of new like Gen Z or other younger people." - Sarah, Marketing Student
Areas for Improvement:
Assessment Depth
"It's a little bit too simple to do it... I think the question is very good. But if it can be like more two or three question will be enough." - Sarah, Marketing Student
Navigation Clarity
"Where can I find my booked schedule?" - Sarah, Marketing Student (struggling to locate booked mentorship sessions)
Career Goal Options
"I think people need more. Maybe people needs more more options." - Alex, Marketing Student (referring to career goal selection)
Iterations Based on Feedback
Enhanced Assessment
Expanded the question set for more comprehensive personality evaluation
Added more nuanced response options to capture subtle preferences
Improved Navigation
Added clear access to booked sessions on the dashboard
Created a "My Schedule" section for all booked activities
Improved visibility of important navigation elements
Expanded Career Information
Enhanced "Day in the Life" section with more detailed timelines
Added more comprehensive information about required skills
Improved salary and growth projection visualizations
"Day in the Life feature is exactly what I want to know when I'm choosing what job to apply."




