Employees · Records
Manual files: Employee records, postings and department transfers lived in manual files, so any payroll change meant chasing paperwork across offices.
Payroll Government Payroll System
KPK government payroll with BPS scales, allowances, deductions, approvals and GP Fund.
payroll.labourmisessirfid.kp.gov.pkLive
GovTechUI/UX + Dev
PKR 78MPayroll & loans
772Active loans
22BPS pay scales
100%Approval workflow
Overview/ 01
One system for KPK's government payroll
One platform for employees, BPS scales, payroll runs, approvals and GP Fund.Payroll is a unified payroll management system for the KPK ESSI, bringing employee records, BPS pay scales, allowances, deductions, payroll runs, approvals, GP Fund and reporting into one secure platform.
- Employees, posts & BPS scales
- Allowance & deduction rules
- Role
- UI/UX + Development
- Sector
- Government · FinTech
- Timeline
- 7 months
- Platform
- Web App
- Role
- UI/UX + Development
- Sector
- Government · FinTech
- Timeline
- 7 months
- Platform
- Web App
- Access
- Role-based
- Year
- 2025
Scope & deliverables
- Discovery & Strategy
- UX / UI Design
- Frontend Engineering
- Backend & Integrations
Discovery & Strategy
System architecture, BPS rules and payroll workflows across every department.
UX / UI Design
A clean, accessible design system tuned for finance officers and approvers.
Frontend Engineering
A fast, responsive portal with real-time analytics and dense payroll tables.
Backend & Integrations
Secure APIs, payroll engine, approval workflow and GP Fund accounting.
Challenge & solution
Manual payroll sheets, or one automated system
Monthly payroll ran on spreadsheets and paper approvals, slow, error-prone BPS calculations with no audit trail across departments.
- Spreadsheet payroll
- Manual BPS scales
- Paper approvals
DaysPer run
PaperApprovals
Pay Scales · BPS grades
Manual grades: BPS pay scales and increments were applied by hand, causing inconsistent grades, calculation errors and disputes at every revision.
Allowances · Earnings
Manual add-ons: Allowances were added manually per employee, so entitlements were missed, duplicated or applied inconsistently across departments.
Deductions · Cuts & loans
Manual cuts: Tax, loan and fund deductions were calculated by hand, producing slow, error-prone net pay and reconciliation headaches.
No core
No shared platform
Fragmented systems
DaysPer runPaperApprovals
Payroll Run · Monthly run
Spreadsheets: Monthly payroll was built in spreadsheets per department, taking days and breaking on every scale or allowance change.
Approvals · Sign-off
Paper approvals: Payroll approvals moved on paper between officers, so runs stalled and there was no clear record of who approved what.
GP Fund · Provident
Manual ledgers: GP Fund accounts, advances and deductions were tracked in manual ledgers, so balances and advances were hard to verify.
Reports · Analytics
No insight: With payroll in spreadsheets there was no way to analyse cost, deductions or trends across the institution.
PKR 78MPayroll & loans
772Active loans
22BPS scales
100%Approval workflow
Key features
Everything payroll needs, in one platform
BPS scales, rule-based earnings and monthly payroll with a clear audit trail.From maintaining BPS pay scales to running and approving monthly payroll, every step lives in the same secure system with a clear audit trail.
01/05 features
Tap a product
Auto-playing. Hover to pause
payroll.labourmisessirfid.kp.gov.pk
Employees & Posts
A complete registry of employees with posts, departments and transfers, each record linked to its pay scale.
Engineering
Technology & Development
Government payroll engine with BPS rules, bulk runs, approvals and reporting.Engineered to run government payroll at scale, BPS scales, rule-based earnings, bulk runs, approvals, GP Fund and reporting on one secure platform.
- Client LayerUIRole-based portal · finance officers, approvers & administrators01
- Payroll EngineENGBPS scales, allowance & deduction rules, single & bulk runs02
- Workflow LayerFLOWApproval routing · GP Fund accounting · background exports03
- Data & SecuritySECEncrypted records · role-based access · full audit logging04
- 01Discovery & ArchitectureMapped BPS rules, payroll workflows and approval chains into one system blueprint.Phase 1
- 02UX / UI DesignBuilt an accessible design system for finance officers and approvers.Phase 2
- 03Frontend EngineeringDeveloped a fast, responsive portal with real-time analytics and dense tables.Phase 3
- 04Payroll Engine & APIsEngineered the rule-based payroll engine, approval workflow and GP Fund APIs.Phase 4
- 05QA & SecurityHardened access control and audit logging, then validated payroll across scales.Phase 5
- 06Launch & IterateRolled out across departments with monitoring, then iterated on finance feedback.Live
Stack
- React
- Next.js
- TypeScript
- Node.js
- REST APIs
- Payroll engine
- PostgreSQL
- Redis
- Cloud Hosting
- BPS Scales
- GP Fund
- Approvals
Product Screens
Every step, one platform
Browse dashboard, pay scales, payroll runs, approvals and GP Fund.Glide through the live payroll platform, from the analytics dashboard to pay scales, payroll runs, approvals and GP Fund.
Drag to explore01 / 18
Philosophy
Design Approach
Clear, accurate design for trustworthy payroll workflows and approvals.A user-centered design philosophy focused on clarity, accuracy and trustworthy financial workflows for payroll officers and approvers.
ClarityAccuracyTrustResponsive
- Design pillars
- 04
- Accessibility
- AA
- Secure access
- RBAC
- Responsive Web DesignFluid layouts and dense payroll tables that stay legible from office laptops to large displays.100%
- Accuracy by DesignClear breakdowns of earnings and deductions so every figure is verifiable at a glance.0
- Accessible TypographyAccessibility-friendly typography with strong contrast for dense financial data.AA
- Security-First DesignRole-based interaction patterns that protect salary and employee data at every step.RBAC
Tokens
Design System
One visual language across every payroll screen.A cohesive visual language that keeps every payroll screen consistent, accurate and trustworthy.
- Typography6 scale steps
- Spacing5 tokens
- Icons8 symbols
- Breakpoints4 sizes
Type samples
HeadingSpace Grotesk 800 · 32px
SubheadingInter 500 · 20px
Body text for product listings, collections, and guides.Inter 400 · 16px
More work
Explore more projects
Government platforms, healthcare SaaS and AI products from our team.More of what our team designs and ships, from government platforms to healthcare SaaS and AI products.
Government Platform2025HMIS, KPK2025
Government Platform2025LMIS, KPK2025
Web Platform2024Zenara Healthcare2024