Bonaparte – a new level of your comfortable life

Every day, the standard of living in the world grows. Everyone wants to feel comfortable in their own apartments. That’s why we created an app where everyone can find the right place to live and feel comfortable.
Let's 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

Bonaparte – a new level of your comfortable life

Every day, the standard of living in the world grows. Everyone wants to feel comfortable in their own apartments. That’s why we created an app where everyone can find the right place to live and feel comfortable.

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

This project is a concept for the market of luxury apartments on your smartphone. The main emphasis of the platform is a minimalist, elegant, and aesthetic style. It perfectly conveys the modern flavor of the platform's apartments and houses. Thanks to the app, everyone can find the right place to live.

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
Linda Bronson
Industry
Immovability
Location
USA
Challenge #1
It was important to us to create a minimalist platform design. It is necessary for everyone to be clear and comfortable in order to use the service and find what they need. This allowed us to achieve an elegant and aesthetic style that accurately conveyed the atmosphere of the apartment. 
Challenge #2
The interface of such a platform should be as informative and simple as possible. Any new or permanent user should know how to use the application. The client can easily view apartment options and book an online viewing.
Challenge #3
UX research is an important part of the development of mobile applications. This research allows a team of designers and developers to understand their target audience and their needs and requirements. This step makes the creation of the application easy and understandable.

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
Top-notch team
The ANODA team is composed of industry experts. Our specialists can recreate absolutely any idea of the client in a real-life application. Our team will need only a few months for complex development. This is because one of our main advantages is speed and quality.
2
Design Process
The design of the platform was very concise and exquisite. It was important for us to convey the atmosphere of expensive apartments through the colors and style. When the user opens our application, the price segment of the apartments immediately becomes clear.
3
Analytics and research
We created an analytics application to consider possible problem situations. This helps us prevent application problems from users and facilitate the development process for our professionals.

Scope of Work

When working on a new application for the rental of premises, each department in our team needed to conduct its own research. A project work plan should be created based on the analysis.

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

Filling out a brief

We always let the client fill in the brief before starting the development. It describes the idea of the future application and the main wishes of the client. This helps us to get answers to the questions that are important to us and that always arise during the development process.

Project Scoping

We develop a work plan and budget for the project after consulting with the client. All this is in line with the client's wishes, and we start working on creating a new application.

Product Design

The team of artists and designers is always responsible for their work. Therefore, they work quickly and efficiently. It depends on how quickly the application development process will proceed.

Back-end & Front-end Development

Our platform opens easily on all mobile types of devices. Users do not notice the difference in speed when changing widgets. Because the app works equally well on any mobile device. This allows you to simultaneously use the service for several thousand people at the same time and not worry that the system will hover or stop working. 

Native Mobile Development

We want each user to get only positive experiences from using the platform. That is why we test at every stage of development to remove all problems and flaws.

Scope of Work

When working on a new application for the rental of premises, each department in our team needed to conduct its own research. A project work plan should be created based on the analysis.
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

640h
of ANODA’s team working
94 screens
for Mobile app
4 platforms
for a product
Tom Ray
It is important to us that our application is perfect. Every member of the team works as efficiently as possible to create a quality product. We want users to be able to easily understand the new mobile application and, at the stage of familiarization with the app, understand what it is and what it is needed for.
This image is a 3D rendering of a man in a suit presenting a chart on a flip chart stand. The man is wearing a blue suit with a white shirt and a blue tie. The man is holding a gray tablet in his right hand. The man’s face is blurred out. The flip chart stand is orange and blue in color. The chart on the flip chart stand is a bar graph and a pie chart. The bar graph is orange in color and the pie chart is blue and orange in color. The background is white. This image could be used to represent a business presentation, a data analysis, a report, or a proposal.

Product Design

1

Ideation & Evaluation

The uploader already had a rough idea of the new mobile app. He knew what his platform should look like, what it should be, and how it would work. So we pretty quickly developed a clear project plan. Our specialists spent time researching to get the perfect result.

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

Let's talk
03
Estimation
02
Intro call
01
Brief filling
2

UX Research

We have conducted UX research and several client interviews to identify and highlight important information for future users of the platform. The main thing we realized is that it is important to focus the pages on the gallery with photos of comfortable and expensive apartments.

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

One of the main values of this platform is that it saves significant time for users when searching for and booking an apartment. We removed all superfluous details that could have interfered with the user’s attention and distraction.

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

4

Wireframes

The frames help us change the design and functions of the application in the development process of the application. At the same time, important application blocks remain the same. 

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

5

Moodboard

Our mudboards are about elegance and aesthetics. Our specialists have prepared the necessary color scheme for the future application. We wanted to completely transfer the atmosphere of the apartments through the platform. So that every visitor understands that the apartments are in the premium segment.

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 always create three new design styles to have more samples for the customer. This helps our customer better understand the kind of application. In this project, the design team combined all three styles after approval. This happened because the customer liked different elements in all three designs. We combined them into one design and got the perfect option for us.

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

The final version is a ready-made application that developers and artists are preparing to enter the world market. Sometimes at this stage, final testing and revisions can be made.

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

Since our main style was about elegance and brevity, it was important not to overload the platform and main screens with unnecessary information. Each menu and block has an area with brief basic information. There are also special buttons. When the user clicks on them, he can see additional information.

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

Only important information is displayed on the platform’s pages. We wanted to be as simple and concise as possible to allow the user to focus on the beautiful photos and interior elements of the apartments. This helped us to increase the conversion of the site and the number of interested future buyers.

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

The process of creating an application is always complex and time-consuming. It is important for the client to be aware of all stages of the work, so we informed him about every development. At any time, the customer can find out at what stage of development the application is at and receive comments from the team.
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
430h
of ANODA’s team working
94 screens
for Mobile app
4 platforms
for a product
Tom Ray

It is important to us that our application is perfect. Every member of the team works as efficiently as possible to create a quality product. We want users to be able to easily understand the new mobile application and, at the stage of familiarization with the app, understand what it is and what it is needed for.

This image is a 3D rendering of a man in a suit presenting a chart on a flip chart stand. The man is wearing a blue suit with a white shirt and a blue tie. The man is holding a gray tablet in his right hand. The man’s face is blurred out. The flip chart stand is orange and blue in color. The chart on the flip chart stand is a bar graph and a pie chart. The bar graph is orange in color and the pie chart is blue and orange in color. The background is white. This image could be used to represent a business presentation, a data analysis, a report, or a proposal.

Product Design

1

Ideation & Evaluation

The uploader already had a rough idea of the new mobile app. He knew what his platform should look like, what it should be, and how it would work.

So we pretty quickly developed a clear project plan. Our specialists spent time researching to get the perfect result.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

We have conducted UX research and several client interviews to identify and highlight important information for future users of the platform. The main thing we realized is that it is important to focus the pages on the gallery with photos of comfortable and expensive apartments.

3

User flow

One of the main values of this platform is that it saves significant time for users when searching for and booking an apartment. We removed all superfluous details that could have interfered with the user’s attention and distraction.

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

The frames help us change the design and functions of the application in the development process of the application. At the same time, important application blocks remain the same. 

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

Our mudboards are about elegance and aesthetics. Our specialists have prepared the necessary color scheme for the future application. We wanted to completely transfer the atmosphere of the apartments through the platform. So that every visitor understands that the apartments are in the premium segment.
neobank app home screen dashboard
6

3 styles option

We always create three new design styles to have more samples for the customer. This helps our customer better understand the kind of application. In this project, the design team combined all three styles after approval. This happened because the customer liked different elements in all three designs. We combined them into one design and got the perfect option for us.
7

Final version

The final version is a ready-made application that developers and artists are preparing to enter the world market. Sometimes at this stage, final testing and revisions can be made.
neobank portfolio screen
neobank investing screen
8

UI Design

Since our main style was about elegance and brevity, it was important not to overload the platform and main screens with unnecessary information. Each menu and block has an area with brief basic information. There are also special buttons. When the user clicks on them, he can see additional information.
9

UI KIT

Typography & Colors

Project planning & Zero sprint

Work planning time or zero sprint? At this time, the whole team conducts a big brainstorming session to draw up a clear work schedule for each team member. Everyone is actively involved in the development of this application.

Web & Mobile Development

Our platform opens easily on all mobile types of devices. Users do not notice the difference in speed when changing widgets. Because the app works equally well on any mobile device. This allows you to simultaneously use the service for several thousand people at the same time and not worry that the system will hover or stop working. 

Final QA / Testing

We want each user to get only positive experiences from using the platform. That is why we test at every stage of development to remove all problems and flaws.

Feature #1
Price
After viewing any apartment, the customer can know its price for one day and choose a time to spare. This greatly simplifies and speeds up the booking process for users.
Let's talk
Feature #2
Paymen
Now users have the opportunity to pay for the apartment directly on the site. Our development team has created the online payment feature through any convenient banking application.
Feature #3
Registration
New customers can register on the platform and specify their data. When booking, the system will automatically fill in all the information instead of the user.
Feature #4
UX
Our platform opens easily on all mobile types of devices. Users do not notice the difference in speed when changing widgets. Because the app works equally well on any mobile device. This allows you to simultaneously use the service for several thousand people at the same time and not worry that the system will hover or stop working.
10

All screens

Only important information is displayed on the platform’s pages. We wanted to be as simple and concise as possible to allow the user to focus on the beautiful photos and interior elements of the apartments. This helped us to increase the conversion of the site and the number of interested future buyers.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

We deliver in iterations

The process of creating an application is always complex and time-consuming. It is important for the client to be aware of all stages of the work, so we informed him about every development.

At any time, the customer can find out at what stage of development the application is at and receive comments from the team.

Tech Tools:

Project planning & Zero sprint

Work planning time or zero sprint? At this time, the whole team conducts a big brainstorming session to draw up a clear work schedule for each team member. Everyone is actively involved in the development of this application.

Web & Mobile Development

Our platform opens easily on all mobile types of devices. Users do not notice the difference in speed when changing widgets. Because the app works equally well on any mobile device. This allows you to simultaneously use the service for several thousand people at the same time and not worry that the system will hover or stop working. 

Final QA / Testing

We want each user to get only positive experiences from using the platform. That is why we test at every stage of development to remove all problems and flaws.

Want to create an application?
Let's talk
FEATURE #1

Price

After viewing any apartment, the customer can know its price for one day and choose a time to spare.

This greatly simplifies and speeds up the booking process for users.
Let's talk
FEATURE #2

Payment

Now users have the opportunity to pay for the apartment directly on the site.

Our development team has created the online payment feature through any convenient banking application.
FEATURE #3

Registration

New customers can register on the platform and specify their data.

When booking, the system will automatically fill in all the information instead of the user.
Let's talk
FEATURE #4

UX

Our platform opens easily on all mobile types of devices. Users do not notice the difference in speed when changing widgets. Because the app works equally well on any mobile device.

This allows you to simultaneously use the service for several thousand people at the same time and not worry that the system will hover or stop working. 

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?
Let's 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
HQ:

Kaupmehe 7-120,
10114 Tallinn, Estonia

Got a project on 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.