Talent Wars recruitment SaaS dashboard UX design

Project Overview

Product: Talent Wars
Platform: Web-based Recruitment SaaS
Role: Product Designer
Tools: Figma
Timeline: 2023–Present
Website: https://talentwars.com.au//

Problem Statement

Recruiting developers is often complex and time-consuming due to:

  • Unstructured candidate screening processes

  • Difficulty comparing technical skills objectively

  • Poor visibility of applicant progress

  • Fragmented communication between recruiters and hiring managers

Talent Wars needed a centralized, intuitive recruitment system that enables recruiters to:

  • Manage job postings efficiently

  • View and compare candidates clearly

  • Track skills, experience, and evaluations

  • Collaborate with teams in a structured workflow

My Role & Responsibilities

As a UI/UX Designer, I was responsible for:

  • Designing the full web-based recruitment dashboard in Figma

  • Creating user flows for job creation, applicant review, and evaluation

  • Designing data-heavy tables and comparison views

  • Improving usability and clarity in complex hiring workflows

  • Collaborating with stakeholders to align UX with business goals

Understanding the Users

Primary Users
  • Recruiters

  • Hiring managers

  • Technical evaluators

  • Company administrators

User Needs
  • Quickly assess developer skills and experience

  • Compare multiple candidates side by side

  • Track recruitment stages clearly

  • Reduce manual coordination and decision friction

UX Goals
  • Simplify complex recruitment workflows

  • Improve readability of data-heavy screens

  • Enable faster, more confident hiring decisions

  • Provide a scalable UX for different job roles and companies

  • Maintain a professional, enterprise-ready interface

Design Process

1️⃣ Information Architecture & Layout Planning

The platform was structured into clear functional modules:

  • Left Sidebar → Navigation (Jobs, Developers, Tests, Companies, Settings)

  • Main Content Area → Job details, applicant lists, evaluation data

  • Context Panels → Candidate details, ratings, and attributes

This structure ensures users can navigate quickly without losing context, even when handling multiple job openings and applicants.

2️⃣ User Flow Design

Key user flows designed:

  • Creating and managing job postings

  • Assigning jobs to companies

  • Reviewing applicants and resumes

  • Evaluating developers based on skills and experience

  • Rating candidates and managing visibility

Each flow was optimized to reduce unnecessary steps and make decision-making faster.

3️⃣ UI Design & Visual Hierarchy

Key UI Decisions:

  • Clean, neutral color palette for enterprise credibility

  • Clear typography hierarchy for job data and candidate information

  • Data tables with strong alignment and spacing for readability

  • Visual indicators for candidate status, ratings, and visibility

  • Action buttons placed near decision points

The UI focuses on clarity and efficiency, essential for recruiter-heavy workflows.

4️⃣ Component & System Design

Designed reusable UI components such as:

  • Job detail cards

  • Applicant table rows

  • Skill tags and attributes

  • Rating systems and score summaries

  • Action buttons and filters

This component-driven approach ensures:

  • Consistency across screens

  • Easier scalability

  • Faster development iterations

5️⃣ Collaboration & Handoff
  • Delivered structured Figma files with reusable components

  • Maintained clear naming conventions and layouts

  • Worked closely with stakeholders to refine workflows

  • Ensured designs were developer-friendly and scalable

Let’s work together

Have a project in mind? I’d love to hear your ideas and create something meaningful together. Let’s bring your vision to life.