<

HR Automation for Public Company

Overview

Implemented an automated HR system with employee mobile app, AI-powered payroll, automated leave workflow, and BPJS & PPh 21 integration.

Type

Automation

Role

Workflow Design, Systems Thinking, Interface Design

Tools

Flutter, Node.js, PostgreSQL, n8n, Docker, AWS

Skills

Process Mapping, Automation Logic, Exception Design, UX Simplification

Color Palette

Core

#0A0F1F

Flow Green

#22C55E

Leaf Tint

#DBFCE7

Cloud

#F8FAFC

Infrastructure

1

Home

2

Workflow

3

Intake

4

Approval

5

Log

6

Exception

7

Reporting

8

Mobile

1
HR Automation for Public Company page 1
2
HR Automation for Public Company page 2
3
HR Automation for Public Company page 3
4
HR Automation for Public Company page 4
5
HR Automation for Public Company page 5
6
HR Automation for Public Company page 6
7
HR Automation for Public Company page 7
8
HR Automation for Public Company page 8

Design

The chosen theme for this project is structured workflow platform. This theme was chosen to emphasize control and clarity across automated processes. The selected style is clean, systematic, and process-led. This style helps complex flows feel easier to follow and more efficient.

1

Home

The home page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

2

Workflow

The workflow page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

3

Intake

The intake page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

4

Approval

The approval page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

5

Log

The log page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

6

Exception

The exception page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

7

Reporting

The reporting page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

8

Mobile

The mobile page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.