This app is for users to manage their money. It is an application that must be based on functionality and security. It is important that the user feels safe using it. For the user to feel secure, they must feel that the application is up to date and in tune with the other applications they use daily. To resume, it looks old and outdated, this does not create trust.
Problems.
Bad hierarchy, the icons do not have enough relevance.
Disordered arrangement
Contrast is lost and can not be differentiated.
are confusing, the user experiences unexpected behaviour from them.
They need text to specify what they are
Typography also lacks sufficient contrast and hierarchy. Some font sizes are too small.
For redesign the UI of this app, I decided to use Glassmorphism combined with Aurora background to modernize the app.
Since this is a redesign of the TD Bank app, I decided combined this effect with a 3D look and a circular background for the icons. I wanted to make sure that everything is understandable and clear to the user from the moment they enter in their account. Too many glassmorphinms could confuse them. All this helps make them more relevant and the bank's brand identity.
I created a kit for the website. I integrated a proper type scale to ensure the readability and hierarchy of the text content.
Current Application VS My redesign
Current Application VS My redesign
This project is a UX case study of the TD Bank Application. I chose this app because I used it regularly and found many bugs in the UI.
With this project, I wanted to explore new trends and create something modern and striking. I enjoyed the process of designing this application and learned interesting new techniques.
TD bank Case Study UI