Skip to main content
UI Coach Logo
Back to challenges
Intermediate

Find a Local Job That Fits

Design a job search experience that helps candidates judge commute, schedule, qualifications, and application progress.

Responsive web, Mobile

The brief

Understand the problem

Background

Local job listings often hide practical details such as shift patterns, exact workplace area, and required credentials. Candidates waste time opening roles that cannot fit their lives.

User context

Sofia is looking for a medical receptionist role within a 40-minute public transport commute. She can work weekdays but needs to finish by 6 p.m.

Product problem

Keyword and location filters alone do not reveal whether a role is realistically compatible. Candidates also need a clear record of applications across different employers.

Objective

Design search, role evaluation, and application tracking for a location-specific job marketplace.

What to design

Define the experience

Required experience

  • Search with commute and schedule preferences
  • Job detail with clear qualification and workplace information
  • Application checklist and progress tracker

Screens and states

  • Search results
  • Job detail
  • Application form
  • Application tracker

Core user flow

Follow the critical path

  1. 01

    Sofia sets her travel limit, schedule, and role preferences

  2. 02

    She reviews matching jobs and opens one listing

  3. 03

    She checks required credentials and likely commute

  4. 04

    She completes the employer's requested application steps

  5. 05

    She returns later to see an interview request

Product rules

Requirements and constraints

Requirements

  • Separate required qualifications from preferred ones
  • Make salary basis and working hours explicit
  • Support saved searches and new-match alerts
  • Show application steps before the candidate begins
  • Preserve submitted materials and employer messages

Constraints

  • Some employers provide only an approximate location
  • Commute estimates vary by departure time
  • Listings may close while an application is in progress

Reality check

States worth considering

No jobs match every preference
A required document is missing
The employer edits the schedule after application
Two listings from the same employer appear duplicated

Finish line

What to deliver

  • Create four responsive screens from filtered search through application status.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#1B1A1A
#E9C5B7
#716561
#8B8C8A
#8C848C
Font pairing
MontserratCourier Prime

Montserrat & Courier Prime

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations