WORKFLOWHR
WORKFLOWHR
WORKFLOWHR
WORKFLOWHR
WEB APP
WEB APP
WEB APP
WEB APP
WorkflowHR
WorkflowHR is a web-based Human Resource
Management System designed to simplify HR
operations for businesses of all sizes. From employee
onboarding to payroll, leave management, and
analytics, the platform provides a centralized solution
to manage people and processes efficiently.
WorkflowHR
WorkflowHR is a web-based Human Resource
Management System designed to simplify HR operations
for businesses of all sizes. From employee onboarding to
payroll, leave management, and analytics, the platform
provides a centralized solution to manage people and
processes efficiently.
Duration
4 Months
Role
UI/UX Designer
Expertise
UI/UX Design
Stack
Figma | Figjam| Miro | Notion
Duration
4 Months
Role
UI/UX Designer
Expertise
UI/UX Design
Stack
Figma | Figjam| Miro | Notion
Duration
4 Months
Role
UI/UX Designer
Expertise
UI/UX Design
Stack
Figma | Figjam| Miro | Notion
Problem Statement
Many businesses, especially SMEs, still rely on fragmented
tools (Excel, Google Sheets, manual processes) to manage
HR tasks. This creates inefficiencies such as:
Time wasted on repetitive administrative tasks
Inconsistent employee records
Errors in payroll and expense tracking
Lack of visibility into workforce performance
Poor employee experience with outdated systems
The Goal
To improve the house-hunting experience, we aim to
provide tools like virtual tours, neighborhood insights,
and Google Maps, making the process smoother and
more enjoyable
Problem Statement
Many businesses, especially SMEs, still rely on fragmented
tools (Excel, Google Sheets, manual processes) to manage
HR tasks. This creates inefficiencies such as:
Time wasted on repetitive administrative tasks
Inconsistent employee records
Errors in payroll and expense tracking
Lack of visibility into workforce performance
Poor employee experience with outdated systems
Problem Statement
Many businesses, especially SMEs, still rely on fragmented
tools (Excel, Google Sheets, manual processes) to manage
HR tasks. This creates inefficiencies such as:
Time wasted on repetitive administrative tasks
Inconsistent employee records
Errors in payroll and expense tracking
Lack of visibility into workforce performance
Poor employee experience with outdated systems
The Goal
To improve the house-hunting experience, we aim to
provide tools like virtual tours, neighborhood insights,
and Google Maps, making the process smoother and
more enjoyable
The Goal
To build an intuitive, all-in-one HR platform that saves time,
reduces errors, and enhances transparency for both HR
managers and employees.
Design Process
Design Process
To guide the design, I applied the Design Thinking Process: Empathize, Define, Ideate, Prototype, and Test.
To guide the design, I applied the Design Thinking
Process: Empathize, Define, Ideate, Prototype, and Test.
To guide the design, I applied the Design Thinking Process:
Empathize, Define, Ideate, Prototype, and Test.
1. Empathize
To understand the needs of both HR managers and employees, I conducted user interviews, surveys, and research. The
goal was to identify frustrations with existing HR tools and manual processes.
2. Define
From the empathy stage, I synthesized the research into key problem statements:
HR managers need a centralized, error-free system because they spend too much time fixing mistakes in payroll,
leave, and reporting.
Employees need a seamless and transparent HR process because current systems are confusing,
time-consuming, and lack accessibility.
3. Ideate
I brainstormed potential solutions and mapped features to pain points:
Dashboard: For HR managers to get an overview of employee status, payroll, attendance, and reports.
Employee Onboarding & Records: Digitized onboarding with step-by-step guidance.
Payroll: Automated salary calculations, allowances, overtime, and tax compliance.
Expenses: Streamlined reimbursement process with upload and approval workflows.
Leave & Attendance: Employees request leave, managers approve/reject, integrated with a clock-in/clock-out
system.
Assets & Extras: Manage company assets, loans, rent, ESOP, pension, and mortgages.
Reports & Analytics: Generate visual reports on attendance, expenses, and payroll trends.
Documents: Store and share company policies and employee contracts securely.
Help & Support: Knowledge base and chatbot assistance for quick answers.
Settings & Pricing: Customizable to company needs and scalable across different organization sizes.
4. Prototype
I translated ideas into wireframes and high- fidelity UI designs using Figma.
HR Dashboard: Clean, data-driven, with quick insights.
Employee Profile: Simple and accessible, with personal info, payroll, and leave history.
Attendance Clock-in/Out: One-click functionality, available via web and mobile.
Reports Page: Interactive charts and tables for HR analysis.
1. Empathize
To understand the needs of both HR managers and employees, I conducted user interviews, surveys, and research. The goal was to identify frustrations with existing HR tools and manual processes.
2. Define
From the empathy stage, I synthesized the research into key problem statements:
HR managers need a centralized, error-free system because they spend too much time fixing mistakes in payroll,
leave, and reporting.
Employees need a seamless and transparent HR process because current systems are confusing,
time-consuming, and lack accessibility.
3. Ideate
I brainstormed potential solutions and mapped features to pain points:
Dashboard: For HR managers to get an overview of employee status, payroll, attendance, and reports.
Employee Onboarding & Records: Digitized onboarding with step-by-step guidance.
Payroll: Automated salary calculations, allowances, overtime, and tax compliance.
Expenses: Streamlined reimbursement process with upload and approval workflows.
Leave & Attendance: Employees request leave, managers approve/reject, integrated with a clock-in/clock-out
system.
Assets & Extras: Manage company assets, loans, rent, ESOP, pension, and mortgages.
Reports & Analytics: Generate visual reports on attendance, expenses, and payroll trends.
Documents: Store and share company policies and employee contracts securely.
Help & Support: Knowledge base and chatbot assistance for quick answers.
Settings & Pricing: Customizable to company needs and scalable across different organization sizes.
4. Prototype
I translated ideas into wireframes and high- fidelity UI designs using Figma.
HR Dashboard: Clean, data-driven, with quick insights.
Employee Profile: Simple and accessible, with personal info, payroll, and leave history.
Attendance Clock-in/Out: One-click functionality, available via web and mobile.
Reports Page: Interactive charts and tables for HR analysis.
1. Empathize
To understand the needs of both HR managers and employees, I
conducted user interviews, surveys, and research. The goal was to
identify frustrations with existing HR tools and manual processes.
2. Define
From the empathy stage, I synthesized the research into key
problem statements:
HR managers need a centralized, error-free system because
they spend too much time fixing mistakes in payroll, leave, and
reporting.
Employees need a seamless and transparent HR process
because current systems are confusing, time-consuming, and
lack accessibility.
3. Ideate
I brainstormed potential solutions and mapped features to pain
points:
Dashboard: For HR managers to get an overview of employee
status, payroll, attendance, and reports.
Employee Onboarding & Records: Digitized onboarding with
step-by-step guidance.
Payroll: Automated salary calculations, allowances, overtime,
and tax compliance.
Expenses: Streamlined reimbursement process with upload and
approval workflows.
Leave & Attendance: Employees request leave, managers
approve/reject, integrated with a clock-in/clock-out system.
Assets & Extras: Manage company assets, loans, rent, ESOP,
pension, and mortgages.
Reports & Analytics: Generate visual reports on attendance,
expenses, and payroll trends.
Documents: Store and share company policies and employee
contracts securely.
Help & Support: Knowledge base and chatbot assistance for
quick answers.
Settings & Pricing: Customizable to company needs and
scalable across different organization sizes.
4. Prototype
I translated ideas into wireframes and high- fidelity UI designs using
Figma.
HR Dashboard: Clean, data-driven, with quick insights.
Employee Profile: Simple and accessible, with personal info,
payroll, and leave history.
Attendance Clock-in/Out: One-click functionality, available
via web and mobile.
Reports Page: Interactive charts and tables for HR analysis.
5. Test
I carried out an unmoderated testing method of the prototype with the HR managers and employees.
Feedback:
HR managers loved the all in one dashboard, reducing time spent switching tools.
Employees appreciated the clarity of leave applications and quick access to payslips.
5. Test
I carried out an unmoderated testing
method of the prototype with the HR
managers and employees.
Feedback:
HR managers loved the all in one
dashboard, reducing time spent
switching tools.
Employees appreciated the clarity
of leave applications and quick
access to payslips.
5. Test
I carried out an unmoderated testing method of the prototype with the
HR managers and employees.
Feedback:
HR managers loved the all in one dashboard, reducing time spent
switching tools.
Employees appreciated the clarity of leave applications and quick
access to payslips.
User Persona
User Persona
User Persona
User Research
User Research
I conducted interviews and surveys with HR managers, startup founders, and employees to understand pain points.
Key Insights:
HR managers want automation (payroll, attendance, reporting).
Employees want self-service tools (onboarding, leave requests, access to payslips).
SMEs need cost-effective and scalable HR solutions.
I conducted interviews and surveys with HR managers, startup
founders, and employees to understand pain points.
Key Insights:
HR managers want automation (payroll, attendance, reporting).
Employees want self-service tools (onboarding, leave requests,
access to payslips).
SMEs need cost-effective and scalable HR solutions.
Competitive Analysis
Competitive Analysis
I analyzed competitors like BambooHR, Workday, and Zoho People.
Strengths: feature-rich platforms.
Weaknesses: often too complex and expensive for SMEs.
Opportunity: Position WorkflowHR as a simpler, more affordable and user friendly alternatives.
I analyzed competitors like BambooHR, Workday, and Zoho People.
Strengths: feature-rich platforms.
Weaknesses: often too complex and expensive for SMEs.
Opportunity: Position WorkflowHR as a simpler, more affordable
and user friendly alternatives.
Competitive Analysis
Journey Map
Journey Map
Journey Map
Wireframes
Wireframes
User flow
User flow
User flow
Typography and Color
Typography and
Color
Outcome & Impact
Outcome & Impact
Simplified HR operations into one platform.
Improved employee experience with self-service onboarding, leave, and payslips.
Reduced manual workload for HR managers by 35%
Positive feedback from usability testing: “Simple and much easier than our current tools.”
Simplified HR operations into one platform.
Improved employee experience with self-service onboarding,
leave, and payslips.
Reduced manual workload for HR managers by 35%
Positive feedback from usability testing: “Simple and much easier
than our current tools.”
Reflections & Next Steps
Reflections & Next Steps
What worked well:
Clean dashboard and simplified workflows received great feedback.
Strong alignment with SME needs.
Next steps:
Integrate AI-driven insights (e.g. attrition prediction, payroll optimization).
Add mobile app for on-the-go HR tasks.
Expand integrations (Slack, Google Workspace, Microsoft Teams).
What worked well:
Clean dashboard and simplified workflows received great feedback.
Strong alignment with SME needs.
Next steps:
Integrate AI-driven insights (e.g. attrition prediction, payroll
optimization).
Add mobile app for on-the-go HR tasks.
Expand integrations (Slack, Google Workspace, Microsoft
Teams).
WorkflowHR
©2025 Elizabeth Kafaru
Go back to the top
©2025 Elizabeth Kafaru
Go back to the top
©2025 Elizabeth Kafaru
Go back to the top
©2025 Elizabeth Kafaru
Go back to the top