Digital Banking app case study
UX & Design, Reinventing the “Caixadirecta” app
If I had the option, I would never visit a branch and I would settle all issues exclusively through online banking. It’s comfortable and saves me a bunch of time.
I took the initiative of redesigning Caixadirecta, the online banking app of a Portuguese bank, which is an app I use regularly to check my account status and payments. My redesign isn’t a complete visual overhaul, but some changes which I think will increase the engagement of the user.
In my opinion, banks are acting too slow in digital. On one hand, they could invest a lot of money, but on the other hand conservatism and bureaucracy seriously hamper. It seems like some of them still can’t believe everyday more people use mobile apps or even “worse” — want to use a tablet or wearable for banking. Maybe that’s why not every bank has mobile banking or gives you full functionality through it.
Of course, there are some innovative banks, and they have omni-channel digital banking, but another problem occurs — lack of usability.
I start looking into the first screen of Caixadirecta and straight away I can see there’s too much information. I don’t need all this content. This is a “busy” screen.
1 — Screen of the app currently live
Lots of information, even a share button on the top. Also, it hasn’t been optimised for iPhone 6.
2 — My sketch
On this screen I try to minimise as much as possible, just adding the content relevant to the user.
3 — My final design
My aim was to reduce the noise around and focus on what is really important: login for companies / personal account. I have also added the geolocation, so this way we can easily find the closest branch.
After the goals were defined it was time to create the wireframes.
Creating Intro Page Of Banking app
The intro page has to be helpful;
Branches & ATMs locator
First of all, let’s make sure that our customer can easily find the nearest branch, ATM or even partner deals without login. And let’s ensure we are giving the best branch option by providing closing times and line wait times directly on the map through nice markers. It will allow our bank to distribute traffic between branches and make our service more pleasant for customers and employees.
Designing Balance And History Dashboard
So, you are logged in. In my dashboard i have some simple design to make it easy to use:
1. Balance statement
2. Monthly income
3. Monthly expenses
4. Money available
5. Category applications
6. Latest transaction history
7. Quick Access menu for every transaction
Now 10 seconds is enough to see clearly your balance statement, monthly income and expenses. Another 10 seconds and you have clear understanding of safe-to-spend sum in the category chart. The red and green colours help to easily identify the money in and out.