UI Enhancement case study
I began by identifying the real-life scenarios, ensuring that the design solutions are both intuitive and impactful. Here’s a case study that highlights my problem-solving design process.
​
My role
I led this project as a Product Manager and Product Design Lead at CASHet.
​
Project goal
Improve the existing UI/UX for transaction receipt & memo upload to enhance user satisfaction, increase retention, and reduce churn.
​
Target users
CASHet card holders who use the web platform and/or mobile app: Persona name "John"
​
Stakeholders
CASHet Pcard Digital Approval team and head of customer support - approximately 8-10 people. Entire design process was shared with stakeholders through 6 Zoom meetings, numerous Slack messages & emails.
​
User's goal
Add a memo and upload receipt files to the corresponding transactions to enable approval by the administrators.
​
Conclusion/Retrospective
This feature request came directly from users who had been waiting for it for years and now use it daily. While it could have been implemented sooner, the update ultimately delighted customers and improved their workflows. For the file uploading UI, to meet engineering requirements, I adapted my design to work with a pre-built file upload plugin, balancing design consistency with resource efficiency. Throughout the process, I had been presenting mock-ups and testing usability with the stakeholders. Consistent communication with stakeholders and the engineering team was key to the feature's successful launch.
​​
Proposed User Flow/Scenario

UI Improvements based on the user flow
The redesigned UI resolves previous limitations by introducing key features that enhance file management and usability:
-
Movable Popup Function: A movable popup feature has been introduced, giving users greater flexibility to position interface elements, improving workflow efficiency and overall usability.
Old

New

File management system
A clear file list, preview, zoom, and multi-upload capabilities have been added, allowing users to manage their files more efficiently.
Old

New

New feature: Memo
A transaction memo feature now enables users to explain expenses directly within the platform and synced with the mobile app along with the receipt image files.

New feature: Bulk file upload
A transaction memo feature now enables users to explain expenses directly within the platform and synced with the mobile app along with the receipt image files.
Files dropped

When file sizes exceed the maximum

"Start upload" is clicked:
Show the progress at the bottom right along with the file list on the left side
