A Finance Tool Built as a Mobile Bank
About the client
GBank is a modern and progressive finance organization working on a digital basis. It offers digital banking and mobile apps for both personal and business accounts.
![[object Object] on the map](https://static.andersenlab.com/andersenlab/new-andersensite/bg-for-blocks/about-the-client/georgia-tablet-2x.png)
Project overview
Andersen took on the challenge of creating a finance tool for GBank – a digital finance organization based in Georgia. Our goal was to build two native mobile apps for iOS and Android that would provide GBank's clients with a quick, seamless, and convenient experience. These apps offer all the features one could expect today. It is possible to get authorized remotely, open and manage accounts, deal with cards and loans, use QR codes for finance purposes, and more.
In order to modernize GBank's IT infrastructure, we expanded their existing resources using AWS Cloud and adopted an IaC approach for resource management. This ensured increased flexibility, simplicity, and convenience in allocating new environments and resources. Additionally, our solutions encompassed the implementation of the BPM Corezoid engine for business logic. It provided for the advanced capabilities mentioned above.
Throughout this 12-month project, we worked closely with GBank to prepare the requirements and the design and ultimately achieved the successful implementation of the MVP functionality. As a result, the GBank mobile app is now poised to attract small and medium-sized enterprises as new clients.
Back-end:
Java, Python
Mobile
Swift, Kotlin
DataBase
PostgreSQL
Others
Linux, Kubernetes, Docker, ClickHouse, ELK, Perl, Ansible, Terraform
IT architecture context
The customer has two data centers for the app. In order to scale their resources, update processes, and use innovative solutions, we decided to expand existing resources via AWS Cloud. Before the start of the mobile banking app project, an investigation process showed that the company used a classic approach to infrastructure management. All new resources were allocated manually through the operations team. The app was deployed in manual mode to dedicated virtual servers for each environment.
Before
After
IT architecture benefits
- IaC (Infrastructure as Code) approach for resource management
- Adaptation of DRP processes to the new architecture
- Flexibility, simplicity and convenience. Allocation of new environments, resources
- Unification of assembly and deployment processes on the environments
- ElastiCache scalable service for storing cached data
Project solutions
- 2 native applications (iOS and Android)
- Improved application architecture
- BPM Corezoid engine for business logic
App functionality
- Remote authentication
- Opening accounts
- Opening corporate cards
- Granting loans
- QR installment plan
- Add users and access control
Project results
Thanks to the establishment of well-thought-out technical processes and the introduction of the latest technology, the work was significantly accelerated. This allowed managers to focus on business process development and scale the company.
- Andersen's team successfully implemented an MVP with 100% functionality;
- The bank attracted new SMEs shortly after the product's launch;
- The Infrastructure as Code (IaC) approach was adopted for resource management, which improved disaster recovery processes;
- The application architecture was upgraded, which resulted in flexibility, simplicity, and convenience for allocating new environments and resources.
G-Bank
One of the first аpp-based bank applications in the world.
About
Project goal
Platforms
One of the first in the world online bank, entirely based on working online. G-bank app provides you with all the bank services in less than a minute, whenever you need.
Our task was to make a clear and catchy mobile app with usability-friendly design and a convenient visualization of income, payments, transfers and other financial information.
G-bank is a cross-platform application - for both IOS and Android platforms. No matter what kind of device you use, the G-bank app always works fast and stable for you.
Perfection of nature applied in design.
In our search for inspiration, we relied on researches of Adolf Zeising and his absolute proportions of golden ratio in nature, mathematics and art.
Nature itself has created the golden ratio - all we did was just implementing it into our design.
In our research we were inspired by pure forms of nature, its smooth and crisp lines, rounded lively shapes and pacified flows.
Stage 2
Stage 3
A form is a visual explanation of thoughts. This geometrical shapes fit perfectly in general style of the project.
We combined logic, form, experience and color to create the breathtaking synergy to improve your experience.
The G-bank app’s is providing users with all the financial bank services in a fast and simple way. So we understood we have to create both a convenient and innovative app design.
While creating the logo for G-bank, we stand by the clear lines that perfectly complement the branding style and corporate colors of the company.
The winning combination of strict blue and arctic green tones with a small pop of lively pink color makes an attractive, yet traditional look.
Every font causes deep psychological impact on users. We decided to use Poppins - trendy Google font with great readability.
Research methods
Stakeholders Interview
User Interview
From interview to testing, from experience to design - these are our fundamental rules, the general way to provide the most reliable solutions.
While communicating with the customer, we identify main preferences and ideas, basic information and goals to create a product that perfectly fulfills all the business key tasks.
It’s highly important to keep regular communication with users, so we are asking for feedbacks, making polls and analyzing users’ experience.
Personas
John Miller
Monica Philips
A portrait of our audience. We identified the main features for potential users’ groups to concretize the maximum range of potential users to win the best user experience.
John is one of the owners of a small company. John was going to open his business long and hard. He values his time very high. He is looking for an opportunity to manage his finances. John also has two sons. Recently, they both entered university and John took a loan to pay for it.
Monica launched her own start-up a year ago and the business has grown very fast. Now, she is looking to establish an ongoing relationship with a bank for her business. Although she has an accountant, Monica likes to investigate and compare all the options herself. In the future, she will be interested in taking out loans to support business expansion.
Mind Mapping
We created this simple mind map to present the structure of the G-bank app.
User Flow
We provided sample user interactions with the G-bank app and showed them with step-by-step user transitions to various functions of the app.
Where did we start to design
Before the designing process itself, we provided a UX-research to find out the main preferences, goals and ideas, which will be used to create a perfect product.
Wireframing & Prototyping
Perhaps, this was the most fundamental part of the work process: we formed a structure of the project and determined the future UI.
Usability testing
Testing Goal
Target audience
Result of the testing
At this stage our team ran fast and effective usability testing to determine, analyze and then improve the design and users' experience.
We had to find out how understandable the final app design for our target audience will be and if there are still ways to make it better.
We used personas both in the design process and for the final check of how the product design fulfills the users’ needs.
As a result of usability testing, we realized that the best solution would be to extend the bottom navigation bar to simplify the user interaction with the app, as well as place the "loans" and "transfers" on the same screen, separating them by tabs.
UI Library
Buttons
Switchers and toggles
Date Pickers and Progress Bars
Icons
UI Design
We created a simple and airy design that doesn't overload the user's attention and makes it easy to navigate the application even during the first launch.
Login screens
When it comes to login screens design, ‘simple and elegant’ is the secret key to perfection.
My Cards
Rounded edges, arctic colors and thin lines create a pleasant and refreshing design that attracts user’s attention.
Loans & installments
While designing the ‘Loans’ screens we used the best practices regarding UX test cases.
We didn’t forget about the dark theme
Stars can’t shine without darkness.
Back to light theme
Results
We’ve made a light theme with high visual contrast and perfect readability in direct sunlight and other outdoor conditions.
We understand the matter of time saving. Therefore, we focused on creating an easy-to-use application, where all functions are intuitive, and designed it in accordance with the latest research in UI / UX design.
Let's talk about your IT needs
What happens next?
An expert contacts you after having analyzed your requirements;
If needed, we sign an NDA to ensure the highest privacy level;
We submit a comprehensive project proposal with estimates, timelines, CVs, etc.
Customers who trust us
