<

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

Product Strategy, UX/UI Design, Frontend Development

Tools

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

Skills

UX Writing, Wireframing, Responsive Design, System Thinking

Color Palette

Ink

#0F172A

Signal Blue

#315EFB

Mist

#E8EEFF

Paper

#F8FAFC

Infrastructure

1

Home

2

Overview

3

Features

4

Workflow

5

Dashboard

6

Detail

7

Mobile

8

CTA

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 modern product system. This theme was chosen so the product feels professional, clear, and ready for business use. The selected style is minimal, modular, and image-forward. This style keeps the focus on structure, creates breathing room, and makes the experience feel modern.

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

Overview

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

3

Features

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

4

Workflow

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

5

Dashboard

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

6

Detail

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

7

Mobile

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

8

CTA

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