Enterprise UX SaaS Product Design

HR Management Tool

All-in-one workforce operations platform streamlining leave approvals, performance reviews, and department shift scheduling.

View Live Project
HR Management Tool interface preview
Notice the visible request status and organization of role-based approval actions.
Role UX Designer
Timeline 4 Months
Platform Web Application (SaaS)
Status Live Interactive Build
Read Time 3 min read
01 Challenge & Context

The design brief addressed fragmented forms, email approval chains, and limited visibility into leave balances.

02 Solution & Execution

Designed modular dashboards with self-service requests, role-based approval routing, and accessible calendar timelines.

Key Design Decision

Created a batch-review modal concept for approving recurring team schedule adjustments from one focused view.

Trade-off: Batch approvals accelerate repetitive work but raise the cost of mistakes, so they require a clear summary, confirmation, and audit history.

Figma Bilingual RTL/LTR Design Tokens SaaS UX User Flows Accessibility
03 Impact & Learnings

Designed the self-service and approval flow to reduce delays and improve request-status clarity; verified production data is still required to quantify the operational impact.

%
60% Faster leave approval flow
%
100% Role-based privacy compliance
training
0 training Self-explanatory onboarding

The live implementation demonstrates the workflow. Production adoption and time-saved outcomes require documented organizational data.

What I learned

Special learning: modeling role-based workflows and approval states while reviewing AI-generated implementation for accessibility and clarity.

Designed with accessibility, WCAG 2.2, and performance in mind.