Career Highways

By Push Studios

<-- Prev

Next -->

Career Highways is a platform designed to help students, job seekers, and employers map out and enhance their career paths.

The image featured at the top of the about us page #1

ROLE

Lead Designer

SKILLS

UX Design
Usability Testing

Information Architecture

TOOLS

Figma

Adobe Illustrator

TEAM

1 Designer
1 PM
2 Developers

ROLE

Lead Designer

SKILLS

UX Design
Usability Testing

Information Architecture

TOOLS

Figma

Adobe Illustrator

TEAM

1 Designer
1 PM
2 Developers

Impact

Deliverable

85% Win rate with client pitches

57% Increased retention rate

Redesigning the platform to increase usability and engagement. Gamifying the roadmap-building experience to make skill tracking more interactive. Competitive Analysis of AI chatbots for potential integration. Creating a Branding Guide to ensure consistency.

Problem Statement

How do we gamify the experience of career mapping?

Solutions

Upon analyzing competition, we concluded platforms like LinkedIn Learning and Coursera offered progress trackers but lacked structured employer-driven roadmaps. This confirmed an opportunity to differentiate.

Simplified Career Roadmap

Replaced dense, text-heavy screens with visual milestone cards that clearly showed career progression. Added expandable details so users could drill down into requirements and skills only when they wanted to.

Simplified Career Roadmap

Streamlined Employer Workflow

Created a guided editing flow with fewer steps and logical grouping of fields (role title, skills, qualifications, career stage). Replaced long static forms with modular inputs.

Streamlined Employer Workflow

Created a guided editing flow with fewer steps and logical grouping of fields (role title, skills, qualifications, career stage). Replaced long static forms with modular inputs.

Streamlined Employer Workflow

Created a guided editing flow with fewer steps and logical grouping of fields (role title, skills, qualifications, career stage). Replaced long static forms with modular inputs.

Design Process

The existing roadmap tool had become cluttered and unintuitive. Students struggled to understand career progression across industries, while employers found the process of adding or editing roles frustrating.

Initial sketches experimented with linear timelines and branching maps. Eventually, after multiple iterations and presentations to stakeholders, developers and testing with different users, we landed on one final roadmap design.

Constraints and Trade-Offs

Role Permissions

Students expected to edit or suggest changes, but the system restricted editing to employers only

Role Permissions

Students expected to edit or suggest changes, but the system restricted editing to employers only

Role Permissions

Students expected to edit or suggest changes, but the system restricted editing to employers only

Timeframe

The redesign had to launch before the next student intake, limiting deep exploration of secondary features

Timeframe

The redesign had to launch before the next student intake, limiting deep exploration of secondary features

Timeframe

The redesign had to launch before the next student intake, limiting deep exploration of secondary features

Maintaing Design System

Visual redesigns had to align with existing design patterns. Drag-and-drop editing (an employer request) was scoped out for technical reasons

Maintaing Design System

Visual redesigns had to align with existing design patterns. Drag-and-drop editing (an employer request) was scoped out for technical reasons

Maintaing Design System

Visual redesigns had to align with existing design patterns. Drag-and-drop editing (an employer request) was scoped out for technical reasons

Simplicity vs Detail

Students wanted clarity, employers wanted thoroughness. I solved this by using progressive disclosure: showing high-level paths first, with expandable milestones

Simplicity vs Detail

Students wanted clarity, employers wanted thoroughness. I solved this by using progressive disclosure: showing high-level paths first, with expandable milestones

Simplicity vs Detail

Students wanted clarity, employers wanted thoroughness. I solved this by using progressive disclosure: showing high-level paths first, with expandable milestones

Final Designs

Key Takeaways

Prioritization is key

With tight deadlines, I learned how to balance quality and speed.

Prioritization is key

With tight deadlines, I learned how to balance quality and speed.

Prioritization is key

With tight deadlines, I learned how to balance quality and speed.

Design vs. Development

Working closely with engineers taught me when to push for design improvements and when to adjust for feasibility

Design vs. Development

Working closely with engineers taught me when to push for design improvements and when to adjust for feasibility

Design vs. Development

Working closely with engineers taught me when to push for design improvements and when to adjust for feasibility

Gamification enhances engagement

Making the roadmap-building process interactive significantly improved user engagement.

Gamification enhances engagement

Making the roadmap-building process interactive significantly improved user engagement.

Gamification enhances engagement

Making the roadmap-building process interactive significantly improved user engagement.