Background

A big airport authority was about to start recruiting for multiple positions. A dashboard was needed to help assessors evaluate the candidates on the basis of 3 major assessments:

  • Technical

  • Leadership

  • Psychometric

Timeline: 2 months

Role: UX Designer
UI Designer

Collaborate: Developers
Stakeholders

Type: UX Design
Visual Design
Prototyping

Provide enhanced insights and analytics into the recruitment
process, empowering better decision-making with real-time data?

By streamlining repetitive administrative tasks, we can save time for assessors, enabling them to focus more on critical evaluations and less on manual work.

How Might We?

The Solution

I tried to answer the following questions with my research:

1. Who are we designing for?
- Assessors

2. What features & functionalities are essential?
- Data visualisation, Report generation, Time efficient system

3. What kind of dashboard designs are successful IRL?
- I checked Leapt Code, PWC, Smart Recruiters

4. Are there any existing design guidelines? brand identity?
- Riyadh Airport Authority

5. Is the task challenging and fun to do?
- YES!

Research
Define

The Problem

Currently, the assessors use MS Excel and MS Word to assess, score and manage candidate data. 

Although, MS Excel and Word are familiar tools, which can handle large sets of data with formulas, pivot tables, and filters for calculations and sorting.

There are a few disadvantages, according to the users (assessors):

  • It Lacks centralized storage for candidate records, making it hard to search or filter data quickly

  • Requires manual integration between Excel (for scores) and Word (for candidate reports)

  • Time-intensive to manage and keep data accurate across multiple files

User Insights

One user said:
I spend hours consolidating scores manually—an automated solution would save so much time.”

Assessors struggle with managing multiple files, leading to delays in evaluations.

Need for better visualization of data to quickly assess candidate performance across technical, leadership, and psychometric areas.

Understanding
Business Goals

Every UX process starts with aligning with the stakeholders to realise the goals and motivation behind the product. Iterating towards the solutions is a non-linear process with constant feedback from other team members, developers and end users.

Data Insights

Better Decision Making

Save Time

Design

After clearly defining the problem that needs to be solved, we started
brainstorming for tangible solutions.

Information
Architecture

Outlining the relationships between different pages and content areas, helping designers, developers, and stakeholders understand the organisation of the site.

  1. Ensures logical content flow

  2. Helps plan intuitive navigation and user experience

Challenges Faced

For each assessment, there are multiple competencies.
For each competency, there are multiple questions.
And for each question, there are multiple
supporting details.

Challenge 2

Too Much Navigation

Deciding which data should be visible on Home Screen.
As this is the first thing a the user will see after login, it is very crucial to use the space accurately and only show the most important data

Challenge 1

Presenting Important Data

My Process
Research
Define
Design
Deliver

Finding Solutions

To tackle the first challenge, I asked the end users and stakeholders:

What is the most important data, that needs to be visible
on the home screen?

  • Total Candidates

  • Assessment Overview

  • Questionnaire Download

  • My Tasks

  • Calendar

Challenge 1

To tackle the second challenge, multiple iterations were created

Using UX Laws, we decided to go with the option that provides:

  • Less Cognitive Load

  • Better Visual Hierarchy

  • Reduce Sidebar Clutter

Challenge 2

With Fewer clicks and cleaner layout, users can focus more on their task and less on navigating.

Wireframes

Wireframing played a crucial role in shaping the foundation of this design. By creating low-fidelity wireframes early in the process, we were able to establish a clear structure and user flow before introducing visual elements.

This helped align stakeholders on functionality, ensuring that every interaction was intuitive and user-centric. Additionally, wireframes facilitated quick iterations and usability testing, allowing us to identify pain points and refine the experience before moving into high-fidelity designs. This approach not only streamlined development but also ensured a seamless and user-friendly final product.

In the visual design phase of the dashboard, we focused on refining the wireframes by integrating a structured colour palette, clear typography, and an intuitive layout by keeping the Brand Guidelines in mind. By adhering to a well-defined design system, we maintained consistency across all elements, improving readability and interaction

Visual Design
Key Insights
80%

User Satisfaction

25%

Reduced User Effort

  • Improved Data Visualization & User Efficiency

  • Optimized data visualization for the recruitment dashboard

  • Achieved 80% user satisfation by improving decision-making workflows through thoughtful UX enhancements

Recruitment Dashboard

This Case Study is optimised for Desktop view

This Case Study is optimised for Desktop view

Recruitment Dashboard