← Selected Work / Case Study 04

HANDSHAKE.

A responsive hiring platform for web and mobile. Get hired. Get connected. — built to streamline the job hunt for applicants and employers alike.

Project
Handshake — Web & iOS
Hiring platform
Role
UX/UI Designer
End-to-end, solo
Duration
Mar – Apr 2022
~2 months
Tools
Figma
Surveys & interviews
Handshake — Get hired, get connected hero
01
Overview

LAND THE ROLE

Handshake — originally Hire Meet — is an employment-discovery platform built to give people the tools to land their dream job, across web and mobile.

Job hunting is slow, repetitive, and discouraging. People scroll endless listings, apply into silence, and stumble onto outdated posts for roles already filled. Across desktop and phone, the experience rarely feels like progress.

The opportunity was to make the search feel active and in-hand — surfacing the right roles, making applying fast, and giving people a way to track momentum instead of losing it.

The problem, stated once

How might we design a job-application platform that optimizes the experience, encourages engagement, and streamlines applying for both applicants and employers?

01
DEFINE
02
RESEARCH
03
IDEATE
04
DESIGN
05
TEST
02
Research · Discovery

KNOW THE SEEKER

There's no shortage of job-search apps. So I started by understanding how people actually run a search — and where the existing tools let them down.

A

Target audience

Open to all job seekers aged 18 and up — early-career through experienced.

B

Channel

Responsive design for both mobile and desktop — one experience, every device.

C

Competitors

LinkedIn, Indeed, Craigslist, and Monster — audited for what works and what doesn't.

Competitive analysis of LinkedIn, Indeed, Craigslist and Monster
Competitive analysis — strengths and gaps across the major job-search apps.

SECONDARY RESEARCH

I collected existing research on employment and unemployment trends. Three objectives framed the dig.

01
Why people leave. What actually pushes people out of their current roles.
02
What frustrates them. The obstacles and friction people hit while job hunting.
03
Where they're headed. Career goals — and the steps they're taking to get there.
Chart: reasons people leave their roles
Chart: generational attitudes to work
Secondary research — reasons for leaving roles and generational attitudes to work.

QUANTITATIVE ANALYSIS

I ran an online survey on work preferences and split the results by generation. Two questions anchored it — each rated 1 to 5:

Survey · scale 1–5

How satisfied are you in your current role?

Survey · scale 1–5

How comfortable do you feel about your job security?

Survey results — Millennials
Survey results — Gen X
Survey results — Boomers
Survey results split by generation — Millennials, Gen X, and Boomers.

THE INTERVIEWS

With the landscape mapped, I wanted to hear what's missing. I sat down with 8 participants, ages 22–34, to understand how they manage their job search.

In their words

“Job searching can be so time consuming.”

In their words

“I see a lot of outdated posts — sometimes I apply and the job's already filled.”

In their words

“I'm not satisfied in my role, but I'm too nervous about getting back in the market.”

In their words

“Recruiters rarely get back to me.”

In their words

“Distance is important to me.”

In their words

“I research the companies I'm applying to.”

WHAT I HEARD

01
Time is the enemy. The search is slow and repetitive — effort rarely feels like progress.
02
Stale posts break trust. People apply to roles already filled and stop believing what they see.
03
Silence after applying. Little to no feedback from recruiters leaves people in the dark.
04
Fit factors decide. Distance, salary, longevity, and company research drive every choice.
03
Define · Synthesis

DATA INTO DIRECTION

I synthesized the research into empathy maps and personas, then storyboarded how the product would actually fit into someone's search.

EMPATHY MAPS

Empathy maps organized each user's pains, goals, feelings, and thoughts into a single view.

Empathy map — participant J
Empathy map — participant M

PERSONAS

Two personas represented the audience and kept real people at the center of every later decision.

Persona 1
Persona 2

STORYBOARDS

Two storyboards mapped the experience from opposite distances — the big picture and the close-up.

Big picture · how they experience it
Big-picture storyboard
Close-up · how the product works
Close-up storyboard
04
Ideate · Architecture

MAP THE FLOW

With the problem framed, a single How-Might-We focused the build — and a tight MVP kept it honest.

01

How might we design a product that helps users locate and apply to jobs with ease?

MVP FEATURES

01

Job overview

A clear, scannable snapshot of every role at a glance.

02

Filter system

Narrow by what matters — distance, type, and salary.

03

Job tracker

Follow every application through its stages.

04

Role alerts

Set alerts for the roles you actually want.

05

New-job notifications

Know the moment a fitting role gets posted.

06

Fast apply

Apply in a tap — before the post goes stale.

USER FLOWS

I built two flows — one for new users, one for returning — to trace the entry point and how someone moves through every feature.

New users
User flow — new users
Existing users
User flow — existing users
05
Design · Craft

BRING IT TO LIFE

Guided by the user flows, I sketched the main screens for both mobile and desktop, then built low-fidelity wireframes and prototypes for the first usability study.

Lo-fi · mobile
Low-fidelity mobile sketches
Lo-fi · desktop
Low-fidelity desktop sketches
Low-fidelity wireframe
Low-fidelity prototype
Low-fidelity wireframes and the first clickable prototype.

The first study was blunt and useful:

01
Respect Jakob's Law. The initial design fought conventions people already knew.
02
Fix the main flow. The core path felt like an afterthought — it needed to lead.
03
Keep it simple. There's a lot of information — so don't overwhelm elsewhere.

STYLE GUIDE & ACCESSIBILITY

I documented the system as a style guide — then a contrast audit forced a real change: I rebuilt the palette to clear WCAG AA, including a dramatic shift to the primary brand blue.

Style guide
Accessibility contrast chart

Brand blue, re-tuned

The contrast audit drove a dramatic palette change — including the primary brand blue — so core UI cleared WCAG AA.

Checked end to end

Every text and background pair was measured against WCAG contrast guidelines and adjusted to pass.

THE HI-FI DESIGNS

With the system locked, I built the high-fidelity screens and a working Figma prototype — for both mobile and desktop. Try them live below.

Mobile prototype
Desktop prototype
06
Testing · Iteration

TEST, THEN SHARPEN

To uncover problems I ran two rounds of usability testing with 8 participants, each completing two tasks against the app's crucial features.

Goals

Observe behavior as people navigate · see how easily they complete the tasks · surface any pain points or concerns.

Issues found

CTA too small and needs clearer distinction · highlight features & notifications more · mobile text too large · better use of negative space.

Refined from what testing revealed

Each issue mapped to a concrete fix — resizing and distinguishing the primary CTA, surfacing notifications, tuning mobile type, and letting the layout breathe.

Usability testing — before and after
Before → after — refinements driven by usability testing.
07
Reflection · Takeaways

WHAT I'D CARRY

A first cross-platform project taught me as much about process as about pixels.

The principle

TRUST THE PROCESS

Keep the user's perspective central — it's what shapes the final design. Details matter, but don't let them halt the work.

What I learned

DESIGN ACROSS PLATFORMS

Designing for web and mobile together changed how I scope and structure — one system, two surfaces.

What's next

ITERATE RELENTLESSLY

There's no perfect first try. Constant testing and iteration are what move a design from working to right.

Next

LET'S BUILD
SOMETHING GREAT.

Open to full-time roles, freelance projects, and conversations about design that moves the needle.

Start a Conversation ↗ ← All Work