2025 8 Weeks Solo Project Responsive Website

Pathfinder

Pathfinder is a responsive website that helps high school students explore life after graduation through career quizzes, goal-setting tools, and a feature that compares up to three jobs at a time.

Pathfinder website preview

Problem

Future planning often feels overwhelming before students even know where to start.

Goal

Make exploring future pathways feel clearer, calmer, and easier to compare.

My Role

UX research, information architecture, wireframing, UI design, and prototyping.

THE PROBLEM

Students are asked to make big decisions with messy information.

Many career guidance websites assume students already know what they are looking for. They often present large amounts of information, complicated pathways, and formal language that can make future planning feel more stressful than helpful.

Pathfinder was designed around a softer idea: students should not need to have everything figured out before they begin. The experience gives them guided ways to explore options, reflect on goals, and compare careers without feeling overloaded.

RESEARCH INSIGHTS

Three needs shaped the product.

1. Students need somewhere to begin.

The quiz feature creates a low-pressure starting point by helping users explore careers through guided questions.

2. Students need smaller next steps.

The goal feature turns future planning into clearer actions, helping users move from uncertainty into something more manageable.

3. Students need to compare options easily.

The comparison feature lets users view up to three jobs side by side, reducing the effort of switching between separate pages.

KEY FEATURES

Designed to reduce decision fatigue.

Career Quiz

Helps students discover possible pathways based on their interests, rather than expecting them to search from a blank page.

Goal Setting

Supports students in breaking future planning into smaller, more realistic steps.

Compare Up To 3 Jobs

Makes differences between careers easier to scan, helping users compare salary, study requirements, responsibilities, and fit.

DESIGN DECISIONS

Calm, guided, and easy to move through.

I used clear hierarchy, generous spacing, and simple navigation to make the website feel less institutional. Because the subject matter can feel intimidating, the interface needed to feel approachable while still being useful.

The responsive layout was important because students may explore career options across different devices. Pathfinder needed to work as both a desktop research tool and a mobile-friendly experience.

FULL PROCESS DOCUMENTATION

Want the full breakdown?

The complete report includes research findings, wireframes, user flows, iterations, design rationale, responsive layouts, and deeper explanations behind key UX decisions made throughout the 8 week process.

Read Full Report

REFLECTION

What I learned.

This project helped me understand how UX design can support decision-making by reducing cognitive load. I learned that simplifying an experience is not about removing detail, but about presenting information at the right moment, in the right structure.