WorkAboutMarketplaceContact
+ Get in touch Open to work
Work
Case Study · Internal Software

An AI-powered ATS that thinks like a recruiter.

A ground-up product design for the flagship applicant tracking system at the company I work with — where AI does the heavy lifting of screening and ranking, and recruiters stay firmly in control. The largest product the org has shipped to date.

Visit Pitch N Hire
Role
Lead Product Designer — sole designer
Timeline
2024 — Present
Team
2 PMs · 6 engineers
Platform
Web app · desktop-first
Scope
Research → UX → UI → Design system
Tools
Figma · FigJam
200+
Screens designed
60%
Faster screening
1
Unified design system
#1
Largest product in the org

Overview

This is the biggest product the company has built — an internal applicant tracking system (ATS) used by recruiters to run hiring end-to-end, from a fresh job opening to a signed offer. I joined as the sole designer and owned the experience from research through a production-ready design system.

Traditional ATS tools are glorified spreadsheets: they store applicants but leave the hardest work — actually reading, comparing, and judging hundreds of candidates — to overloaded recruiters. The brief was to change that. Put AI at the center of screening and ranking, but design it so recruiters trust it, understand it, and stay in charge of every decision.

The problem — and how we solved it.

Recruiters were drowning. A single open role could pull in hundreds of applicants, and the only way through was manual — opening CV after CV, eyeballing keywords, and making fast, inconsistent calls under pressure.

The old tooling made it worse, not better: it tracked candidates but offered no help judging them. So every pain got a deliberate, AI-assisted answer — paired below.

The problemOur solution
  • Hours lost to manually screening resumes for every role.

    AI parses every CV into a structured, comparable profile in seconds.

  • Keyword filters quietly rejected strong, non-obvious candidates.

    Fit scoring weighs the whole profile against the role — not just keywords.

  • No consistent, explainable way to compare applicants side by side.

    Every score ships with plain-language reasoning a recruiter can defend.

  • A fragmented workflow — sourcing, screening, scheduling, notes — scattered across screens.

    One pipeline unifies sourcing, screening, scheduling, and notes in a single view.

  • Slow time-to-hire let strong candidates go cold.

    Ranked shortlists surface the strongest people first, from day one.

Design goals

01

Cut screening time dramatically without lowering the bar on quality.

02

Surface the best-fit candidates first — with reasons a recruiter can defend.

03

Keep humans in control: AI recommends, people decide.

04

Unify the whole hiring funnel into one coherent, learnable workflow.

05

Ship a scalable design system the team could build on for years.

Process — brief to shipped.

Three phases, one designer, end to end — no handoffs, no lost context. The work leaned hard on talking to real recruiters and shadowing live screening before a single screen got drawn.

DiscoverDesignDeliver

The full design journey — drag the canvas to explore it like a map.

  1. Discover · 01

    Discovery & recruiter interviews

    Sat with recruiters and hiring managers, shadowed live screening sessions, and mapped where time actually went. The pain wasn't tracking candidates — it was judging them.

  2. Discover · 02

    Mapping the hiring funnel

    Reconstructed the end-to-end journey — job intake, sourcing, screening, interviews, offer — to find the seams where work fell through the cracks and AI could earn its keep.

  3. Design · 03

    Information architecture

    Restructured a sprawling tool into a clear spine: jobs, candidates, pipeline, and analytics — each a place with one job, navigable without a manual.

  4. Design · 04

    Flows & wireframes

    Designed the core loops in low fidelity first, pressure-testing the screening and ranking flow with recruiters before committing to any visual direction.

  5. Design · 05

    Designing the AI patterns

    The hardest, most interesting part: how to present a score, an explanation, and a recommendation so a recruiter trusts it. Built reusable patterns for confidence, explainability, and override.

  6. Design · 06

    Visual design & system

    Turned the flows into a polished, accessible UI and codified every decision into a design system — tokens, components, and AI patterns the team could reuse.

  7. Deliver · 07

    Validation & handoff

    Tested prototypes with the people who'd live in the tool daily, iterated on the rough edges, and partnered closely with engineering through build.

Inside the product

Eight areas carry most of the weight. Each was designed to take work off the recruiter without taking away their judgment.

AI resume parsing

Turns messy PDFs and CVs into structured, comparable profiles in seconds — skills, experience, and education, normalized.

Match scoring & ranking

Every applicant gets a transparent fit score against the role, so the strongest candidates rise to the top of the pile automatically.

Why this candidate

Plain-language reasoning behind every score — skills matched, gaps flagged — so recruiters can trust it and defend it.

Candidate pipeline

A drag-and-drop Kanban across every hiring stage, so a recruiter always knows what's moving and what's stuck.

Smart candidate profile

One view for everything: resume, scores, AI summary, notes, and activity — no more hopping between tabs.

Job intake & posting

Guided job creation that captures real requirements and feeds the matching model the signal it needs.

Interview scheduling

Availability, panels, and reminders handled inside the platform — no calendar ping-pong.

Recruiter analytics

Funnel health, time-to-hire, and source quality at a glance, so the team can see what's working.

Key screens

A look at the core surfaces. (Placeholders for now — real screens drop straight in.)

Candidate pipeline — Kanban
Candidate pipeline — KanbanThe home base: every candidate, every stage, drag-and-drop.
AI match score & ranking
AI match score & rankingApplicants ranked by fit, strongest first.
Why this candidate — explainability
Why this candidate — explainabilityThe reasoning behind every score.
Smart candidate profile
Smart candidate profileResume, scores, summary, and notes in one place.
Recruiter analytics
Recruiter analyticsFunnel health and time-to-hire at a glance.

Design system

Because this is the org's biggest, longest-lived product, the system mattered as much as any screen. The palette is deliberately quiet — a near-neutral, paper-like canvas so candidate data and AI signals carry the color. One decisive blue drives every primary action, and a tight set of semantic colors tells the story of a candidate's journey through the pipeline.

InterAa Bb Cc 0123Single UI typeface · weights 400–600

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 & @ # % ( ) ! ?

Surface & borders

Background
HEX#F7F7F5
RGB247, 247, 245
CMYK0, 0, 1, 3
Surface / selection fill
HEX#FFFFFF
RGB255, 255, 255
CMYK0, 0, 0, 0
Secondary button
HEX#F2F2F2
RGB242, 242, 242
CMYK0, 0, 0, 5
Primary border
HEX#E9E9E7
RGB233, 233, 231
CMYK0, 0, 1, 9
UI border
HEX#E6E7E8
RGB230, 231, 232
CMYK1, 0, 0, 9
Pill border
HEX#ECECEA
RGB236, 236, 234
CMYK0, 0, 1, 7
Secondary border — subtle separation
HEX#F1F1EF
RGB241, 241, 239
CMYK0, 0, 1, 5

Text & icons

Main text / active icon
HEX#191919
RGB25, 25, 25
CMYK0, 0, 0, 90
Pill text / inactive tab
HEX#5F5E5B
RGB95, 94, 91
CMYK0, 1, 4, 63
Sub text
HEX#646465
RGB100, 100, 101
CMYK1, 1, 0, 60
Inactive icon & text
HEX#787774
RGB120, 119, 116
CMYK0, 1, 3, 53
Secondary sub text
HEX#9B9B9C
RGB155, 155, 156
CMYK1, 1, 0, 39
Placeholder
HEX#9B9A97
RGB155, 154, 151
CMYK0, 1, 3, 39
Secondary button text
HEX#000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Accent & links

Primary action
HEX#2383E2
RGB35, 131, 226
CMYK85, 42, 0, 11
Link
HEX#0075DE
RGB0, 117, 222
CMYK100, 47, 0, 13

Gradients

Brand · 135°
Vertical
Radial glow
Sheen

Candidate status

AppliedShortlistedScheduledQualifiedRejected

Explainable by default

No black boxes. Every AI score is paired with the reasoning behind it.

Human-in-the-loop

AI recommends, recruiters decide. Every suggestion is easy to override.

Confidence, not certainty

The UI shows match strength honestly and never hides uncertainty.

Progressive disclosure

A dense, powerful tool that stays calm — depth revealed only on demand.

Outcome & impact.

The redesign reframed the ATS from a passive system of record into an active hiring partner. Recruiters spend their time judging the right shortlist instead of digging through the whole pile — and they can explain every call they make.

It's now the company's flagship product and the backbone of how the team hires. The design system that came out of it continues to speed up everything built around it.

60%
Less time spent screening
Recruiter throughput
30%
Better shortlist quality
#1
Product in the org's lineup