Tesla – a new world of electric cars 

Electric cars are a step into the future. In our present and future, Tesla aims to be the first. That’s why they decided to create their own car control app.
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

Tesla – a new world of electric cars 

Electric cars are a step into the future.

In our present and future, Tesla aims to be the first. That’s why they decided to create their own car control app.

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

Tesla is one of the most popular brands of electric cars known worldwide. They’re the first ones in history to create an autopilot on a car.

Tesla asked ANODA to design their new application. The main goal of the project is to prove to users that Tesla is not only about cars and Elon Musk, but also about the clean energy they create.

Client name
Ceara Hendricks
Industry
Fintech
Location
USA
Challenge #1
The Tesla app first appeared in the last decade. Based on modern trends, Tesla management decided to upgrade the application. ANODA specialists have the task of making a redesign and improving the functional part of the application.
Challenge #2
It was important to us that the interface developed was simple and very clear for everyone. This is especially true for those users who will use the app for the first time and see their electric car there.
Challenge #3
The UI/UX research was one of the most important stages in the development of the new design. We needed to study the previous application and all the feedback to it. This helped us create a new, perfect application design. 

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
Our team of professionals conducted an interview with the client and after approving all the details of the project, After that, our designers started to develop new designs.
2
Analytics and research
In the first stage, we always conduct an interview with the client. This allows us to understand how the client sees the future application and highlights the stages of work. We analyze and prescribe deadlines for each stage of development.
3
Great UX Research
We guarantee the quality of our products. Today, hundreds of our projects are being used around the world right now. We receive positive feedback on applications developed by our developers every day. 

Scope of Work

The main objective of this project was to make everything concise and understandable for anyone who wants to buy a car. It was important for us to show the benefits of the brand and keep it exclusive.

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

Briefing is a mandatory part of our work. This contains the basic information about the project needed by ANODA's specialists. It is important for us to understand what these elements are and where they should be located according to the customer’s intention.

Project Scoping

We quickly made all the decisions regarding the development plan and budget of the project. This helped us not delay the deadline and got the finished application to the client in time.

Product Design

The design team planned to conduct a large study of users of the old application. It is necessary for the analysis of claims and seniority from users.

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 main objective of this project was to make everything concise and understandable for anyone who wants to buy a car. It was important for us to show the benefits of the brand and keep it exclusive.
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
Ceara Hendricks
ANODA is about professionalism and quality. We have long chosen the company to realize our vision. It was important to us that the work be treated responsibly. We look for developers who are adamant about doing their job. And we are very glad that we stopped at ANODA. This is exactly what we were looking for.

Product Design

1

Ideation & Evaluation

The customer asked us to redesign the application. The customer already had a clear idea of how the new application design should look. We offered our changes and fulfilled the order.

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

UX research is one of the most important stages in the development process of any application. It helps to understand in detail the target audience and their needs. That is why, during the creation of the application development plan, we have allocated a separate stage to the compilation of our customers' portraits. 

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

The user’s path from the moment of login to the activation of the auto lock should be as convenient and simple as possible. That was the main goal of the project.

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

4

Wireframes

Frames are needed to simplify the work of developers. They allow you to make changes to the design at any stage of the work.

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

5

Moodboard

It is very important to understand the atmosphere of the application that the customer wants to pass on to users. Audits and surveys help us. It’s in this. But moodboards are better at this. In most cases, they communicate the client’s wishes by 95%. This helps us make the new app design better and more atmospheric.

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

As a rule, we always create three design options for a new application. This is to ensure that the client has more examples and can choose the option that he likes better. It helps us get to the perfect style and color scheme.

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

When designing the application, it was important for us to keep it simple and concise. So we stopped at black and gray. This design looked very restrained and chic.

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

Our designers have followed the same simplicity and brevity in developing the user interface. And we were able to perfectly convey the company’s vibe through the app.

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

Our main screen is the shortest and most important information about your car in a given second. Thanks to dark shades, the user can open the offer even at night and will not be blinded by the brightness of the details.

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

It is important to us that the client is selected and understands the whole process of application creation. This helps to avoid many questions. If not, the client can make changes at any stage of development.
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
Ceara Hendricks

ANODA is about professionalism and quality. We have long chosen the company to realize our vision. It was important to us that the work be treated responsibly. We look for developers who are adamant about doing their job. And we are very glad that we stopped at ANODA. This is exactly what we were looking for.

Product Design

1

Ideation & Evaluation

The customer asked us to redesign the application. The customer already had a clear idea of how the new application design should look.

We offered our changes and fulfilled the order.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

UX research is one of the most important stages in the development process of any application. It helps to understand in detail the target audience and their needs. That is why, during the creation of the application development plan, we have allocated a separate stage to the compilation of our customers' portraits. 

3

User flow

The user’s path from the moment of login to the activation of the auto lock should be as convenient and simple as possible. That was the main goal of the project.

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

Frames are needed to simplify the work of developers.

They allow you to make changes to the design at any stage of the work.

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

Moodboard

It is very important to understand the atmosphere of the application that the customer wants to pass on to users. Audits and surveys help us. It’s in this. But moodboards are better at this. In most cases, they communicate the client’s wishes by 95%. This helps us make the new app design better and more atmospheric.
neobank app home screen dashboard
6

3 styles option

As a rule, we always create three design options for a new application. This is to ensure that the client has more examples and can choose the option that he likes better. It helps us get to the perfect style and color scheme.
7

Final version

When designing the application, it was important for us to keep it simple and concise. So we stopped at black and gray. This design looked very restrained and chic.
neobank portfolio screen
neobank investing screen
8

UI Design

Our designers have followed the same simplicity and brevity in developing the user interface. And we were able to perfectly convey the company’s vibe through the app.
9

UI KIT

Typography & Colors

Project planning & Zero sprint

The Zero sprint is a time of reflection for our designers and developers. This is the process when the whole team offers and chooses the optimal technological solutions for the project and forms the total volume of tasks.

Web & Mobile Development

The development of the mobile application design was based on 2-week sprints. A team of specialists from ANODA worked on the project. The team consisted of several designers, developers, a project manager, and a QA specialist. It provides the right level of flexibility, maximum value, and constant feedback cycle.

Final QA / Testing

We test our applications at all stages of operation. This helps to avoid major bugs and errors during the final testing. It also speeds up the process and improves the quality of development.

Feature #1
Intuitive
Customers can understand and use the application at once. Thanks to the clear UI UX design, users have no additional questions. We tested our design solutions to achieve such a high level of comfort for our consumers.
Let's talk
Feature #2
Convenience
Car owners can control their automobile quickly and intuitively. We have provided user experience at the highest level.
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

Our main screen is the shortest and most important information about your car in a given second. Thanks to dark shades, the user can open the offer even at night and will not be blinded by the brightness of the details.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

We deliver in iterations

It is important to us that the client is selected and understands the whole process of application creation.

This helps to avoid many questions. If not, the client can make changes at any stage of development.

Tech Tools:

Project planning & Zero sprint

The Zero sprint is a time of reflection for our designers and developers. This is the process when the whole team offers and chooses the optimal technological solutions for the project and forms the total volume of tasks.

Web & Mobile Development

The development of the mobile application design was based on 2-week sprints. A team of specialists from ANODA worked on the project. The team consisted of several designers, developers, a project manager, and a QA specialist. It provides the right level of flexibility, maximum value, and constant feedback cycle.

Final QA / Testing

We test our applications at all stages of operation. This helps to avoid major bugs and errors during the final testing. It also speeds up the process and improves the quality of development.

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

Investing

Customers can understand and use the application at once. Thanks to the clear UI UX design, users have no additional questions.

We tested our design solutions to achieve such a high level of comfort for our consumers.
Let's talk
FEATURE #2

Transfer

Car owners can control their automobile quickly and intuitively.

We have provided user experience at the highest level.
FEATURE #3

Climate control

Now in the summer, you will not have to cook in a stuffy car and air it out constantly. You can easily make your car feel comfortable thanks to the updated mobile app.

You will be able to adjust the desired temperature in a few clicks.
Let's talk
FEATURE #4

Car parking

If the user has parking problems, our app will help him with this. You just drive to the parking lot, through the app, turn on the car parking and just watch.

Everything is easy and simple.

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.