[Case 01]

Designing Workforce Management Workflows Across Multiple Modules

SaaS Product

Designing a Workforce Management System for Daily Operations

Boosting Conversion Rates for E-commerce Checkout

Simplifying workflows across shifts time tracking leave and tasks

Managing workforce operations involves multiple modules like scheduling attendance leave and tasks

I worked on designing workflows and dashboards that help employees and managers handle daily operations in a structured way

The goal was to reduce confusion and make complex processes easier to understand and use

[Problem Statement]

The system included multiple interconnected modules such as shifts time tracking leave and tasks

Users had to navigate different flows for each action and understand how they connect with each other

Managers needed control over assignments and approvals while employees needed quick access and clarity

This created complexity and made even simple actions feel heavy

[Industry]

SaaS Product

[My Role]

UI UX Designer

[Platforms]

Web Application

[Timeline]

November 2025 - May 2026

[Persona]

Jhon Roberts

Operations Executive

I need a simple way to check my shifts track my work and manage leave without going through too many steps

Age: 29

Location: New York City

Tech Proficiency: Moderate

Gender: Male

[Goal]

Complete daily tasks without confusion

Quickly check shifts and updates

Request leave or changes easily

[Frustrations]

Too many steps for simple actions

Hard to understand how modules are connected

Information feels scattered

[Process]

Understanding Workflows

Mapped how different modules like shifts time tracking leave and tasks interact with each other

Identified key actions for each role including employees managers and admins

Focused on understanding where users face confusion while switching between modules

[02] Insights

Users struggle more with understanding workflows than individual screens

Different roles need different levels of information but the system was showing too much at once

Connections between modules like leave affecting shifts were not clearly visible

[03 Design Solution]

Simplified workflows into clear step based actions for each module

Created role based dashboards so users only see relevant information

Improved structure and hierarchy to make data easier to scan and understand

[04] Testing & Iteration

Refined layouts to reduce unnecessary actions and steps

Ensured consistency across modules so users do not need to relearn interactions

Improved clarity of actions like approvals requests and updates

[Outcome]

Improved clarity in daily operations
Users can complete tasks faster
Reduced confusion across workflows

[Key Learnings]

Designing systems requires thinking beyond individual screens

Clarity is more important than adding more features

Handling multiple user roles needs careful structuring

Regular testing uncovered hidden issues and ensured the design met user needs.

Details matter

Small improvements, like error validation and mobile optimization, had a significant impact.

Select this text to see the highlight effect

Create a free website with Framer, the website builder loved by startups, designers and agencies.