Full end-to-end design for PWA desktop app
Full end-to-end design for PWA desktop app
Full end-to-end design for PWA desktop app
Turning complex data
into decision-ready interfaces
Challenge
Users needed to manage unoccupied positions (batch workers).
Large data sets: roles, skills, availability.
Needed quick insight: what’s covered, what’s missing, where action is needed.
Approach
Structured information into a dashboard-style interface.
Highlighted gaps and mismatches using visual hierarchy, grouping, and actionable cues.
Made matching logic transparent: users see why something is flagged or missing.
Impact
The goal was to make the product not just store data, but help users understand what matters and what to do next.
I shifted the product from a data-heavy system to a more intentional, value-driven experience—focused on clarity, decision-making, and real user needs.
Turning complex data
into decision-ready interfaces
Challenge
Users needed to manage unoccupied positions (batch workers).
Large data sets: roles, skills, availability.
Needed quick insight: what’s covered, what’s missing, where action is needed.
Approach
Structured information into a dashboard-style interface.
Highlighted gaps and mismatches using visual hierarchy, grouping, and actionable cues.
Made matching logic transparent: users see why something is flagged or missing.
Impact
The goal was to make the product not just store data, but help users understand what matters and what to do next.
I shifted the product from a data-heavy system to a more intentional, value-driven experience—focused on clarity, decision-making, and real user needs.
About the Project
TJ Matching is a web-based SaaS tool for staffing agencies that centralizes sales, job, and workforce data in one place. It enables teams to manage open positions and temporary worker allocation, track activity, and access real-time customer and order information within a unified dashboard experience. A key challenge in the product is information density, users are often faced with large volumes of data without clear direction on where to focus. My role focuses on structuring this complexity into intuitive navigation systems and dashboards that guide decision-making.
Role
Lead Product Designer
TEAM
Product Manager VP of Digital Product Innovation Manager
Duration
12 month contract
Strategy
Create wireframes and a scalable design system
User’s perspective
MVP showcasing the main functionalities
Business value
Concept refinement that enhance navigation, structure and visuals
I design information hierarchies that surface what matters most, group related data into meaningful patterns, and use visual prioritization to reduce cognitive load. The goal is to help users quickly understand trends, identify gaps, and act with confidence.
About the Project
TJ Matching is a web-based SaaS tool for staffing agencies that centralizes sales, job, and workforce data in one place. It enables teams to manage open positions and temporary worker allocation, track activity, and access real-time customer and order information within a unified dashboard experience. A key challenge in the product is information density, users are often faced with large volumes of data without clear direction on where to focus. My role focuses on structuring this complexity into intuitive navigation systems and dashboards that guide decision-making.
Role
Lead Product Designer
TEAM
Product Manager VP of Digital Product Innovation Manager
Duration
12 month contract
I design information hierarchies that surface what matters most, group related data into meaningful patterns, and use visual prioritization to reduce cognitive load. The goal is to help users quickly understand trends, identify gaps, and act with confidence.
Pattern/system building for repeatable design
To maintain consistency across design components, I utilized Figma’s auto layout, components, and variants to build structured, reusable elements. In addition, I implemented shared styles and variables to ensure centralized control over visual properties such as color, typography, spacing, and other design tokens. This approach improved consistency, simplified maintenance, and enabled efficient scaling of the system as the product evolved.
Pattern/system building for repeatable design
To maintain consistency across design components, I utilized Figma’s auto layout, components, and variants to build structured, reusable elements. In addition, I implemented shared styles and variables to ensure centralized control over visual properties such as color, typography, spacing, and other design tokens. This approach improved consistency, simplified maintenance, and enabled efficient scaling of the system as the product evolved.
MVP showcasing the main functionalities
Most of my work focuses on dashboards and systems where users make decisions based on data. I usually handle the process end-to-end, from understanding the structure and workflows, to designing the UI, and working closely with engineers to ensure it’s built correctly. In this project, the main challenge was complex data, unclear workflows, and user confusion. I approached it by: 1. Mapping out user workflows 2. Organizing the data into clear hierarchies 3. Designing dashboards that highlight key insights and anomalies The core issue was that users had a lot of data but didn’t know where to focus. I started by understanding the decisions they needed to make, then structured the interface around that. You can see the impact when you compare the original wireframes to the refined concepts.
MVP showcasing the main functionalities
Most of my work focuses on dashboards and systems where users make decisions based on data. I usually handle the process end-to-end, from understanding the structure and workflows, to designing the UI, and working closely with engineers to ensure it’s built correctly. In this project, the main challenge was complex data, unclear workflows, and user confusion. I approached it by: 1. Mapping out user workflows 2. Organizing the data into clear hierarchies 3. Designing dashboards that highlight key insights and anomalies The core issue was that users had a lot of data but didn’t know where to focus. I started by understanding the decisions they needed to make, then structured the interface around that. You can see the impact when you compare the original wireframes to the refined concepts.
Helping teams turn complex problems into confident, user-centered design decisions. From concept to clarity, designing user experiences that deliver real value.
Social
vitan.ana.maria@gmail.com
I’d be glad to connect if you’re looking for a designer with my background and approach.
Helping teams turn complex problems into confident, user-centered design decisions. From concept to clarity, designing user experiences that deliver real value.
Social
vitan.ana.maria@gmail.com
I’d be glad to connect if you’re looking for a designer with my background and approach.