Optimized In-House HR Platform Creation
To improve efficiency, our design team took the initiative to create an internal HR app, reducing reliance on third-party services. This not only helped cut costs but also ensured the system was tailored to the company’s specific needs.
Project Type
HRIS App
Location
Indonesia
Role
Lead Designer
Company
Alturian
Industry
Enterprise
Timeline
6 months
Challenge
How do we design a system that feels intuitive for employees while remaining clear and efficient for HR and Finance teams?
- Maintain familiarity and ease the transition from the previous app
- Must be accessible from anywhere on their device at any time
- Adjusted features based on actual company needs
- Leveraged an existing design system from a past project, sped up both design and development.
- Focused developing on the core task
- Prepared extra documentation for developers to minimize the need for hands-on guidance.
- Gave the development team the flexibility to improvise where needed.
Research
Interviews
I conducted interviews with the HR and Finance teams to understand the reasoning behind their tasks and identify pain points from the previous app.
Key User Stories
As an HR, I want to track employee attendance, see who’s late, and who didn’t show up.
As a Finance, I want to calculate payroll quickly and with minimal errors.
As an Employee, I want to view a calendar to help me choose the right dates for leave requests.
Design Process
Task Flow
The Task Flow of Alturian HRIS illustrates a structured decision-based journey for employees navigating through core HR operations. Starting from the login and homepage, users are guided through various conditional steps depending on their intent—whether to clock in, apply for leave, change passwords, access the employee directory, or view payslips. Clocking in involves a picture capture and optional notes before submission.
Leave requests pass through two layers of approval—supervisor and HR—before confirmation. Password changes require admin access to a reset link, while payslip access is protected with a password verification step. Each flow accounts for outcomes like rejection, incorrect input, or successful action, ensuring users receive immediate feedback or are redirected appropriately. This logical and responsive flow ensures that Alturian HRIS supports daily employee needs with clarity, efficiency, and appropriate access control.
Wireframes
In the wireframing stage, my goal was to define the foundational structure and user journeys within Alturian HRIS, focusing on clarity, usability, and functional logic.
I mapped out key flows such as clock-in/clock-out, leave submission, payslip access, password management, and employee directory exploration. The wireframes are intentionally minimal — allowing the team to validate interaction patterns, information hierarchy, and edge cases early, without being distracted by visual elements.
One example is the leave request flow, which reflects a multi-step conditional path involving approvals from both a direct supervisor and HR, depending on the user’s role. These types of flows were carefully structured to accommodate both employee-level and managerial scenarios.
High Fidelity
After establishing a solid foundation, I transitioned into high-fidelity designs that bring the Alturian HRIS experience to life.
The visual design aligns with a clean, modern aesthetic — using an existing Alturian’s design language, readable typography, and scalable UI components. I emphasized consistency across modules, from attendance to payroll, while ensuring each interaction is intuitive and purposeful.
Every element is designed to support real-world usage:
- The clock-in button is instantly recognizable and action-ready.
- Leave requests include visual feedback for each approval stage.
- Payslip access is gated by a password check to reflect realistic security needs.
Iterations
Announcements and KPI Tracking
At launch, the HRIS system must cover essential tasks like attendance tracking, leave requests, and payslips to ensure a smooth transition from third-party tools.
For the second phase, we plan to introduce features like announcements and KPI tracking. This will be guided by user feedback, prioritizing the most impactful additions. We’ll roll out features gradually—starting with announcements for centralized updates, followed by KPI tracking to support performance management—while ensuring smooth adoption with clear documentation and training.
