top of page

Product Design @Astoria AI

Talent Dashboard

astoriaaimockup2.png
astoriaaimockup.png
Timeline

Jan 2023 - May 2023

Team

1 UX Researcher

2 UX Designer

1 Marketing Specialist

Tools

Figma, Miro, Interviews & Storytelling, Sketch, Competitive Analysis 

My Role

💻   Developed an end-to-end desktop application iteratively [0-1!]

📊   Identified the user pain points and balanced business needs and user needs 

🔍   Performed extensive user research using interviews, competitive analysis, observation studies, surveys

Problem
Problem

Finding and retaining the right talents is hard.

Hiring Managers & HR

100,000 resumes

Applicants

While 86% of CEOs in the United States mentioning talent supply chains issues as the number one priority, companies struggle to recruit, develop, and retain people. Organizations experience urgent and persistent need for entirely new skills, new employment models, new organizational structures, and new HR practices.

41%

of the global workforce is considering quitting their jobs

80%

of workers planning to look for a new job are concern about career growth

>33%

Over a third of millennials plan to look for a new job post-pandemic

Scope
Scope

Help HR at large organizations manage and retain their talent.

1. Market Research:

image.png
image.png

Pros✅:

Cons❌: 

image.png

complex and costly to implement and customize

Comprehensive with robust analytics

Pros✅:

Cons❌: 

talent management is not as flexible

Strong payroll and compliance features

Pros✅:

Cons❌: 

lacks the broader HR functionality

user-friendly interface and strong CRM capabilities 

2. Target Users:

HRs at mid-size companies that manage more than 100 talents across different functions

3. Product Requirement:

Develop a talent management dashboard homepage that allows the user to see the industry trends and insights generated by our AI algorithm at a glance and utilize it.

Expect expand NPS score by 35%

4. User Persona:

As an HR manager, I want a modern interactive dashboard showing up-to-date information about the global job market which includes the following capabilities:

Key data points:

  • Number of vacancies by role within a geographic area (city, state, country, globe)

  • Range of salaries offered

  • Top skills required

  • Top benefits offered

  • Average listing duration

 

Ability to filter by:

  • Geographical area

  • Salary range

  • Industry

  • Employer name

  • Position

  • Source of advertisement (job board, company website etc)

Ideate
Ideate

A lot of info to encompass in one dashboard...

Upon receiving the product requirement from PM, I realized that there's a lot of info and workflow to encompass within one dashboard, hence the design challenge becomes:

👀How to section the dashboard and indicate interactability clearly?

📚Inspiration:

Screenshot 2024-06-27 at 10.06.55 AM.png

🧰Design System:

In order to keep design consistency between my and the other designer on the team, I developed a mini design system for our dashboard:

color.png
Typography.png
Prototype
Prototype & Test

Iterations and fine tunings based on user and PM feedback...

💡Design Solution:

Wireframing -> Lo-Fi:

astoria-wireframe.png

Hover on me to see dark mode😎

astoria-Home-lofi2.png
astoria-Home-lofi.png

3️⃣

1️⃣

2️⃣

1. Dual search bar

  • Enable users to query based on where (location) and what functionality 

2. Filter

  • More refined filter capability after results have been shown

3. Info section

  • Keep the information display to the right of the screen

✍️ Iteration I

Before

🙅Lo-fi

🙅Do not support other functionality

After

🙆 Hi-fi
🙆 Added task switching panel
🔎 Moved filter to dropdown boxes

astoria-Home-i1-v1.png

🔍Opp. 1

🔍Opp. 1

🔍Opp. 2

🔍Opp. 3

Feedback

  1. Graph specific -->

    1. Annual comp graph: salaries on x axis & percentages on y-axis; draw attention to the average compensation

    2. Skills list: list view does not show the percentage well

  2. Geographics is not a priority concern for HR​

  3. Global vacancies are not practical 

✍️Explorations

Bellcurve graph:

idea6.png
idea5.png

Bar graphs:

idea3.png
idea4.png
idea1.png

Dash graph:

idea7.png

✍️ Iteration II

Before

🙅Map is distracting

🙅Skills section is not clear

astoria-Home-i1-v1.png

After

🙆 Polished the graph
🙆 Added percentage for skills section
🔎 Explored dashed graph and added timeline

astoria-home-i2-after.png
astoria-home-i2-after.png

🔍Opp. 1

🔍Opp. 4

🔍Opp. 2

🔍Opp. 3

Feedback

  1. Could collapse to give more space

  2. There's another dimension - time: how to add that

  3. Could simplify the legend

  4. Add a panel to compare current employee

✍️Explorations

Bar graphs:

idea11.png
idea8.png
idea10.png
idea9.png

Floating Panel:

✍️ Iteration III

Before

🙅Axis label is too long

🙅Not enough info

🙅Side panel takes up too much space

astoria-home-i2-after.png

After

🙆 Improved the clarity of bar graphs
🙆 Added time to compensation graph
🙆 Collapsed the side panel

astoria-home-i3-after.png

👀How to add the floating individual employee panel?

✍️Explorations

panel-1.png
panel-3.png
panel-2.png
panel-4.png

💻Final Deliverable

Screenshot 2024-06-27 at 11.35.28 AM.png
Impact
Impact

After more usability testing and follow-up research, throughout these iterations across 3 agile springs, we boosted 35% satisfaction rate of Talent Dashboard.

Our CEO also used this prototype to seek for funding.

👋 Check it out here↗

Screenshot 2024-06-27 at 11.29.28 AM.png
bottom of page