Career Mapping APP

Career Mapping APP

A Career Guidance App for Students

A Career Guidance App for Students

A Career Guidance App for Students

CareerUp helps students align their education and career choices with their passions and goals through personalised recommendations and career mapping tools.

CareerUp helps students align their education and career choices with their passions and goals through personalised recommendations and career mapping tools.

ROLE

ROLE

ROLE

UX Designer, Project Lead

(Team of 6)

UX Designer, Project Lead

(Team of 6)

TIME

TIME

TIME

Apr 2024- Jun 2024

Apr 2024- Jun 2024

Apr 2024- Jun 2024

CATEGORY

CATEGORY

CATEGORY

Experience Design

Experience Design

Experience Design

TOOLS

TOOLS

TOOLS

Figma

Figma

Figma

Miro

Miro

Miro

Microsoft Teams

Microsoft Teams

Microsoft Teams

Adobe Premiere

Adobe Premiere

Adobe Premiere

Adobe Premiere

SKILLS

SKILLS

SKILLS

Management

Management

Management

T-shaped Design Skills

T-shaped Design Skills

T-shaped Design Skills

Bridge Builder

Bridge Builder

Bridge Builder

Brief

Brief

Brief

This industry project, in collaboration with SPARCK, focuses on designing human-centred products. CareerUp helps students align their career and education planning with personal goals using AI and data analytics.

This industry project, in collaboration with SPARCK, focuses on designing human-centred products. CareerUp helps students align their career and education planning with personal goals using AI and data analytics.

Client: SPARCK - A digital innovation consultancy.

Client: SPARCK - A digital innovation consultancy.

📌 The goal is to engage users in interactive scenarios that demonstrate the direct impact of their actions on ocean health and inspire a culture of responsibility.

📌 The goal is to engage users in interactive scenarios that demonstrate the direct impact of their actions on ocean health and inspire a culture of responsibility.

Objectives

Objectives

Objectives

  • Empower Students: Provide personalised career paths based on user input.

  • Increase Engagement: Motivate students to explore future opportunities.

  • Align with Market Trends: Ensure career recommendations reflect real-world demands.

  • Simplify Guidance: Deliver intuitive and actionable career maps.

  • Empower Students: Provide personalised career paths based on user input.

  • Increase Engagement: Motivate students to explore future opportunities.

  • Align with Market Trends: Ensure career recommendations reflect real-world demands.

  • Simplify Guidance: Deliver intuitive and actionable career maps.

  • Support UN Goal 14: Help reduce ocean plastic by 2025.

  • Raise Awareness: Show tourists the impact of plastic on marine life.

  • Promote Eco-Tourism: Encourage eco-friendly behaviours.

  • Foster Empathy: Build emotional connections with marine life through VR.

  • Drive Change: Inspire sustainable actions with interactive learning.

Challenges

Challenges

Challenges

  • Confidence Deficit: Students doubt their readiness for job market demands.

  • Time Management: Academic and job application pressures overwhelm students.

  • Insufficient Role Clarity: Vague job descriptions cause uncertainty about roles.

  • Unclear Career Pathways: Obscure career progression complicates decision-making.

  • Identify and Values Misalignment: Hard to align careers with personal values.

  • Limited Practical Experience: Few internships limit vital job skill development.

  • Networking Shortfalls: Lack of networking limits essential professional connections.

  • Economic Anxiety: Job market uncertainties increase stress and indecision.

  • Confidence Deficit:Students feel unprepared for job market demands.

  • Time Management: Balancing academics and job applications is overwhelming.

  • Role Clarity Issues: Vague job descriptions create confusion.

  • Unclear Career Paths: Hard to navigate career progression.

  • Values Misalignment: Struggle to align careers with personal values.

  • Limited Experience: Few internships hinder skill development.

  • Networking Gaps: Lack of professional connections limits opportunities.

  • Economic Anxiety: Job market uncertainty increases stress.

14.1 By 2025, significantly reduce all marine pollution, especially from land-based sources like debris and nutrients.

Design Process

Design Process

Design Process

Research

Research

Research

Getting to know our users

What are our users currently using to look for a job?

What are our users currently using to look for a job?

We applied different methods in use and gathered insights from various stakeholders, including students, career planning teams, and industry professionals.

We applied different methods in use and gathered insights from various stakeholders, including students, career planning teams, and industry professionals.

We applied different methods in use and gathered insights from various stakeholders, including students, career planning teams, and industry professionals.

  • Online Platforms: Students commonly use LinkedIn, Indeed, Glassdoor to explore job roles.

  • University Career Centres: Offer resume reviews and interview practice, but often lack alignment with students' personal goals.

  • Online Platforms: Students commonly use LinkedIn, Indeed, Glassdoor to explore job roles.

  • University Career Centres: Offer resume reviews and interview practice, but often lack alignment with students' personal goals.

  • Online Platforms: Students commonly use LinkedIn, Indeed, Glassdoor to explore job roles.

  • University Career Centres: Offer resume reviews and interview practice, but often lack alignment with students' personal goals.

Key Insights

User needs and feedback

User needs and feedback

  1. Role Clarity: Students need clear job roles and required skills.

  2. Personal Alignment: Career paths should align with values like work-life balance and growth.

  3. Transparency: Realistic insights into internships and placements are essential.

  1. Role Clarity: Students need clear job roles and required skills.

  2. Personal Alignment: Career paths should align with values like work-life balance and growth.

  3. Transparency: Realistic insights into internships and placements are essential.

  1. Role Clarity: Students need clear job roles and required skills.

  2. Personal Alignment: Career paths should align with values like work-life balance and growth.

  3. Transparency: Realistic insights into internships and placements are essential.

Career Team Insights

Career Team Insights

  1. Employer Communication Gaps: Lack of clear job descriptions from employers leads to missed opportunities.

  2. Engagement Shortfalls:Career services struggle to effectively engage students with job opportunities.

  1. Employer Communication Gaps: Lack of clear job descriptions from employers leads to missed opportunities.

  2. Engagement Shortfalls:Career services struggle to effectively engage students with job opportunities.

  1. Employer Communication Gaps: Lack of clear job descriptions from employers leads to missed opportunities.

  2. Engagement Shortfalls:Career services struggle to effectively engage students with job opportunities.

Insights matrix based on research and persona, the green bubbles were our main focus.

Insights matrix based on research and persona, the green bubbles were our main focus.

Insights matrix based on research and persona, the green bubbles were our main focus.

We then, based on our main focuses, elaborated some HMWs and tried to understand our users.

We then, based on our main focuses, elaborated some HMWs and tried to understand our users.

We then, based on our main focuses, elaborated some HMWs and tried to understand our users.

Persona

Persona

Persona

MEET JENNY: A FINAL-YEAR STUDENT

MEET JENNY: A FINAL-YEAR STUDENT

MEET JENNY: A FINAL-YEAR STUDENT

UNDERGRADUATE | 22 | LOUGHBOROUGH UNIVERSITY

UNDERGRADUATE | 22 | LOUGHBOROUGH UNIVERSITY

UNDERGRADUATE | 22 | LOUGHBOROUGH UNIVERSITY

Jenny is a 22 year old final-year undergraduate, and she is reaching breaking point because she wants a great career plan, but she feel overwhelmed by LinkedIn, TotalJobs and university careers information.

Jenny is a 22 year old final-year undergraduate, and she is reaching breaking point because she wants a great career plan, but she feel overwhelmed by LinkedIn, TotalJobs and university careers information.

Jenny is a 22 year old final-year undergraduate, and she is reaching breaking point because she wants a great career plan, but she feel overwhelmed by LinkedIn, TotalJobs and university careers information.

WANT 💼

  • to explore career possibilities

  • to feel confident and fulfilled

  • build a strong connection

WANT 💼

  • to explore career possibilities

  • to feel confident and fulfilled

  • build a strong connection

WANT 💼

  • to explore career possibilities

  • to feel confident and fulfilled

  • build a strong connection

MOTIVATION 🙌🏼

  • to gain real-world experience

  • to explore herself and different career paths

MOTIVATION 🙌🏼

  • to gain real-world experience

  • to explore herself and different career paths

MOTIVATION 🙌🏼

  • to gain real-world experience

  • to explore herself and different career paths

PAIN POINT 😐

  • lack of confidence

  • poor at time management

  • unclear career path

PAIN POINT 😐

  • lack of confidence

  • poor at time management

  • unclear career path

PAIN POINT 😐

  • lack of confidence

  • poor at time management

  • unclear career path

artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png

"I need clearer information about the expectations of roles."

"I need clearer information about the expectations of roles."

"I need clearer information about the expectations of roles."

Solutions

Solutions

Solutions

📱 CareerUp: A career mapping APP that assists students to find potential jobs

📱 CareerUp: A career mapping APP that assists students to find potential jobs

📱 CareerUp: A career APP that assists students to find jobs

CareerUp is a career guidance app that helps students align their education with real-world career paths, providing tailored advice and success stories for informed decision-making.

  • Inspiration: Present challenges that promote sustainable, long-term thinking.

  • Engagement: Use interactive VR to make learning deep and enjoyable.

  • Exploration: Enable autonomous exploration for discovery-based learning.

CareerUp is a career guidance app that helps students align their education with career paths, offering tailored advice and success stories for informed decisions.

CareerUp uses AI to match students with tailored career paths, offering interactive "Mini Jobs" for real-world simulations and continuous feedback to align skills with market demands. This helps students better understand their capabilities and prepare for future careers.

CareerUp uses AI to match students with careers, offering "Mini Jobs" and feedback to align skills with market demands.

Career mapping system

Career mapping

Career mapping system

Uses AI to suggest career paths based on students' preferences, skills, and education.

Uses AI to suggest career paths based on students' preferences, skills, and education.

Real-time feedback

Real-time feedback

Real-time feedback

Provides feedback on needed skills and strengths during simulations.

Provides feedback on needed skills and strengths during simulations.

Daily job matches

Daily job matches

Daily job matches

Delivers personalised job recommendations and insights based on profile updates.

Delivers personalised job recommendations and insights based on profile updates.

Key Features

Key Features

Key Features

CareerUp Showcase

CareerUp Showcase

💡 WATCH OUR SHOWCASE VIDEO ABOVE 📍

💡 WATCH OUR SHOWCASE VIDEO ABOVE 📍

💡 WATCH OUR SHOWCASE VIDEO ABOVE 📍

Results

Results

Results

Concept Impact:

Concept Impact:

  • The CareerUp design concept was well-received by Sparck, showcasing innovative ideas for guiding students through career planning.

  • The CareerUp design concept was well-received by Sparck, showcasing innovative ideas for guiding students through career planning.

  • The CareerUp design concept was well-received by Sparck, showcasing innovative ideas for guiding students through career planning.

Ideation Success:

Ideation Success:

  • The project explored practical solutions for aligning education with career goals, resulting in an interactive career map and personalized recommendations.

  • The project explored practical solutions for aligning education with career goals, resulting in an interactive career map and personalized recommendations.

  • The project explored practical solutions for aligning education with career goals, resulting in an interactive career map and personalized recommendations.

Potential Benefits:

If implemented, CareerUp could

Potential Benefits:

If implemented, CareerUp could

  • Empower students to make informed decisions with personalized career guidance.

  • Increase engagement through gamified learning and challenges.

  • Bridge gaps between academic programs and job market trends.

  • Empower students to make informed decisions with personalized career guidance.

  • Increase engagement through gamified learning and challenges.

  • Bridge gaps between academic programs and job market trends.

  • Empower students to make informed decisions with personalized career guidance.

  • Increase engagement through gamified learning and challenges.

  • Bridge gaps between academic programs and job market trends.

Ideation Process

Ideation Process

Ideation Process

Step 1

Step 1

Step 1

Responsible

Responsible

Step 2

Step 2

Step 2

Initial Ideation

Ideation Prototyping

Step 3

Step 3

Step 3

Feature Prioritisation

Feature Prioritisation

Step 4

Step 4

Step 4

Online Survey

Online Survey

Online Survey

Design

Design

Design

Low-fidelity Prototype & User Testing (External)

Low-fidelity Prototype & User Testing (External)

Low-fidelity Prototype

After deciding our design concept, we developed a low-fidelity prototype and tested our targeted users to gain insightful feedback and did the iteration.

After deciding our design concept, we developed a low-fidelity prototype and tested our targeted users to gain insightful feedback and did the iteration.

artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png

High-fidelity Prototype

High-fidelity Prototype

High-fidelity Prototype

artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png

Business Consideration

Business Consideration

Business Consideration

Swipe right to review business consideration

Swipe right to review business consideration

Swipe right to review business consideration

1. Wider Perspective on Values 2. Ecosystem & Business Model 3. Good Service Scale

1. Wider Perspective on Values

2. Ecosystem & Business Model

3. Good Service Scale

1. Wider Perspective on Values

2. Ecosystem & Business Model

3. Good Service Scale

Reflection

Reflection

Reflection

I'm truly grateful for the enriching experiences in collaboration with SPARCK, which enhanced my early-stage UX research and design skills. This collaboration was pivotal in understanding how clients prioritise practical design solutions and strategic decision-making over mere aesthetics.

I'm truly grateful for the enriching experiences in collaboration with SPARCK, which enhanced my early-stage UX research and design skills. This collaboration was pivotal in understanding how clients prioritise practical design solutions and strategic decision-making over mere aesthetics.

I thoroughly enjoyed the Advanced Interaction Design module, exploring new AR and VR concepts. Transitioning from 2D to VR required adapting to new methodologies, including field of view, optimal zones, and addressing ethical issues like motion sickness and eye strain.

Key Takeaway

Key Takeaway

Key Takeaway

  • Communication Skills: Navigating complex design phases taught me to effectively align diverse perspectives and enhance my strategic communication.

  • Leadership and Initiative: Leading a varied team helped me develop patience and adaptability, crucial for managing dynamic interactions and project demands.

  • Agile and Time Management: This short, intense project sharpened my management skills, teaching me to efficiently deliver comprehensive solutions and embrace agile methodologies.

  • Communication Skills: Navigating complex design phases taught me to effectively align diverse perspectives and enhance my strategic communication.

  • Leadership and Initiative: Leading a varied team helped me develop patience and adaptability, crucial for managing dynamic interactions and project demands.

  • Agile and Time Management: This short, intense project sharpened my management skills, teaching me to efficiently deliver comprehensive solutions and embrace agile methodologies.

  • VR Design: Mastered immersive environments and spatial design.

  • User Safety: Integrated measures for motion sickness and eye strain.

  • Emotional Engagement: Enhanced emotional connections to boost immersion.

Back To Home

Built in Framer

Created by Wei Hsin 2024

Built in Framer

Created by Wei Hsin 2024

Built in Framer

Created by Wei Hsin 2024

Portfolio logo
Portfolio logo