Home Screen Redesign Whys and Hows
Space International | Digital Banking Platform
Content:
- The goal of the article
- A few words about Space Neo bank (International)
- First touch with customers, The purpose of the — Design 1.0
- Entering a new market — Design 2.0
- Show must go on — Design 3.0
The goal of the article
The primary purpose of this article is to provide readers with an understanding of the design development process involved in creating a Space International digital banking platform’s — mobile application. Specifically, the article aims to highlight how business requirements and user needs influence the design of the application, particularly the home screen.
A few words about Space International
Space International is digital banking platform that offers a comprehensive range of banking products and services to its customers. Currently, it operates in two countries, and its success has prompted it to consider entering new markets.
The neobank was first launched as Space Mobile Bank as a neo-bank in Georgia in 2018. Later, in 2020, we expanded our reach by launching our services in Uzbekistan under the brand name TBC Uz. We are proud to have achieved 4 million downloads, a testament to the trust our customers have placed in us.
Small guide about naming I use in the article:
First touch with customers — Design V.1
Four years ago, when the application has been launched we had just a few banking product. To provide customers easiest understanding of features, we hade functionality by the main logic: incoming and outgoing money. Accordingly, the whole screen was devided into Plus and Minus. Plus was used to add/increase balance: top up deposit, take loan etc. and Minus worked on the contrary to transfer money to another card, to someone etc.
This approach and minimalistic design (as an aesthetic usability effect) played a big role for customers to be adapted easily. 🌟
At that moment on the dashboard we had 3–4 main widgets/product cards to present existing products.
Entering a new market — Design V.2
Step by step new products appeared based on business demands.
- Multy currency comes into play, and it caused to make changes in the balance module. It was necessary to add an extra functionality in the balance part on the home screen and to replace the Plus/Minus approach with much richer functionality. Additionally, we have pointed out three most important features in the most easily accessible area.
- Added new products and states of the widget on home screen according per product - Saving Pot, Deposit, Installment. widgets has been updated on the dashboard:
After switching in the second version of the home screen the company has done the next big step. We started preparing to launch our mobile app in a new county Uzbekistanხ, on Completely different market. We come up with the three main principles we agreed while working on design:
- To use the same design patterns and screen flow for different countries.
- To change only particular screens based on regulation and business needs by country.
- To manage design operations from one central international team(Georgia) and use only local research channels.
- To Use only different illustrations, icons and color to fit different market’s ethnical expectations.
The show must go on — Design. V.3
Because product development is a continuous process the functionality of application and design support increases simultaneously. We have decided to use external agency to provide extra feedback regarding current design solutions and give vision of the next development.
It took a few weeks to chose the appropriate agency with flexibility and experience that we where looking for.
In a collaboration with the agency, the main product flows has been reviewed and design solutions were corrected as well. After this, they started working on the new design.
After a few months of close collaboration the agency provided their concept and advice to conisder and keep in mind while working on the development. 🤘
When we received the concept, internal design team started to mix our internal concepts (based on research and customers feedback we alread had) and received ones. We have set additional goals:
To improve Balance part:
- How to make more self explanatory that there is possible to manage the balance
- Set free more space to add extra icon/functionality e.g. Support center icon
- Improve naming and visual representation of three main buttons: Transactions, Transfers, Payments
To improve Product Card parts:
- To achieve visual consistency in product cards.
- To achieve consistency in functionality
- To add additional state which provides extra communication space about new offers by per product.
After finding a design solution of all pain points above, we come up with more convenient and self-explanatory Balance part:
and totally updated Product modules 🪄:
We made System Usability Scale research 6 weeks after launching the new design and are excited to receive positive feedback in both countries 🌟.
We continue to do our best to provide the best experience to users and answer business needs. 🚀
Big thanks to Design Team: Guga Bigvava, Lasha Rostomashvili, Anano Kurashvili, Giorgi Svanidze, Tako Loria, Liakh Serhii for doing a huge job. Additional thanks to the whole Space team for support and professionalism ❤️.
