Notice: Undefined variable: postTeam in /mnt/www/public-www/00-dev/devel.ergomania.eu/wp-content/themes/ergomania-template-v3/views/casestudy/white-label.php on line 29
Notice: Undefined variable: postServices in /mnt/www/public-www/00-dev/devel.ergomania.eu/wp-content/themes/ergomania-template-v3/views/casestudy/white-label.php on line 38
White Label Banking App
Simplicity and intuition are merged together in order to provide an easy and happy day to day experience while engaging with financial activities.
In September 2015 W.UP a banking software developer requested to build a white label, native mobile banking application tailored for iOS and Android platforms. The goal was to provide a seamless banking experience while interacting with the most common and core banking services.
dr. András Rung – UX lead
Maria Amidi Nouri – UX architect
Made by Zwoelf
– UI design
Best practice research
the design principles
Frequency of usage
Emphasis on features that are used generally in order for the users to find what they are really looking for
More frequently used features are the most prominent
Using all the time the cheapest interaction (mental and physical cost)
We want the users to have the highest level of engagement and thereby we put a lot of effort into simplifying the interactions and the layouts showing the necessary minimum in every context.
Item related actions and navigation
Whenever an item can trigger a meaningful action we place it at the appropriate place.
Navigation kept on minimum
Content is in focus
Importance of the content is emphasised by colour and size
Promotions are seamless intending to make easier usage, presented as background information
Subsequently we performed a best practice survey specialising on the topic to ensure the implementation of the latest trends.
After defining the strategy we inferred 3 personas that could represent the future users of the app, concentrating on their behaviour usage such as financial knowledge and openness for proactivity and advices as well as their income and potential earnings.
Taking into consideration the 3 Personas along with the relative learning capabilities of the users, we came up with the main characteristics of the key screens:
Showing only the required information, emphasising on maintaining the primary information at the middle and showing the secondary information on the sides with icons in a symmetrical and visual order.
The colour and size representation of the amounts is based on the fact that in many cases readability precedes usability, the goal is to find the desired information as fast and easy as possible without getting confused and lost in the screen. This screen reflects the simplicity while having a neat structure.
Each transaction can be repeated by swiping from right to left on that transaction. By this gesture user can easily do the same transaction without having to start the whole process from scratch.
The accounts are personalized in a way to show you the relevant content
3-5 transactions of the favourite/default account are shown
The fluctuation of the investment account(s) is shown
Partners are sorted by frequency of sending money to them
Find ATM or branch precedes the ‘Sending money’ section for users who use that function more often
Heavy user testing was carried out with approximately 30 potential users in all the platforms for mobile and tablet to get a validation for the proposed design and see whether users are able to interact with the application or not. We closely observed what kind of difficulties the participants were facing and what are the tasks which require the most effort along with their expectations of a banking application.
Afterwards we analysed the test results carefully and made the necessary iterations on the designs and continued to fine-tune all the delicate details.
Through out the whole process; from kick off till execution we kept regulars status meetings with the design team and W.UP to make sure that all is aligned and on track.
Users who do not comment and don’t use the ‘when’ option at least once a year, the relating fields could be hidden but staying accessible for ad hoc usage.
Transfer without preview for small amounts (under 50 euros)
Remove a partner
Define preferred account for displaying it first
Define preferred account for transfers
banks using the app
MKB Bank requested to customise the app for their business and finance purposes, you can see the results by the following links.
We participated in the implementation of all the goals and requirements which the Bank requested in the white label app and ensured it by having meetings and continuous close communication throughout the customization.
Budapest Bank found the application suitable for their banking goals and clients’ needs as well, hence they have refined it and launched their new app.
Fintech and banking
We have grown to become the most experienced UX team specialising in FinTech in Europe, with 30+ FinTech projects successfully completed. Our portfolio ranges from mobile and Internet banking to internal systems, from sales support to chatbot and voice interfaces.
"Simple by OTP Bank" is Hungary's No.1 mobile payment app for cashless payments with 1M+ downloads and 1 million+ transactions. However, as a Fintech-focused product design agency, we are particularly proud of the user ratings: 4.8 (App Store) and 4.5 (Google Play). The app also won the Most User-Friendly Finance App award in 2017.
We established written and visual consistencies and guidelines for TreasurUp’s financial platform. To date TreasurUp has 4 multinational banks as clients, with the Scandinavian giant Nordea being the latest recruit, as of 2020.