Recruitment · dashboards

Recruitment Bricks

Recruitment workflows, candidate pipelines, detailed records, and role-specific dashboards for hiring teams.

Illustrative Recruitment Bricks recruiter dashboard with matching shortcuts, JD and résumé totals, and recent activity panels. View full size
Recruiter dashboard—an illustrative composition based on product screens, not an actual product screenshot.

Challenge

Hiring work rarely stays on one screen. Recruiters move between role requirements, incoming résumés, match comparisons, and individual candidate details.

When those views feel disconnected, comparison slows down and important context is easy to lose between list and detail.

My contribution

I contributed UX and interface design for recruitment workflows, candidate pipelines, detailed records, and role-specific dashboards—working in Figma with design tokens and collaborating with engineering on frontend-ready structure.

UX & workflows

Structured hiring flows so pipelines and records stay usable across recruitment roles.

Interface design

Designed dashboards and detail views that keep comparison and inspection in a clear hierarchy.

Design system handoff

Used Figma and design tokens so interface decisions could move cleanly into engineering collaboration.

Approach

The annotated matching flow keeps role input, résumé intake, and match setup in one sequence—then comparison and closer candidate review follow as the next beat.

Annotated Recruitment Bricks matching workflow: upload a job description, upload résumés, then start matching. View full size
Annotated workflow illustration—conceptual composition based on product screens, not an actual product screenshot.

  1. 01

    Upload job description

    Start from the role brief so matching has explicit criteria.

  2. 02

    Upload résumés

    Bring candidate files into the same flow as the JD.

  3. 03

    Start matching

    Map the JD and source, then run the match.

  4. 04

    Review & inspect

    Compare matches, then open candidate detail when needed.

Design decisions

Comparison and inspection were treated as one continuous path: scan the match list, then open a closer résumé and candidate view when more detail is needed.

Illustrative composition showing a scored résumé match list beside a candidate résumé preview panel. View full size
Candidate review—illustrative composition based on product screens, not an actual product screenshot.

Compare first

The match list keeps skills, experience, and fit signals visible side by side before opening detail.

Inspect when needed

A résumé preview and candidate record sit one step away, so deeper review does not break the hiring flow.

Outcome

The work produced interface designs and workflow structure for recruitment pipelines, detailed candidate and requisition records, and role-specific dashboards—ready for engineering collaboration through Figma and design tokens.

  • Recruitment workflow and pipeline interfaces
  • Detailed candidate and requisition record views
  • Role-specific dashboard layouts
  • Figma source and design-token handoff for engineering

Explore other studies or discuss a similar engagement.

All case studies Discuss your project