Portfolio

Self Service Payment UI

UI/UX DESIGN

Creating a payment UI for a legacy system can be tricky.

Mapping the UX was a key component to getting the true flow done for this because the system at the time only accepted ACH transactions there was no need to have the user select a payment type, but with the understanding of future iterations the option needed to be available when other payment types or changes to payment types became available.

DATE
Feb. 2022
TOOLS
Adobe XD
SERVICE
UI Design
When companies with a long history of not having a true online user experience attempt to update and create an experience for their user base, they can have many unexpected processes that can through a wrench into the flow and development of any UI. Finding design solutions that can be flexible for future development and implementation is key to the success of the life of the UI.

CHALLANGE

Implementing a self-service payment portal UI, with legacy website and backend TRAN UI. 

SOLUTION

With the implementation of the self-service payment UI. I created a user flow that took the convoluted way agents over the phone and assisted users to make payments in a user flow that they would understand. The solution was not recreating the wheel the solution was giving the user a familiar UI that is easy to use and not complicated. I believe I made that happen by seeing a decrease in phone calls to the call center, increase loan payoffs, and increased traffic to a user portal that was outdated and not getting much traffic.