NAB BANKING APP REDESIGN – TRANSFER FLOW

App Redesign
Project overview
National Australia Bank (branded nab) is one of the four largest financial institutions in Australia. Speaking as the user of nab mobile banking app, I’d say they did a great job to fulfil users’ needs, but do have some space to improve the app’s user experience. This project focuses on the nab banking app’s UX problems that I’ve found in the ‘transfer money between accounts’ flow.
Problem statement
Transferring money between accounts is an essential feature in any banking app, therefore the experience should be smooth. The current flow has a lot of unimportant information that distracts users from finding the account information and the right path. More than that, some features lack indication to inform the users of the accessibility. And lastly, the unnecessary extra steps they need to take could cost users patience if they have to go through that flow at least one time per day.
Goals
Users can easily find the information they are looking for; no distractive and confusing information; simpler and straightforward user flow.
Constraints
This redesign is limited to the ‘transfer flow’ and corresponding screens. To keep the overall design system as a whole, I was trying to match as much as the original UI design style, and only make the changes that were relevant to the user experience.
Current design problems
Distractive information - Accounts screen
Current design problems
Distractive information - Personal Account screen
Current design problems
Lack of indication - Personal Account screen
Current design problems
Lack of indication - Transfer screen
Current design problems
Unsmooth user flow. Given that users are on the Personal account screen, when they want to transfer money between accounts, there are two current flows shown below.
Explorations
After identifying the problems and conducting the competitive analysis, I made a diagram to show the comparison of the current flow and my redesign flow. Apart from that, I was also trying to explore the possible solutions in my sketchbook.
Redesign solutions
Accounts screen
Redesign solutions
Personal account screen
Redesign solutions
Transfer screen
Results
Here is the final design of the user flow. With the redesign, the user flow is more smooth and the information is displayed neatly.
I have put lots of effort into this project, from extracting branding elements (colors, fonts, etc.) to trying to explain the problems and improvements to my audience. Each design decision has been made through thoroughly analytical thinking.
Working on refining an existing product is quite different from creating something new from scratch. It gives me a deeper understanding of UX design, user flow, and the big impact design can make.

Next Project

Back to Top