Protothon 2023

Itx.design

Role.

Product Designer

Contributions.

Rapid Research, Rapid Prototyping, UX Design, Design System

YEAR.

2023

Result.

3rd Place

Timeline.

24 Hours

TEAM.

Team of 4

Protothon 2023

Enterprise Track

itx.design

itx.design

A platform that models UX positions in I, T, and X-shapes to enable both hiring teams and candidates to find their best matches

Figma prototype

Project source file

Background

Background

How do you hire UX designers?

How do you hire UX designers?

The Problem

The knowledge gap between HR and hiring managers often leads to inefficient and time-consuming hiring process

The knowledge gap between HR and hiring managers often leads to inefficient and time-consuming hiring process

HR Coordinator

HR Coordinator

May not know the specific design skills needed for this role

May not know the specific design skills needed for this role

May not know the specific design skills needed for this role

Hiring Manager

Hiring Manager

The candidate HR selected does not match the job needs

The candidate HR selected does not match the job needs

The candidate HR selected does not match the job needs

Key research highlights

We conducted 5 user interviews with HR Coordinator, Hiring Managers, and Designers. Below are 3 of our interview highlights:

HR Coordinator

“Are UI designers and UX designers the same? I‘m not too sure actually ”

Hiring Manager

“The candidates that HR shortlisted and sent back to me did not meet the qualifications

our team was looking for”

UX Design Candidate

“The job description is too vague sometimes. I’m not sure if it’s the right position for me to apply.”

User journey mapping

User journey mapping

What is a I, T, X-shaped designer?

What is a I, T, X-shaped designer?

What is a I, T, X-shaped designer?

I-shaped Designers

I-shaped Designers

“I have a particular focus and a preference to work in one single job type.”

“I have a particular focus and a preference to work in one single job type.”

T-shaped Designers

T-shaped Designers

“I’m capable in a lot of things and am pretty good at one of them.”

“I’m capable in a lot of things and am pretty good at one of them.”

X-shaped Designers

X-shaped Designers

“I inspire and help progress toward a goal with leadership skills.”

“I inspire and help progress toward a goal with leadership skills.”

Wireframes

Core Experience

Core Experience

Hiring Manager

Olivia, the hiring manager chooses I,X,T shapes based on desired candidate’s design types.

Then select specific experience and skills she is looking for in a candidate. She can send the results to human resources and track the hiring process afterwards.

HR Coordinator

Alessia, the HR coordinator, receives hiring request from hiring managers. Then she adds more general job requirements and publishes the job posting to general public. ITX platform will recommend top candidates that match their design shapes.

UX Design Candidate

Ruki, the UX design candidate, select his design shapes. ITX platform will recommend job postings with matching design shapes to him.

User flow recap

Art direction & design system

Art direction & design system

Art direction & design system

Color Palette

Color Palette

#F8DB87

#F8DB87

#E8D1C0

#E8D1C0

#D2BCF5

#D2BCF5

Theme

#080522

#080522

#24292E

#24292E

#586069

#586069

#E1E4E8

#E1E4E8

Grayscale

Typography

Typography

Header 1

Header 2

Button text

Body text 1

Body text 2

Inter-Medium-36px

Inter-Medium-36px

Inter-Medium-24px

Inter-Medium-16px

Inter-Medium-16px

Inter-Medium-14px

Buttons

Buttons

Next

Send request to HR

Icons