Ahmad Fahmi Ghani • 5 mins read

Introduction

The Giant ERP Web Portal is a large-scale enterprise solution built to streamline daily operations across departments like procurement, inventory, finance, and accounting. Over a 3-month span (January – March 2025), I played a dual role as both designer and front-end developer, focusing on enhancing the Accounts Payable (AP) and Accounts Receivable (AR) modules.

My role focused on creating an intuitive and seamless experience for users managing supplier data and financial workflows. I worked closely with Giant’s API developers, project managers, and QA teams to ensure design clarity without disrupting technical constraints.

This case study highlights the key improvements I made across multiple screens within the AP/AR Management modules. The focus was to refine and improve the following journey:

Login Screen → Region & Outlet Selection Screen → AP Supplier Table → Edit/New Supplier Form Screens

• Feature Scope: AP/AR Management Modules
• Role: UI/UX Designer, Frontend Developer
• Year and Period: 2025 • January – March (3 months)
• Platform: Web-based ERP (Responsive, Desktop-first, Mobile Web)

Problem Statement

The AP module is regularly used by finance and operations teams. However, the previous UX lacked consistency, scalability, and clarity. Especially for large data management tasks like creating or editing suppliers. This led to a few key usability challenges:

• AP Supplier table lacked a clear hierarchy, making it difficult to interpret data quickly.
• Cluttered forms slowed down the supplier onboarding process.
• Inconsistent layout structure and branding created a disjointed experience.