Zellio Logo
Human Resource System/ Internal Dashboard

HR Management CMS

Centralized internal dashboard dedicated to the HR team. Automates attendance, leave requests, KPI calculations, payroll generation, and candidate recruitment monitoring.

Next.jsExpress.jsRedis SSOPostgreSQL
Read Case Study
HR Management CMS Preview
HR Management CMS Cover

Project Overview

HR Management CMS is an internal productivity tool designed to modernize the workflows of the Human Resources department. This system unifies administrative processes from biometric/GPS-based attendance, leave approval workflows, tracking annual employee KPI metrics, to automated monthly payroll calculations containing PPh 21 income tax deductions and BPJS insurance. With an integrated applicant tracking system, HR can also systematically monitor candidate interviews.

Challenges
& Solutions

How we turned complex technical problems into elegant, structured digital solutions.

Problem & Response — Stage 011 / 3
Challenges

Calculating monthly payroll formulas which are complicated due to variables like overtime, performance bonuses, late fines, and PPh 21 tax deductions.

Solutions

Developing a dynamic JavaScript-based payroll calculation engine that processes tax rules and salary components flexibly.

Problem & Response — Stage 022 / 3
Challenges

Securing highly sensitive employee salary details from unauthorized access.

Solutions

Applying column-level encryption in the PostgreSQL database for sensitive salary digits.

Problem & Response — Stage 033 / 3
Challenges

Handling GPS/biometric check-in attendance logs from thousands of employees simultaneously during peak hours.

Solutions

Using a Redis-based Single Sign-On (SSO) system to manage secure user authentication sessions across internal dashboards.

Zellio Approach

Workflow

01
Phase 01

Consultation

Reviewing PPh 21 income tax calculation formulas, BPJS policies, and corporate leave approval rules.

02
Phase 02

Planning

Structuring employee database tables, Role-Based Access Control matrix, and backend system architecture.

03
Phase 03

Development

Building the HR dashboard UI with Next.js and programming payroll endpoints in Express.js.

04
Phase 04

Quality Assurance

Verifying payroll precision by cross-checking outputs directly with manual spreadsheets.

05
Phase 05

Launch & Support

Deploying system to corporate intranet, integrating physical biometric machines, and monitoring server performance.

Screenshots Gallery

A glimpse into the interface and user experience we meticulously designed.

HR Management CMS Screenshot 1
HR Management CMS Screenshot 2
HR Management CMS Screenshot 3
HR Management CMS Screenshot 4
Project Impact

Achieved Results.

Fast Payroll Processing

Automated salary and PPh21 calculations slashed recapitulation workload from 5 days to 1 day.

Attendance Discipline

The location-based clock-in system (geo-tagging) proved to reduce employee tardiness by 12%.

Recruitment Efficiency

Digital applicant tracking reduced the recruitment cycle time for new positions by up to 20%.

Inspired by this project?

Let's discuss how Zellio can bring your company's digital vision to life.

Start Your Project