ACSA Web App

ACSA is an ERP web app that was developed for Aura Gemilang in 2018. The web app hasn’t gone through any major design iteration. On top of that, board members of the company are not using the app in their day-to-day operation.

ROLE

UI/UX Designer

SERVICES

UI + UX Redesign

TOOLS

Figma, Miro

MISSION

Improve App Usage from Board Members

Throughout the years, ACSA saw little to no usage from the board members. In this project, I dive into the root cause and discover what could be done to improve the app adoption among the board members.

Project Deliverables

Here are the deliverables for the project:

  • Introduce “Board-Member” view
  • Introduce Steppers Component
  • New Visual Iteration for ACSA

DESIGN PROBLEM

How might we encourage board members to use ACSA more frequently in their day-to-day operations?

RESEARCH

Understanding why Board Members are not using ACSA

To pinpoin the exact factors, I conducted a survey via Google Form and sent it to Aura Gemilang’s manager. Also, I have outlined multiple research goals and uncovered crucial insights

Research Goals

Project description here to give context to readers. This allowed us to take on and finish more projects—fast—and earn more money.

  • Pinpoint key factors that discouraged the usage of ACSA among board members
  • Identify key metrics that are important to board members
  • Identify key metrics that clerks deem important
  • Discover opportunities to improve core product flow

Research Findings

1. Absence of crucial data impacted the app usage among board members

Based on the response, board members don’t use the app because they would rather ask their employees/manager upon request.

I have also pinpointed a number of key business metrics that they would consider important.

2. Low Hanging Fruit

Besides that, I have also discovered that clerks considered “Jumlah Advance Semasa” (Total Current Advance) in their dashboard view.

IDEATION

IDEATION

Brainstorm with the lean UX Canvas

Before I dive deep into the design process, I went to Miro to gather, brainstorm and refine my ideas.

SKETCHES & WIREFRAMES

Low-Fidelity Sketches + Wireframes

In the early stages of the design, I started with rough sketches on paper to experiment with layouts, later digitizing in it Figma as wireframes


Wireframes in the early stages of the design process.

FINAL OUTCOME

STYLE GUIDE & MOCKUPS

End Product

ACSA was redesigned with a clean, visual look. Previously it had displayed little metrics in the dashboard, rendering it useless from the board member’s perspective.
With the introduction of Board Member view, I hope to increase the app adoption from these group of users.

OLD ACSA UI

OLD ACSA UI

REDESIGNED UI

Redesigned ACSA UI – Home Dashboard Screen

Redesigned ACSA UI – Commission Screen

Redesigned ACSA UI – Commission Screen

Redesigned ACSA UI – Responsive Design on Devices (For Board Members Use Case)

SHOWCASE

Prototype Showcase

ACSA was redesigned with a clean, visual look. Previously it had displayed little metrics in the dashboard, rendering it useless from the board member’s perspective.

With the introduction of Board Member view, I hope to increase the app adoption from these group of users.

My Other Portfolios