Neobank — award-winning fintech app design

NeoBank 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.

Lets' Talk!

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. 

Client name
John Smith, The Co-Founder
Industry
Fintech
Location
USA

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.

UX Research
UI Design
Branding
Development
Usability testing
QA
Challenge #1
NeoBank should provide the best UX design that can satisfy users with different demographics and lifestyles.
Challenge #2
NeoBank was seeking a new vision of banking services. It should not be too formal but not too fancy either.
Challenge #3
The Client had a limited timeframe and scheduled investors pitch also, so deadlines were really important.

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. 

We really appreciated the opportunity to work with one of such innovative fintech startups. They were open to new ideas and paid a lot of attention to the UX design stage for mobile devices.

Client name
Sofia Samerson
Industry
Fintech
Location
USA
Challenge #1
NeoBank should provide the best UX design that can satisfy users with different demographics and lifestyles.
Challenge #2
NeoBank was seeking a new vision of banking services. It should not be too formal but not too fancy either.
Challenge #3
The Client had a limited timeframe and scheduled investors pitch also, so deadlines were really important.

Solutions

1
Quality UX research
NeoBank was looking for innovative solutions for future customers. In order to solve their needs and pains, we had to collect and analyze as much information about them as possible.
2
Design process
The product had to be created from scratch. The founders came to ANODA only with an idea. We clearly structured all processes and discussed the scope of tasks.
3
Modern Interface
We were challenged to provide a simple and user-friendly interface making people's life easier. This financial app should not look too formal like most competitors' designs.

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.

UX Research
UI Design
Branding
Development
Usability testing
QA

Solutions

1
Quality UX research
NeoBank was looking for innovative solutions for future customers. In order to solve their needs and pains, we had to collect and analyze as much information about them as possible.
2
Design process
The product had to be created from scratch. The founders came to ANODA only with an idea. We clearly structured all processes and discussed the scope of tasks.
3
Modern Interface
We were challenged to provide a simple and user-friendly interface making people's life easier. This financial app should not look too formal like most competitors' designs.

Scope of Work

The founders of NeoBank spent more than a year looking for an agency that would help them with design and development. They understood that they were too busy with other projects and would not be able to devote much time to NeoBank. They needed a team that would also be inspired by their idea and work on it independently enough.

Platforms
Desktop
Mobile Web
Tablet
IOS
Android
Design Tools
Figma
Photoshop
Illustrator
Features
Mobile App
Landing page
Corporate website
Saas Platform
CMS
Admin panel

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

The founders of NeoBank spent more than a year looking for an agency that would help them with design and development. They understood that they were too busy with other projects and would not be able to devote much time to NeoBank. They needed a team that would also be inspired by their idea and work on it independently enough.
Platforms
Desktop
Tablet
Mobile Web
IOS
Android
Design Tools
Figma
Photoshop
Illustrator
Design Tools
Landing page
Mobile App
Corporate website
Saas Platform
Admin panel
CMS

Scope of Work

The founders of NeoBank spent more than a year looking for an agency that would help them with design and development. They understood that they were too busy with other projects and would not be able to devote much time to NeoBank. They needed a team that would also be inspired by their idea and work on it independently enough.

Platforms
Desktop
Mobile Web
Tablet
IOS
Android
Design Tools
Figma
Photoshop
Illustrator
Features
Mobile App
Landing page
Corporate website
Saas Platform
CMS
Admin panel

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

670h
of ANODA’s team working
146 screens
for Web & Mobile app
4 platforms
for a new fintech product
Sofia Samerson
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

1

Ideation & Evaluation

NeoBank came up with an idea to improve fintech apps.  To do this, we had to collect information about financial institutions, find their pros and cons, and offer users truly innovative ways to solve their problems.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

Create your best project now!

03
Estimation
02
Intro call
01
Brief filling
2

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.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

3

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.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

4

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.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

5

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.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

6

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.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

7

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.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

8

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.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

9

UI Design

Typography & Colors

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

10

All screens

At this stage, the team designs all the necessary pages of the app. Their part of the work is complete and the Client can see all screens of the product. We created a fresh but not too emotional design because we understand all the responsibility of talking about mone

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

Product Design

01
Estimate Update
02
Project planning
03
Zero sprint

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.
Tech Tools:

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

Result
670h
of ANODA’s team working
146 screens
for Web & Mobile app
4 platforms
for a new fintech product
Sofia Samerson

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

1

Ideation & Evaluation

NeoBank came up with an idea to improve fintech apps.  To do this, we had to collect information about financial institutions, find their pros and cons, and offer users truly innovative ways to solve their problems.

We started with a big meeting where our team was able to learn more about the project and ask all their questions.

03
Estimation
02
Intro call
01
Brief filling
2

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.

3

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.

neobank sitemap
4

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.

This step is necessary so that when developing, we do not think about whether something should be added. We will already have a finished UI/UX design, which we will follow.

neobank-ipad-screen-wireframesneobank-ipad-screen-wireframes
5

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 that makes life better by providing all the important financial functions in a stylish visual form while also allowing you to simply explore finance.
neobank app home screen dashboard
6

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.
7

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.
neobank portfolio screen
neobank investing screen
8

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.
9

UI KIT

Typography & Colors

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.

Feature #1
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.
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!

Create your best project now!

Feature #2
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.Users can now access their bank cards, make a transfer or make a payment wherever they are at a time convenient to them. They also has several options for making a transfer. For example, he can simply find the contact in the general list. Just what a lot of users were talking about while customer interviews on the stage of UX Design.
Feature #3
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.
The platform provides a great customer experience improving user engagement by resolving their typical everyday tasks.
Feature #4
Home Navigation
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.
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.
10

All screens

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.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

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.

Tech Tools:

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.

Want to create an application?

Lets' Talk!

FEATURE #1

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.

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!

Create your best project

FEATURE #2

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.

Users can now access their bank cards, make a transfer or make a payment wherever they are at a time convenient to them. They also has several options for making a transfer. For example, he can simply find the contact in the general list. Just what a lot of users were talking about while customer interviews on the stage of UX Design.
FEATURE #3

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.

The platform provides a great customer experience improving user engagement by resolving their typical everyday tasks.

Create your best project

FEATURE #4

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.

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.

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.

Want to create an application?

Lets' Talk!

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
Our offices

Kaupmehe 7-120,
10114 Tallinn, Estonia

515 Madison Avenue, 9th Floor
New York City, NY 10022

Got a project mind?

By sending this form I confirm that I have read and accept the Privacy Policy

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.