A banking app for a finance giant
Project Type
Development
Industry
Finance, Banking and Insurance
Tech Stack


ABOUT THE CLIENT
The Problem
TEAM ON CALL
To revamp the existing mobile app of the company which was built on React Native.
Build upon the features of the existing mobile app and add new ones.
Work on the Frontend of the app with designs provided by the client.
Strategy
Analysis Planning
UI/UX
Development
Testing
Delivery
OVERCOMING CHALLENGES
- The design tool was decided to be Figma to align with the previous designs that were provided by the client.
- React Native Reanimated was chosen to implement animations as it allowed for greater flexibility for gesture-based animations.
- The project followed an engagement model based on the scrum methodology while utilizing Jira for task management.
DEVELOPMENT
The group was officially acquainted with the customer and after a careful discourse, work was initiated. The whole venture would include redesigning the complete experience of the versatile mobile application, alongside its Frontend and certain different features alluding to the design plan given by the client. The thought behind the mobile application was to make a portable, keen and financially savvy banking center for the millennials of the country.
Since the design was originally formulated by the client using Figma, the choice of design tool was an obvious one. The client had chosen React Native to work with on the Frontend because of its many cross-platform features (the availability of a single codebase for iOS and Android) alongside Kotlin, a coding language popular for its readability, so we aligned our work with the preferred tech stack. SWR was chosen as the desired library in a collaborative decision along with the partner’s team for the UI in light of the fact that it allows the fetching, caching, or refetching of data in realtime by the usage of React Hooks. The client also required us to implement animations using React Native Reanimated for its greater flexibility during gesture based interactions while also finalising the version of the format would be Major.Minor.Patch.
In pursuit of improving upon the vision of the client, the tech team came up with a plan to execute the requirements of the client in the most efficient way possible. The entire development process was broken down into phases. The first phase included understanding the designs provided by the client, followed by implementing them in code, along with new features that were to be implemented to enhance the existing state of the app.
The designs were originally created in Figma and hence, Figma was used to evaluate the designs that were provided by the client. Some suggestions were implemented on how to improve the designs for a smoother, more fruitful user experience. Once the designs were finalized, the development process began.
It was the developer’s job to replicate the designs for the actual app and make them pixel perfect. Not just that, but there were additional features that were also implemented within the app. A Help Center was designed where customers can have their queries answered promptly, hence promoting ease of access. Post that, a module for App Settings was also implemented, so users can customise and tweak their app according to their needs. According to the client's plans, a dashboard was also created for the administrators of the app, which would allow the client to monitor their app and use it to check the application's information, patterns and outlines, as well as enable promotions within the app along with a homepage for the users to access their services. We also designed a Rewards section for the application where users can cash in their Jewels for benefits, cashbacks and offers. A Pods section was created for users where they can create their own pod or goal towards which they can save up money monthly, thus ensuring efficient financial planning.
It was crucial for the team to keep the client in the loop for the duration of the project. Communication channels were set up between the team and the client for delivery of constant updates. Demo sessions were set up every 2 weeks to showcase the progress of the app and collect suggestions from the client on further actions. APKs were created and distributed for this purpose and suggestions were collected on the project Trello board and looked into persistently.
QA & testing was done at the end of each developed feature. The QA engineer indulged in manual testing for the features of the app, testing them under all possible scenarios whenever ready and re-iterating tests over already tested features around every turn. Jira, an issue tracking tool, was used by our team for maintaining tickets and bugs of the features tagged to a particular version. After every feature test, the build was shared with the client and verified, with any bugs or discrepancies reported, fixed and tested again for stability.

FINAL IMPRESSION
Case Studies.
More from our engineering portfolio.

Upgrading User-experience and Website Performance Using Next.js for a Diagnostic Leader
How GeekyAnts helped a leading diagnostic company upgrade the user experience of its website by increasing its website performance.

Creating Hassle-free App Features for Medically Complex Children and Their Parents
Leading Healthcare Technologies and Services Company brings healthcare services at home for caretakers of medically complex children with an interactive application

This is how we built an AI bot and a fact-checking editorial platform for a leading benefit corporation.
Addressing misinformation crisis by creating technological tools to ensure timely, efficient, and credible fact checks

Web app for a Custiv
Improving the industrial sector by enhancing the supplier side of the app