Employee 360 — HR Management Platform
Designed a dual-interface HR management platform — employee mobile app for daily self-service and an admin web dashboard for workforce analytics and management.
Executive Summary
Project Overview
Employee 360 is a dual-interface HR platform that gives employees self-service access to their daily HR needs (attendance, leave, performance) through a mobile app, while providing HR administrators with a web dashboard for workforce management, analytics, and approvals. The core design goal was connecting these two interfaces so employee actions flow seamlessly into admin workflows.
The Challenge
Before Employee 360, HR processes were fragmented:
- No employee self-service: Attendance, leave requests, and performance data required manual coordination with HR — employees had no direct access to their own records
- Delayed approvals: Leave requests and performance reviews moved through informal channels (email, paper), causing delays and lost context
- No real-time workforce visibility: HR teams relied on spreadsheets and manual reports — no live view of attendance patterns, leave balances, or performance trends
- Disconnected tools: Different processes lived in different systems with no unified view of employee engagement or productivity
Key Design Decisions & Tradeoffs
1. Mobile-first for employees, web-first for admins
Decision: Employees interact primarily through a mobile app; HR admins work through a web dashboard.
Tradeoff: Two separate interfaces to design and maintain instead of one responsive platform.
Why: Employees need quick daily interactions (check-in, leave request) that fit a mobile context. HR admins need data-dense views (tables, charts, approval queues) that work better on desktop.
2. Real-time attendance with check-in/out pattern
Decision: Design attendance as an active check-in/check-out action rather than passive tracking.
Tradeoff: Requires employees to remember to check in/out daily.
Why: Active check-in gives employees agency and awareness of their attendance record, while providing HR with accurate, employee-confirmed data rather than estimated times.
3. Unified approval workflow (leave + performance)
Decision: Standardize the approval pattern across leave requests and performance reviews — same status model, same notification flow.
Tradeoff: Less flexibility for custom workflows per HR process.
Why: Consistent patterns reduce learning curve for both employees (submitting) and managers (approving). One mental model for "request → review → approved/rejected."
4. Dashboard-first admin experience
Decision: Admin dashboard leads with aggregate KPIs (attendance rate, pending approvals, engagement metrics) before drill-down.
Tradeoff: Individual employee details require an extra click.
Why: HR managers start their day asking "what needs attention?" — aggregate data with anomaly highlighting surfaces urgent items faster than browsing individual records.
Solution Overview
Employee Mobile App (12 screens)
- Dashboard: Today’s attendance status, upcoming leave, active goals, and notifications
- Attendance: Check-in/check-out with daily and monthly history view
- Leave management: Request submission, balance tracking, approval status, and calendar view
- Performance tracking: Personal KPIs, goal progress, and review history
- Profile: Skills, certifications, work history, and personal information
Admin Web Dashboard (5 key views)
- Employee overview: Workforce directory with quick access to individual profiles and status
- Analytics dashboard: Aggregate KPIs — attendance rates, leave patterns, performance distribution, and engagement trends
- Attendance management: Real-time attendance monitoring with anomaly detection and reports
- Leave tracking: Approval queue, team calendar, and balance management
- Performance reviews: Review cycles, goal tracking, and comparative analytics
System Thinking
States & Edge Cases
- Attendance edge cases: Missed check-out, late check-in, weekend/holiday handling, and retroactive corrections
- Leave conflicts: Overlapping requests within a team, zero-balance requests, and manager absence during approval
- Loading/empty states: New employees with no history; departments with no pending actions
- Permission behavior: Employees see only their own data; managers see their team; HR admins see the full organization
Connected Data Flow
- Employee check-in on mobile → instant reflection on admin attendance dashboard
- Leave request submitted → manager notification → approval → balance auto-updated
- Performance goals set by admin → visible on employee mobile with progress tracking
Design Screens
Admin Dashboard
Mobile App
Impact & Results
- Faster HR processing through automated workflows and employee self-service
- Improved employee engagement with accessible mobile experience
- Significant time saved on routine HR tasks (attendance tracking, leave approvals)
- High user satisfaction across both employee and admin interfaces
Tools: Figma
Platform: Mobile (Employee App) & Web (Admin Dashboard)