About the Client
Neobank is a fintech app startup with a new approach to banking services. The service can help users to view finance flows, make payments, control the balance on all cards, and see expense analytics.
Neobank — award-winning fintech app design
Mobile application design that became Top #1 fintech app design on Behance with thousands of appreciations.
NeoBank needed help with design and iOS development for the new fintech app. They wanted to provide potential customers not only with easy banking service, but also with a great tool for making new good habits on users' way to financial independence.
About the Client
Neobank is a fintech app startup with a new approach to banking services. The service can help users to view finance flows, make payments, control the balance on all cards, and see expense analytics.
Solutions
Neobank — award-winning fintech app design
Mobile application design that became Top #1 fintech app design on Behance with thousands of appreciations.
NeoBank needed help with design and iOS development for the new fintech app. They wanted to provide potential customers not only with easy banking service, but also with a great tool for making new good habits on users' way to financial independence.
Solutions
Scope of Work
Brief filling
First of all, we asked NeoBank to fill out a brief. In it, the founders write in detail about their vision of the future product, its main competitors, its mission and values, and also provided examples of services that inspired them.
Project Scoping
We also realized that there is a very large scope of work ahead. We had to develop the product from scratch. Therefore, we started with clear planning, structuring of tasks, and estimation by time.
Product Design
The main advantage of NeoBank is the emphasis on outstanding user experience. In order to achieve the best deliverables, we had to find out all the needs of the target audience to provide the best product solutions.
Back-end & Front-end Development
The platform had to quickly process a large amount of data, deliver a variety of financial features and allow users to easily access any necessary information.
Native Mobile Development
Since NeoBank wanted to offer its users the most convenient fintech solutions, its founders immediately decided to start with an application.
Scope of Work
Scope of Work
Brief filling
First of all, we asked NeoBank to fill out a brief. In it, the founders write in detail about their vision of the future product, its main competitors, its mission and values, and also provided examples of services that inspired them.
Project Scoping
We also realized that there is a very large scope of work ahead. We had to develop the product from scratch. Therefore, we started with clear planning, structuring of tasks, and estimation by time.
Product Design
The main advantage of NeoBank is the emphasis on outstanding user experience. In order to achieve the best deliverables, we had to find out all the needs of the target audience to provide the best product solutions.
Back-end & Front-end Development
The platform had to quickly process a large amount of data, deliver a variety of financial features and allow users to easily access any necessary information.
Native Mobile Development
Since NeoBank wanted to offer its users the most convenient fintech solutions, its founders immediately decided to start with an application.
Result
Product Design
UX Research
Now it was the UX design team’s turn. It was necessary to research market competitors and user needs. We not only conducted several custom interviews but also read hundreds of reviews and forum pages on the experience of using a banking app or gaining financial knowledge in general. We were defining the target audience of fintech companies and analyzing competitors.
User flow
Firstly, we created a user flow map. It is a necessary step in the UX Design phase. We wanted to make sure that customer needs will be covered by the functionality of the product.The next steps were wireframing and UI design. We are also big fans of Pixel Perfect Design, so our UI elements fit perfectly into Wireframes. At this stage, it was time for one more meeting with the Client to approve the way customers use different features on the platform.
Wireframes
One more UX design stage — creating an application prototype on paper and then in Figma. At this stage, we arranged all the necessary elements in the interface and discussed the Wireframes with the Client.
Moodboard
NeoBank was passionate about improving typical bank apps and sharing financial literacy ideas with the users. The main goal was to create a product making life better by providing all of the important financial features in a stylish visual look.
3 styles option
We created three main pages of the app in three variants of visual style. During their discussion, the founders of NeoBank chose one option but asked to add some elements from the other.
Final version
After the approval, we received one visual style with which we continued to work. At this stage, the Client already understands exactly what the app will look like in the future. We chose bland color palettes of blue colors on a white background to create a clean and fresh look.
%402x.png)
%402x.png)
UI Design
Fintech apps give access to a very large amount of information. And such a wide range of numbers can be confusing. So our main task was to create a simple and intuitive interface that makes life easier but does not create even more questions.
UI Design
All screens
Product Design
We deliver in iterations
The stack was chosen to ensure the highest app performance even in huge teams. There were several developers, the project manager, and the QA specialist on the project creating this financial product.
We wanted a fresh new look at the financial apps. And we got it. ANODA was on the same wavelength with us from the beginning of our cooperation. Great deliverables! We create an amazing fintech product making people's life happier. We also were very impressed by ANODA's team project management style. The team is top-notch
Product Design
UX Research
User flow
Firstly, we created a user flow map. It is a necessary step in the UX Design phase. We wanted to make sure that customer needs will be covered by the functionality of the product.
Wireframes
One more UX design stage — creating an application prototype on paper and then in Figma. At this stage, we arranged all the necessary elements in the interface and discussed the Wireframes with the Client.
Moodboard
3 styles option
Final version
.png)
.png)
.png)
UI Design
UI KIT
Project planning & Zero sprint
After the design was completed, we took time for new planning in the development team. Developers also needed to discuss the technical requirements for the project and choose technological solutions.
Web & Mobile Development
Our team recommended using React.js on the front end, Node.js on the backend, and Swift to build the app. The development was based on 2-week sprints to ensure the right level of flexibility, maximum value, and a constant feedback loop.
Final QA / Testing
Each stage of development is tested, so we are confident in the quality of the delivered product. After we finish working on it, we also do Final QA to make sure it's perfect.
After talking in more detail with them during customer interviews, we learned a lot of insights. These ideas helped us while working with fintech UI. The app offered its users something special!
%402x.png)
The platform provides a great customer experience improving user engagement by resolving their typical everyday tasks.
At the same time fintech UX should navigate customers easily in financial terms and other important issues. Users should stay informed about their banking conditions and their data should be secured.
Our UX designers made excellent competitors research to find all pros and cons of delivering information about customers' money flow in different ways. This was one task we focused on first. We used the best solutions from the niche and brought unique NeoBank ideas.
All screens
We deliver in iterations
Thanks to this, the Client receives intermediate deliverables and sees the results of the development, and we can efficiently and quickly close the tasks on the deadlines.
The stack was chosen to ensure the highest app performance even in huge teams. There were several developers, the project manager, and the QA specialist on the project creating this financial product.
Project planning & Zero sprint
After the design was completed, we took time for new planning in the development team. Developers also needed to discuss the technical requirements for the project and choose technological solutions.
Web & Mobile Development
Our team recommended using React.js on the front end, Node.js on the backend, and Swift to build the app. The development was based on 2-week sprints to ensure the right level of flexibility, maximum value, and a constant feedback loop.
Final QA / Testing
Each stage of development is tested, so we are confident in the quality of the delivered product. After we finish working on it, we also do Final QA to make sure it's perfect.
Investing
One of the key features of NeoBank is investing. Users can check their investment portfolio, strategy, and assets at any moment. Our user experience designers during their research found that the potential audience of the app was interested in financial language and opportunities for easy investment.
Transfer
The modern banking app is all about accessing various features in a few simple moves. Our user experience designers researched to learn more about the role of such an app in users' lives. We understood which features are of paramount importance and which can be hidden in the menu.
%402x.png)
Expenses
Unlike traditional banks, NeoBank not only helps users to easily transfer money and monitor their balance but also to manage their expenses. For example, the app gives an opportunity to structure them by category.
Expenses
Financial information needs to be structured well. Therefore, we have minimized the number of UI elements in the app to make users feel more confident. Here are some screens with money transferring flow in this app.
At the same time fintech UX should navigate customers easily in financial terms and other important issues. Users should stay informed about their banking conditions and their data should be secured.
Project planning & Zero sprint
After the design was completed, we took time for new planning in the development team. Developers also needed to discuss the technical requirements for the project and choose technological solutions.
Web & Mobile Development
Our team recommended using React.js on the front end, Node.js on the backend, and Swift to build the app. The development was based on 2-week sprints to ensure the right level of flexibility, maximum value, and a constant feedback loop.
Final QA / Testing
Each stage of development is tested, so we are confident in the quality of the delivered product. After we finish working on it, we also do Final QA to make sure it's perfect.
Delivery & Deployment
This was the last stage in our work on the creation of NeoBank. Now a fintech application has become available to users from all over the world and we were waiting for the first reviews.
Browse other cases
Awesome Local Businesses
Community Application
Our highly self-driven team assumes full ownership for the development process and continuously. Our highly self-driven team assumes full ownership for the development process and continuously.
USA
Social Network, Management Software
Awesome Local Businesses
Community Application
Our highly self-driven team assumes full ownership for the development process and continuously. Our highly self-driven team assumes full ownership for the development process and continuously.
USA
Social Network, Management Software
Awesome Local Businesses
Community Application
Our highly self-driven team assumes full ownership for the development process and continuously. Our highly self-driven team assumes full ownership for the development process and continuously.
USA
Social Network, Management Software
Contact us
Share the details of your project – like scope, timeframes, or business challenges you’d like to solve. Our team will carefully study them and then we’ll figure out the next move together.
Project inquiries
Careers
Our offices
Kaupmehe 7-120,
10114 Tallinn, Estonia
515 Madison Avenue, 9th Floor
New York City, NY 10022
