Authentication
01
Login Page
Employee sign-in with Employee ID and password. Clean, centered card on dark navy background with security badge.
View Mockup
Employee Self-Service
02
Employee Dashboard
Personal overview with leave balance, attendance summary, pending reimbursements, upcoming holidays, announcements, and quick actions.
View Mockup
05
Attendance Calendar
Monthly attendance view with color-coded calendar (Present/Absent/WFH/Half-day/Holiday). Today's attendance marking and monthly summary.
View Mockup
06
Leave Management
Leave balance cards with circular progress rings, apply leave form with date pickers, and complete leave history with status badges.
View Mockup
07
Payslips
Monthly payslip cards grid with generated/pending status. Expanded breakdown showing earnings, deductions, and net pay for selected month.
View Mockup
08
Reimbursements
Stats overview of claimed/approved/pending/rejected amounts. Expense claim submission form with receipt upload and claims history table.
View Mockup
HR Admin Views
03
Admin Dashboard
HR Admin overview showing total employees, pending approvals, attendance rate, and pending reimbursements. Pending approvals table and payroll status card.
View Mockup
04
Employee List
Searchable, filterable employee directory with department, designation, and status filters. Table view with actions for each employee and pagination.
View Mockup
09
Payroll Management
Monthly payroll processing for HR admins. Summary cards, detailed employee-wise breakdown with Basic, HRA, DA, PF, TDS, PT and net pay. Export to CSV.
View Mockup
Super Admin