All work

HR & Payroll System

Concept Mockup · HR System

Sample screens for an HR system for mid-sized organisations, bringing employee records, attendance, leave, OT and payroll together in one place. It pairs with an employee app for checking in with GPS and a photo, and the data reaches the HR system instantly.

MockupHRAI
Open Mockup
Overview page of the HR & PAYROLL SYSTEM (Mockup)

Sample screens

Sample screens (mockup) designed by our team. All data is fictional. Click "Open Mockup" and use the left-hand menu to explore other pages.

The challenge

What we built

Central employee records

History, positions, departments and documents in one place.

Employee app (Check-in)

Check in with GPS location and a photo to stop buddy punching. Employees submit leave and view payslips themselves.

Payroll runs

Combines hours, OT and allowances, deducts social security and tax, then exports the bank transfer file.

Workforce dashboard

On-time attendance rate, OT hours and headcount by department.

Role-based access

Employees, managers and HR see only the data they need.

AI HR Assistant

Answers policy questions from company documents, screens applications, detects buddy punching and analyses attrition risk.

Technology

Mockup
Next.jsReactTypeScriptCSS Modules
Production system (recommended)
PostgreSQLPrismaRBACAudit Log

Planning a system like this?

Request a quote