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.
UI/UX Designer
UI + UX Redesign
Figma, Miro
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?
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
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.
Besides that, I have also discovered that clerks considered “Jumlah Advance Semasa” (Total Current Advance) in their dashboard view.
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.
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
FINAL OUTCOME
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)
Prototype Showcase
With the introduction of Board Member view, I hope to increase the app adoption from these group of users.
