back to latest articles

Fintech Case Study: Mobile Banking App Design for Neobank UX

0

Fintech Case Study: Mobile Banking App Design for Neobank UX

Is it possible to transform dozens of traditional bank products in a single Neobank app? Let's find out in this digital banking case study completed in 2016. It all started when at a conference on banking innovation, one of the international bank executives came up to me and asked a question about how to create a banking app:

What you tell me about UX design possibilities in the digital banking sector is incredibly inspiring, but how to create a banking app if my bank offers more than 100 different products? Maybe it could be possible in the future somehow, but we can’t travel there to get insight.

And who of us has not dreamed of a time machine that allows a glimpse into the future? However, if I was bank employee, I'm not sure that I would do it. In the near future, millions of bank employees will face losing jobs and millions of lost revenues. And we already see it happening; thousands of bank branches are closed, and alternative financial services receive billions in funding to entice banking customers. Anyway, banks with their huge resources can use this opportunity to win the future.

In search of the best Neobank UX design

Finding a best banking service of the future is not such a bad idea, right? After all, technology that disrupts the banking industry, if used properly, can become its savior. Unfortunately, today, we can’t bring you incredible news that we invented a time machine, but we can still offer something extremely valuable. We have spent the last few months combining our knowledge and experience from engineering dozens of financial services in UXDA with recent trends in the financial industry to create vision of the future banking.

So, is it possible to unite dozens of traditional bank features in a single challenger bank app?

This mobile banking app has to be simple, intuitive for the user and provide the perfect banking user experience. We are sure it can be done if cutting-edge technological innovations and banking user experience design are used together.

Please enjoy this video of the Neobank motion UX concept delivered by the UXDA team:

You can buy this Neobank UX/UI Design concept at Fintech UI marketplace.

UXDA team of financial UX experts and UI designers created this Fintech case study of a mobile only bank app design to demonstrate how future of banking customer experience might look. This digital banking design case study is second in a series of banking UX / UI design concepts that shares UXDA insights on how to create a banking app. You can find previous UX concepts of future digital banking here.

So, if we are talking about digital banking disruption in the near future, how will it work? I believe, challenger banks, as a delightful banking customer experience providers, will be based on 10 emerging digital banking trends that you may already know:

  1. Blockchain
  2. Gamification
  3. Nudge theory
  4. Robo advising
  5. Voice processing
  6. Biometrics
  7. Social integration
  8. Personalization
  9. Big data
  10. Open API and clouds

Before we present our banking app design, we need to clarify the context of financial consuming. When we asked people what banking service is about, their most popular answer was: “Me and my money.” That’s right, but, in real life, it’s a bit more broad. Your financial life involves not only you and your money, but also your family, friends and dozens of financial products.

You need to know the overall financial status of your family members to effectively manage finance, right? It would also be helpful to know your friends’ financial behaviours to get some useful insights as examples. And, finally, you want smart banking app to serve you, to answer questions, suggest best solutions, track your situation and advise you how to manage your money. All of this could be really helpful in your financial life.

Considering this, we based our challenger bank design architecture on five key topics:

  1. User
  2. Money
  3. Family
  4. Friends
  5. Services

In this UX / UI Fintech case study, we will not delve into a huge description of our financial UX engineering process, because the UXDA approach is described in our previous case study. The most important things we need to do at engineering stage of UX process are identifying primary user scenarios, analyzing and determining key functionality, creating information architecture and exploring trending technologies to provide the most clear and simple banking app solution for the user’s financial journey.

During the UXDA engineering process, we have identified three key innovations which can be used by a modern bank to create the best banking app:

1. Artificial Intelligence (AI) as a Personal Financial Assistant

The challenger bank of the future must become a personalized financial assistant and advisor. The technology of full banking automatization, banking artificial intelligence (AI) and predictive analytics will lead the financial industry to a new level in the near future. It will go outside of a traditional bank interface.

Smart banking app must properly inform about any situation that requires user attention, help to improve the financial health and make financial forecasts to offer a range of required actions. Voice processing artificial intelligence will be offered as an instant service in the majority of neo banking customer experience scenarios. Combining big data with behaviour-based predictive analytics in neo banking user experience (UX) will ensure the precise moment when the user is ready to accept the proposal.

2. Future Bank-As-A-Platform

Future banking should be open for integration with third-party services; in fact, they will use the external infrastructure of banking vendors for processing payments and other financial services. Such an online banking platform can even combine financial and complementary services. In this case, the role of the Neobank design is to cover our financial activity in full by uniting cool FinTech and retail services into a holistic banking user experience.

Only in this way we can provide a complete bank interface UX solution for any issue related to the user’s financial life. To integrate those services, challenger bank platform should use open API and cloud storage. Speed and transaction security can be provided through blockchain technology used by all platform members.

3. Foreseeing Service

The game is ahead of the curve. In our opinion, it is a key principle for user-centered services from future banks that could bring personalization to the next level. We all hate filling in those long forms, which are required even if we just want to explore the banking service terms. Imagine if we can get rid of them in 90% of cases. We believe this should completely change banking user experience in the near future.

Secure exchange of user data via blockchain, automated scoring using big data and social networks, as well as the predictive analytics by AI in banking, will allow to generate a personalized proposal even before the user requests it. So, users only have to choose the proper proposal that fits his/her needs and tap the button. This will provide not only a fantastic engagement into banking services, but also a key factor that they lack today—speed.

So, let's proceed to our mobile banking case study with future Fintech UI design concept overview.

Instant and Imperceptible Authorization

Users would like to have access to functionality as quickly as possible; for ideal banking experience every second counts. It could be needed for urgent bill payments, rapid balance checks or sending money to relatives in need. And, today, biometrics is well developed to provide instant access to the banking dashboard with an acceptable level of security. It means that traditional authentication via passwords becomes a throwback.

To maximize security, we recommend the use of multi-factor security solutions. At the start, we provide a quick entry through biometrics (TouchID or FaceID/VoiceID), but, for high-sensitivity functions (security settings, changing limits, etc.) and for the transfer of large sums, additional authorization could be required.

challenger-bank-uxda-design-biometrics

Authorization With Biometrics

Helpful Introduction to Key Data

Understanding actual financial status is the highest priority of any banking user experience scenario, and that is exactly what our challenger bank interface will provide after running the application. The main dashboard is easy to understand. It includes not only your overall balance, but also shows movement of your finances and recent financial notifications. We tried to spotlight key data and preserve minimal visual density of banking design.

But, what if the user has multiple accounts and manages the family budget? The task then becomes more complicated. The user wants to see the status of each account and the overall balance of his/her family. In our banking user interface (UI), we do offer a convenient and intuitive switching between accounts via swipe. At the same time, the balance chart will make it easy to evaluate money movement in each account.

challenger-bank-uxda-design-dashboard

All Key Data in Main dashboard

All your Money at a Glance

For a proper evaluation of their financial situation, users need to know their available balance, which includes the rest of the budget, excluding money needed to pay routine bills. It would also be a good idea to explore income and expenses for the last month and compare them to the average levels in the same period for a particular account.

Our mobile banking app design also shows a forecast for the final account balance to the time of the next scheduled financial income amount. And all this should be easy to discover by simply clicking on the balance summary.

Therefore, our users will get the general picture of their finances, and where they’re moving, at any particular moment, and they will also be able to relate their planned spending to their capabilities using our bank interface.

To reach the account menu, you only need to pull up the account data card. The card locks, and the menu below will appear. Users should have an opportunity, with just one click, to get financial support through an overdraft or pre-approved fast loan. It is also important to provide a method to add funds to the account or download an e-statement. And, of course, good banking user experience will ensure access to edit the account name, configuration and primary status.

challenger-bank-uxda-design-account-balance

Account Balance (Income and Expenses Overview)

Quick Spending Insights

The balance chart, despite its apparent UI simplicity, can provide a lot of valuable information across banking customer journey. In addition to the overall dynamics of the user balance, the chart shows a forecast for the near future. This part of mobile banking UI can also allow bank customer to explore paid, unpaid and scheduled bills, as well as his budget level.

Clicking on the chart allows users to get an instant idea of the most expensive categories and possible savings recommended by the challenger bank app AI. By pulling up the card, the user is able to discover more spending insights, set a budget and goals and pay the bills getting awesome FinTech experience from digital bank interface.

challenger-bank-uxda-design-spendings-insights

Spending Insights With Budget Levels

“One Stop” for all your Accounts

In addition to the deposit accounts, users can also have credit accounts, investment accounts and others. We believe that the ideal challenger bank of the future must perform ideal banking user experience for all types of accounts, enabling users to easily monitor, manage and add them. All types of financial accounts could be connected to our mobile banking app so users can get overall insights about their actual financial wealth in a single bank interface.

We could also recommend adding some new accounts that may be beneficial to users. For example, on the basis of big data analysis, banking AI can determine a given client’s preferred investment strategies. In this case, banking AI put investment robo-advisor UI between other accounts allowing users to start investments with one click.

challenger-bank-uxda-design-accounts-list

All Your Accounts at One Place

Financial Activity Feed Instead of Outdated History

The next most popular financial user scenario, after checking the balance, is viewing transaction history. We think that users have to get more value than simply viewing recent account transactions. After all, as we mentioned above, customers’ financial experience involve many elements.

Therefore, we have rethought the transaction history of traditional bank interface and transformed it into an activity feed. Now it’s possible to see information on cash transactions, suggestions from your friends, system recommendations and notifications in one timeline UI.

It could be explained as something similar to the Facebook or Twitter timeline, in which you can simply scroll down to see all that happened recently. We assume that this format would be more familiar and clear for mobile users.

Besides financial transactions, the activity feed UI should show users’ friends' opinions about various financial services and other social-based recommendations. It should also include advice and service tips that improve the user’s financial position. Users will see contextual recommendations from banking AI using predictive analytics based on big data according to the nudge theory.

Recommendations may include how to reduce spending in certain categories, information about critical financial status, recommendations about savings and investments, reminders to pay bills, contextual messages about nearby ATMs when moving abroad, contextual budget alerts when visiting the shops, etc., in other words, everything that helps to keep and enhance user financial experience and health.

From the UI perspective, we put transactions under the accounts screen and link them with the balance chart. Therefore, when moving the chart, users can see transactions for a particular period. Easy and intuitive banking user experience delivered by smart banking app.

challenger-bank-uxda-design-dashboard

All Your Finance Information in Understandable Timeline

Every Transaction Counts

Detailed information on each transaction should be available by simply clicking. Therefore, our mobile banking dashboard design will provide users with detailed information on transactions, including the location on the map. We believe such bank interface design would be particularly convenient to use the quick menu for splitting the restaurant bill with your friends by sending them a payment request. Users can also sort out all related transactions, edit transaction categories or instantly report suspicious activity.

challenger-bank-uxda-design-transaction

Detailed Information on Each Transaction

Instant Payments are as Easy as your Favorite Messenger

Money transfers and bill payments are included in the top priority scenarios of every digital banking case study and usually cause the greatest dissatisfaction in users because of the time and effort usually required. We wondered if we want to send someone a message on Facebook UI, why it takes a few seconds, but sending money still takes days.

In our mobile-only bank interface, money transfers and bill payments should be no more difficult than sending a text via messenger UI and is always available from the main menu. This will require smart contact synchronization from a banking core database, social networks and phone book into a single contact list. Neobanks in future must find and combine identical contacts to ensure an ultimate banking user experience.

As a result, the user will be able to utilize any attribute for the search recipient in the contact list (e.g., name, e-mail, phone number, account number, debit card, social ID), then select the money amount and transfer channel and click the “send” button. After receiving the money, the recipient card and account number will be automatically added to the contact list. If the recipient starts using an application, the user will be available to see its activity in the feed according to their privacy settings.

In this Fintech case study, we have taken into account and designed a full range of financial transfers, including P2P payments, bill payments, automatic payments, international transfers with currency exchange and payment requests. All of this is always available with just two clicks from the user and takes a minimum amount of time.

The use of the blockchain network by all platform participants, and the adoption of PSD2 analogues by financial institutions from around the world, will ensure maximum safety, transparency, convenience and speed of payments UX.

challenger-bank-uxda-design-payments

Send Money within a Few Seconds

You Will Never Forget to Pay the Bills

Why should users have to be forced to open the payments section to pay routine bills? We propose to use the banking AI settings to automatically prepare or even pay bills. Soon banking of the future will put regular bill payments into the user's activity feed and send push notifications so the user can pay them with one tap.

At the same time, we believe that, in the future, the banks should not add hidden fees. It should show the fees of the service directly on the payment UI. The regular payments can be seen on the chart interface, and payment status is marked with a color. With such UX, it will be very difficult to forget to pay a bill.

challenger-bank-uxda-design-payments

You Will Not Forget to Pay Bills Anymore

Your Personal Financial AI Assistant

Actually, in our banking user interface it is not necessary to open a particular section to perform any operation or to receive help from our Neobank. We believe such tasks must also be solved through the digital banking AI voice assistant service. In our vision of the future banking you can easily submit any request, from "Send $100 to my mother" to "Find the nearest ATM." We are reinventing banking user experience into a financial assistance that saves you time and effort.

Internet of Things (IoT) will allow us to go even further and integrate the challenger bank UX with smart home assistants like Amazon Echo or Google Home. It will bring us voice-enabled banking UX right from our home. Through authorization from voice ID biometrics… voila! You can check your balance, forthcoming payments, make transfers without pressing any button… and all of this without even leaving the couch.

What will the workflow of a voice assistant in the best banking app design look like? Suppose you want a personal loan; tap a mic icon and voice your request. Banking AI identifies your request and offers a choice of available options. In this particular digital banking case study, one of the offers has already been prepared and approved according to your credit score. All that remains is to tap “Confirm,” and the money will appear on your balance in seconds.

This is one of the basic principles of the future bank user experience — proactivity instead of reactivity. Future banks won’t have to wait for a request from a user. Banking AI assistant will automatically prepare and approve a proposal for the maximum number of services using big data-based predictive analytics. This will significantly enhance the banking customer experience and provide instant service.

uxda-design-personal-assistant-mobile

Personal Financial AI Assistant

Financial Marketplace for Hundreds of Services

Today banks are offering customers dozens of services. But, unfortunately, users can’t easily figure out how to use them in order to reap the maximum value. The ideal challenger bank UX should be focused on providing ultimate benefits for customers, not only by offering more simple services, but also by increasing their number hundreds of times, if needed. Only by using open banking in future full banking user experience personalization could be achieved for different types of customers.

The only way to ensure such banking experience is to create a Neobank app on the principles of an open banking platform. Bank-as-a-platform must be able to integrate not only financial services but also retail and other types of services. It will let AI of the banking app provide the user with the necessary service at the right time. The bank app will be transformed into a personal assistant that could ensure maximal user satisfaction.

In terms of Fintech UI, there is nothing invented that can interact better with a large number of services than the card-UI marketplace. This is the most familiar and convenient interface format for mobile users. This UX frame will provide easy categorization of bank services, a personal recommendation component and subscription management.

challenger-bank-uxda-design-marketplace-financial

Financial Marketplace With Dozens of Services

Insights about your Financial Behaviour

For most people, it is difficult to track movement of their funds, especially through electronic channels. That’s why shops prefer cashless methods, so that consumers do not feel that they spend too much. Our task is to show money movement in a clear and simple banking app design, thus returning financial control to the consumer. Users should have an instant understanding of the level and nature of their spending and get clear recommendations on how their financial situation could be improved.

To provide this customer experience, our personal finance management UI module will sort all transactions by category, and allow users to set a budget for each category. If needed, the user will also be able to see how expenditures are moving in any of the categories on the timeline. Comparing spending levels with friends or typical bank customers helps the user to evaluate his/her financial patterns and optimize them.

challenger-bank-uxda-design-accounts

Financial Situation in a Clear And Intuitive UI

Guidance Through Financial Milestones

Every socially active consumer passes certain financial milestones, including the payment of higher education, buying a car, purchasing vacation tickets, buying home appliances, investing, buying a home, retirement savings, etc. Customers need support to set up the next target in their financial development. To provide this, we designed banking UI templates and relevant objectives, as well as the feature to set up automatic transfers into saving or investment accounts.

challenger-bank-uxda-design-savings

Your Personal Savings And Goals in One Place

Add Fun to your Finances

Technology makes life more interesting, more interactive, even if we do not leave our home. So, why do financial services UX have to be boring and outdated? Let's bring fun and emotions into banking.

The most interesting thing that we include in the settings panel are your rewards points and financial status that are used for gamification of banking user experience. Examples are rewards for trying new services, sharing your financial experience, participating in the banking community or achieving personal savings and investment goals. Such banking gamification platform could also be used for cross-promotions from different partners.

A higher status shows banking experience and credibility level. For users, it will ensure service discounts or exclusive offers with limited access. Points can be turned into gifts, free goods or services. Customer achievements could be shared with user social connections to gain respect for financial expertise.

Additional information about the rewards program and next-level opportunities and terms can be expanded by tapping on the points sum or status.

Of course, you are able to change your settings through this menu, and access the support chat. Support chat allows you to contact a bank consultant not only via text, but also via a video call. You can also easily check your credit score right under your profile and find out what could be done to enhance it.

challenger-bank-uxda-design

Menu With Your Financial Status and Bonus Points

Transforming Ads into Care using AI

The most powerful feature is available with the digital banking AI assistant—personalized promotions. Financial AI allows you to choose the most important and useful services and provide information about them at the right time thus significantly increasing user engagement.

Maximal banking user experience personalization could be ensured by using predictive analytics. In particular, it has to combine analysis of the activity and the user’s financial status, the analysis of user’s social environment, big data analysis on typical behavioral patterns, geolocation data and contextual analysis.

For example, location-based push notifications may come at the time of crossing the border and contain information about the ATM’s location as well as the location of other useful services. Child spending or maternity grants detected by banking AI could become an ideal reason to offer a loan on increasing the living space. Flight ticket buying transactions will be a good occasion to offer an insurance policy for travel. Car warranty period endings detected by leasing or insurance data is the perfect time to offer a new car purchase. Moreover, each promotional offer must provide everything needed for instant one-button receipt of goods or services.

In particular, let's say you got a push notification about a pre-approved loan offer for a new car. You find it attractive and it takes you to the challenger bank app login, and then to the car list. All cars are divided into two categories: available right now or only on request. This means that you are able to get a new car tomorrow by choosing from the available options. Just tap on the “Buy” button and confirm the agreement. That’s it; your new car with papers will be delivered to your home tomorrow. Without visiting car dealerships, without visiting the bank, you are saving you time and effort purchasing a car faster than in the online store. Welcome to the future of banking!

uxda-design-challenger-bank

Personalized Promotions And Services

The main aim of this Fintech case study is to share financial and future banking trends in UX / UI design to inspire financial industry professionals on driving innovation and user-centricity.

You can buy this Challenger Bank Design UX/UI  concept at Fintech UI marketplace.

If you find this post useful, please Share it to show us that you wait for more case studies like this.

© This Neobank banking app design concept is delivered by the first financial UX design agency - UXDA. This visual concept is not a mobile app and not available in the App Store or Google Play.

Share:

Listen to our podcast:

ABOUT THE AUTHOR

Alex
Alex, Founder/ CEO/ UX Strategist

Alex has dedicated half of his life to studying human psychology, as well as business success, developing 100+ digital projects and 30+ startups. He spent 10 years researching UX and finance to create UXDA's methodology. Alex is a passionate visionary who's capable of solving any challenge to improve the financial industry.

More from our blog

Financial UX Design Webinar by UXDA

Join the webinar to explore important UX and digitalization strategies that help overcome the crisis and transform it into a growth opportunity.

UXDA Wins the World-Famous IF Design Award

UXDA has received one of the most prestigious design prizes in the world - the IF Design Award. UXDA was awarded in the Service Design category for the voluminous UX transformation of the ITTI Digital core banking solution.

UX Design Strategy: Digital Banking Trends & Challenges (2020)

User Experience (UX) is about human feelings, impressions and behaviours while using banking digital interfaces. Take a look at recent banking UX design trends, challenges and opportunities to create amazing financial services.