AMIR Bank’s Consumer Payment Upgrade Project

Role: UX & UI Designer



AMIR’s Consumer Payments Upgrade Project is a “tech debt” situation. Its user base tends to be affluent, tenured, and vocal. The UX Solution combined a redesign of an existing platform and rebuild of the customer’s experience. It was also a learning experience in democratizing the UX Design Process.

The upgrade is currently in go-live phase that will roll out to AMIR’s employees and follow up with a respond and react period in the near future.

︎Access the Desktop Anima/Sketch prototype here.

AMIR Image for conceptual use only, as a placeholder project to represent my current work at Fidelity do not reproduce or distribute.

Desktop and Mobile Web View of the Consumer Payments Page.


The Problems


Project Problem
Consumer Payments is moving from a legacy platform to new technology under tight deadlines because the existing platform will no longer be supported. Its information architecture is limiting and its user experience is dated. With the upgrade, some existing features need to be removed and new improvements could be added, but new functionality is not within scope.


Legacy Platform Homepage & Enrollment Page


Modal Hell
In the current user experience 95% of all transactions and features in the platform were contained in pop up modals that were non-responsive and had outdated an outdated user interface, 



Multiple Steps for simple actions
Simple actions such as making a payment, setting up an e-payment, adding a recurring payment, or managing a payee required the user take multiple steps in order to achieve these goals. Below is a current state flow analysis of the user’s experience for Adding a Company as a Payee. 




User Problem
Although AMIR’s Consumer Payments user base is small; Its customers tend to be affluent, tenued, and vocal. The challenge is to introduce a design with a modern look that doesn’t disrupt the day to day expectations of the Consumer Payments Client.

  



UX Solution & High Level Design Solutions


I started with analysis of the experience in order to find areas of improvement and establish the team’s fluency with the platform and UX design process. I reorganized the Information Architecture into four service buckets with a redesign towards a mobile-first approach. I ran usability tests to lead the team’s acceptance of the new UX designs and validated which direction would create a more efficient experience for the AMIR User. To meet deadline requirements I recommended bringing in a Junior UX Designer and established extensive cross-team collaboration.

 

︎ 1. I restructed the information architecture from two main pages (Manage Payments & Payment History) that held mutiples user actions to four buckets for user actions.


︎ 2. Usability Testing of new Prototypes and of E-Payments validated several features to expand upon in the new UX. 

  • Confirmations of actions are important.
  • Users want to see more than 30 days of history. (not shown here)

To address:
  • More advanced find feature for payment history search.
  • Concerned about losing pending payments or history when payee is deleted.







︎ 3. I added marketing language & branding to the enrollment experience, so that users understood what the Consumer Payment platform had to offer.


︎ 4. Business Outcome: ePayments functionality created a stickiness in our users and helped retain them to the Consumer Payments platform. Therefore, I surfaced ePayment functionality in order to push more enrollment in the future. See purple boxes in the images provided here for reference.︎





︎ 5. I brought the new platform into current UX Design trends by using mobile first solutions & establishing the platform’s responsive design. 
  • Created a sticky Total Bar that functioned like a “Shopping Cart” for payments. 
  • Established new Information Architecture for better navigation and a streamlined experience per page across the platform. 





Next Steps


The upgrade is currently in go-live phase that will roll out to AMIR’s employees and follow up with a respond and react period in the near future.



Extra Artifacts

Below are images of my sketches. 








Auddie 2020 ©  //// Auddie 2020 ©






Auddie 2020 ©  //// Auddie 2020 ©