HR Portal v4 — Design Mockups

Login Page

Secure sign-in screen with email/password authentication and Microsoft SSO option for enterprise users.

Email Auth SSO Support Remember Me Forgot Password

02

Admin Dashboard

Central command center for admins with KPI cards, leave request overview, attendance chart, and recent hires.

KPI Cards Attendance Chart Leave Summary Recent Hires

03

Employee Directory

Searchable and filterable employee table with avatar initials, status badges, department, and role data.

Filter & Search Status Badges Pagination Add Employee

04

Leave Management

Admin view for reviewing, approving, or rejecting leave requests with a detail side panel and status tabs.

Approve/Reject Detail Panel Status Tabs Leave Types

05

Payroll Processing

Monthly payroll with Indian compliance — PF, ESI, TDS breakdowns, gross/net calculations, and payslip generation.

PF Deductions ESI Compliance TDS Calculation Payslip Gen

06

Attendance Dashboard

Real-time clock-in/out tracking, GPS location data, color-coded status grid, and monthly heatmap calendar.

Live Tracking GPS Location Heatmap Calendar Status Grid

07

Recruitment Kanban

Visual applicant pipeline board with 6 stages — Applied, Screening, Interview, Offer, Hired, Rejected — with drag-and-drop cards.

Kanban Board 6 Stages Applicant Cards Job Selector

08

Employee Self-Service

Personalized employee portal with leave balance, attendance stats, upcoming payslip, quick actions, and performance score ring.

Quick Actions Performance Ring Leave History Holidays

27 more screens

More Screens

Profile editor, performance reviews, expense claims, document manager, reports, settings, and 20+ more screens to be designed during development.

Coming in development phase