matrix hero

From complexity to clarity: Visualizing required skills in competence matrix

4human HRM | Research, mockups, UX design, implementation, user testing

Role

UI/UX Designer
Product Owner (covering for colleague)

Team

0,5x Product owner
1x UI/UX designer
1x Front-end developer
1x Back-end developer
1x QA-tester

Timeline

2024-now

Deliverables

Workshops
User flows
Redesign of existing functionality
Protypes
Final designs
Documentation

Summary

This project involved developing a module that shows the distribution of critical skills within a company. It helps organizations see who has which skills and makes it easier to follow internal and external requirements.

Design process

I began with workshops with the customer to understand their needs. Next, I created user flows and reviewed them with the Product Owner. Once the flows and overall approach were approved, I moved on to high-fidelity prototypes and redesigned existing functionality for the agreed-upon features.

Competence matrix: working file

Challenge

Midway through the project, the Product Owner went on sick leave, putting the timeline at risk while customers were waiting for the module.

Solution

I stepped in and communicated progress to the team, clarified specifications, and prepared tasks for development. I worked closely with developers and QA testers, using Atlassian tools to track progress and quickly resolve issues. I was involved in every stage and collaborated with the team to refine workflows, review prototypes, and make sure the solution worked well before release.

Competence matrix: before redesign

Competence matrix: after redesign

Outcome

The module was launched on time and received very positive feedback from the customer. I’m proud of what the team achieved. It was a challenging experience, but it gave me valuable insights into managing product responsibilities and collaborating across teams from start to finish.