top of page
portfolio hero-4.png
FirStep Job Finding App

Designing an inclusive seamless job finding app for students.

Role:             UX Designer

​

Project Type: Coursework

​

Tools/Skills:   User Research, User Interview, Prototyping

Prototype Overview
LogIn.png
Jobs Page.png
Problem
Undergraduate students face a complicated job market. While some have access to career resources through campus or family networks, many struggle with unclear eligibility, confusing application processes, and low confidence in resumes or interviews. International students face additional barriers like work authorization rules (CPT, OPT, on-campus restrictions).

FirStep was designed to support all undergraduate students in finding meaningful part-time jobs and internships, while explicitly addressing the overlooked needs of international students.
“How might we create a platform that simplifies the job search for undergrads while addressing the unique struggles of international and first-generation students?”
Understanding Students
To better understand the challenges undergraduates face in their job search, I conducted research and translated the findings into visual insights.
Screenshot 2025-09-04 at 7.25.50 PM.png
Screenshot 2025-09-04 at 7.27.12 PM.png
Screenshot 2025-09-04 at 7.30.08 PM.png
Unmet needs
 
  1. Career Readiness
  2. Unpaid Internships
  3. Priorities
  4. Equity Gaps
Competitive Analysis
Linkedin-Logo-2011.png

Strengths
 

  1. Massive professional network and reach

  2. Strong recruiter visibility and company discovery

  3. Rich job cards with details, logos, and connections

  4. Well-established brand credibility

​​​​​

​

Weaknesses
 

  1. Overwhelming interface for undergraduates (too professional, not student-specific)

  2. No visa/work authorization filters

  3. Career prep resources (LinkedIn Learning) are separate from job search flow

  4. Application tracking is minimal and scattered

9098193ee8ace4a0774b29484c80794a4c3cff55-1.png
handshake-logo.png

Strengths
 

  1. Built for students and recent graduates

  2. Verified employers through university partnerships

  3. Collects work authorization info during profile setup

  4. Provides application tracking within the platform

​

Weaknesses
 

  1. Job pool limited to campus and partner employers

  2. Work authorization information hidden in profiles, not visible upfront

  3. Career prep tools are scattered across sections

  4. Job cards lack detailed context like benefits, pay, and stability signals

User Persona
To ground insights in real stories, I developed user personas that reflect the diverse needs of undergraduate students, specifically for international students
FirStep Persona.png
Ideation
Case Study Brain Dump-28 2.jpg

Home Page (Job Search & Recommendations)

Screen 1

​

  • Focused only on search & recommendations

  • Too similar to LinkedIn-style job boards

  • No visibility of prep tools or added value


Screen 2

​

  • Surfaces career prep features upfront

  • Highlights trusted companies for credibility

  • Directly addresses student needs from research & persona

Search Page (Job Suggestions)
IMG_7980.jpg
  • Verified jobs through universities

  • Limited job pool

  • Work authorization not visible upfront

Linkedin-Logo-2011.png
  • Huge variety of jobs + recruiter visibility

  • Overwhelming feed, not student-focused

  • No visa/work authorization filters

ChatGPT Image Aug 31, 2025 at 04_53_15 PM.png
  • Streamlined layout: Suggested jobs + Trending

  • Student-friendly navigation, not overwhelming

Iteration
After identifying key gaps in LinkedIn and Handshake and mapping them to student needs, I moved into low-fidelity prototyping.
Screenshot 2025-09-04 at 8.07.24 PM.png

What I Learned from Testing
 

  • Students liked the category browsing (clearer than LinkedIn’s overwhelming feed).

  • They valued having prep features visible on the home page, not hidden in menus.

  • Filters were helpful but needed to include eligibility tags (CPT/OPT, on-campus) to save time.

  • Overall, they wanted job clarity + prep support in one flow, which guided the hi-fi refinements.

High Fidelity
After validating the structure with low-fidelity wireframes, I refined the designs into high-fidelity screens.

Reflections


Building FirStep was both insightful and challenging. Early on, I realized that just creating another job board wasn’t enough — the real value was in making the job search clearer, more inclusive, and less overwhelming for students.


This project taught me:

  • The importance of connecting research to design choices so every feature solves a real need.

  • How to balance clarity and support — giving students both job listings and prep resources in one place.

 

Most importantly, I learned how a student-first approach can turn a job app into an empowering tool that helps undergraduates, especially those facing barriers, feel more confident in their career journey.

Thank you so much for stopping by. Made with love by taa~daa@2025.
IMG_1401_edited.jpg
bottom of page