McDonald’s – familiar things in a new interpretation.

We all love fast food very much. Today, the mobile application of any fast food institution is mandatory for everyone. You spend just a few minutes viewing the menu and ordering the desired positions. You don’t have to stand in line for ten minutes and then wait that long to order. Everything can be done in the app and you can pick it up on the spot immediately after finishing food or order yourself a courier. Everything is easy and simple.
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

McDonald’s – familiar things in a new interpretation.

We all love fast food very much.

Today, the mobile application of any fast food institution is mandatory for everyone. You spend just a few minutes viewing the menu and ordering the desired positions. You don’t have to stand in line for ten minutes and then wait that long to order. Everything can be done in the app and you can pick it up on the spot immediately after finishing food or order yourself a courier. Everything is easy and simple.

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

McDonald’s is a favourite place for all children and adults. The brand was founded in 1955 and is still the most popular in the fast food industry. 

Filiya from the UK approached us with a request to redesign their mobile app. They wanted something simple, but fresh and informative. The application was designed to be as comfortable, understandable and to include the entire menu and extra chips. They were looking for a team with experience that they could trust and get the perfect product.

Client name
Becky Stafford
Industry
Redesign concept
Location
USA
Challenge #1
The McDonald’s application has been in existence for many years, but the client wanted to upgrade the application. The main goal was to highlight McDonald’s UK App among others.
Challenge #2
The challenge before us was to develop a user-friendly application interface that everyone could understand. It is also important that the application be integrated with different types of mobile devices.
Challenge #3
Many clients don't want to allocate a budget for UI/UX research. But ANODA knows that it is impossible to do without research. It helps to identify all the vulnerabilities of competitor applications and avoid making the same mistakes when developing a new application’s 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
We guarantee the quality of our products. Hundreds of our apps have reached the charts in terms of the number of users worldwide. We get positive feedback on our products every day.
2
Analytics and research
Before we create the application, we audit the interview with the client. This helps us to clearly understand what the app looks like in the customer’s mind and what we can offer it. McDonald’s app is quite popular, and it was important for us to take into account all the details of the future application design.
3
Great UX Research
Before we create the application, we audit the interview with the client. This helps us to clearly understand what the app looks like in the customer’s mind and what we can offer it. McDonald’s app is quite popular, and it was important for us to take into account all the details of the future application design.

Scope of Work

The client had many ideas of what he would like to see in the future mobile app design, but he did not know how to implement them. ANODA’s specialists identified the main stages and started the redesign of the application.

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

In the brief, the client outlined his vision for the project. He also specified the fragments that should be in the application and those that should not be.

Project Scoping

We quickly solved all the working points with the development plan and budget. Our client already knew about the redesign of applications. We quickly answered all the questions and began to develop a new design.

Product Design

Our design team planned UX research, wireframing, and UI design. This will help us to better understand the users' needs.

Back-end & Front-end Development

The new app allows users to create orders even faster and collect additional bonuses. Customers don’t have to come to the establishment and stand in line to order. This can be done through the app, and when the order is ready, you can pick it up.

Native Mobile Development

McDonalds in the UK has long wanted to update the app. We were able to help them with this and create a new application with even more useful features.

Scope of Work

McDonald’s is a favourite place for all children and adults. The brand was founded in 1955 and is still the most popular in the fast food industry. Filiya from the UK approached us with a request to redesign their mobile app. They wanted something simple, but fresh and informative. The application was designed to be as comfortable, understandable and to include the entire menu and extra chips. They were looking for a team with experience that they could trust and get the perfect product.
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
Thanks to qualified specialists, ANODA provides a high level of application recycling. The client does not need to overpay, as all the work is done within deadlines. We warrant the speed and quality of our products.

Product Design

1

Ideation & Evaluation

The client came to us with a request to redesign the application. He already had a clear idea of how the app should look. We offered our improvements and undertook to update the design of the application.

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 encompasses both generative user research and evaluative UX research. It was important for us to know in detail who our target audience was. That is why the first step in the study was to make a portrait of the user of the application. We asked the audience questions to better understand their preferences in colors, design, and interface.

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

At this stage, it was important for us to understand the ways of our users. From the moment of login to the payment of the order. This plan helped us to correctly set the goals for the project and build the right concept.

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

4

Wireframes

Wireframes are the basis of any application. They help developers to understand how and where best to place all windows, buttons, and information. At this stage, we agree on adding application functions. Also, the wireframes help to bring different cortices into the application design, even at the final stage.

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

5

Moodboard

To create applications, you do not need to use mudboards. But for our company, it is already a familiar stage of work. It is boards that help us reach a common opinion when choosing the color scheme and the design of the application.

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 create three basic designs. This is to ensure that the client has the opportunity to choose the design that he likes the most. We always stop at one design. But from the other two, we can take the small details.

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

In the McDonald’s app, it was important for us to stick to corporate policy. It is necessary to highlight McDonald’s UK App among other versions. We created one design that was very similar to the popular fast food. Now, this app is radically different from other variants.

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

In the process of developing the user interface, our designers adhered to corporate norms and requirements. But that didn’t stop them from creating a unique 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

We have created a very convenient home screen in the application. The customer was very pleased with the presented interface. Our designers quickly approved all revisions and began to finalize the final design UI.

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

To develop applications, we create the simplest and most transparent process. It is understandable to all customers. This helps the client to understand the stage of development. Also, the client can make changes at any redesign stage.
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 product
Becky Stafford

Thanks to qualified specialists, ANODA provides a high level of application recycling. The client does not need to overpay, as all the work is done within deadlines. We warrant the speed and quality of our products.

Product Design

1

Ideation & Evaluation

The client came to us with a request to redesign the application. He already had a clear idea of how the app should look.

We offered our improvements and undertook to update the design of the application.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

UX research encompasses both generative user research and evaluative UX research. It was important for us to know in detail who our target audience was. That is why the first step in the study was to make a portrait of the user of the application. We asked the audience questions to better understand their preferences in colors, design, and interface.

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

Wireframes are the basis of any application. They help developers to understand how and where best to place all windows, buttons, and information. At this stage, we agree on adding application functions.

Also, the wireframes help to bring different cortices into the application design, even at the final stage.

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

Moodboard

To create applications, you do not need to use mudboards. But for our company, it is already a familiar stage of work. It is boards that help us reach a common opinion when choosing the color scheme and the design of the application.
neobank app home screen dashboard
6

3 styles option

As a rule, we create three basic designs. This is to ensure that the client has the opportunity to choose the design that he likes the most. We always stop at one design. But from the other two, we can take the small details. 
7

Final version

In the McDonald’s app, it was important for us to stick to corporate policy. It is necessary to highlight McDonald’s UK App among other versions. 
neobank portfolio screen
neobank investing screen
8

UI Design

In the process of developing the user interface, our designers adhered to corporate norms and requirements. But that didn’t stop them from creating a unique app. 
9

UI KIT

Typography & Colors

Project planning & Zero sprint

During the zero sprint, our designers choose the best technological solutions for the project and form the overall scope of tasks.

Web & Mobile Development

The design development was based on 2-week sprints. There were several designers, developers, the project manager, and the QA specialist on the project. It ensures the right level of flexibility, maximum value, and a constant feedback loop.

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
Customize your meal
Burgers are very delicious. Users can create their favorite meals and make that dish that makes it right for their taste. A custom burger for lunch is sure to give you strength and fill your body with the necessary energy for the whole day.
Let's talk
Feature #2
Get Exclusive McDonald's Deals with Coupons
Customers can study the exclusive offer directly on the app. Users can receive discount coupons or free items from the menu. All coupons can be seen in personal account and used in any establishment in the network.
Feature #3
Generate QR Code with your order
When a customer creates an order in an application, they receive their own QR Code at the final stage.
Feature #4
Personal profile to use with miltiple devices
For more convenience while using the application, users can download it on a few devices. Most manufacturers do not consider this functionality to be in demand. But users are more comfortable when one application can be installed, for example, on a tablet and a phone at the same time.
10

All screens

We have created a very convenient home screen in the application. The customer was very pleased with the presented interface. Our designers quickly approved all revisions and began to finalize the final design UI.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

We deliver in iterations

To develop applications, we create the simplest and most transparent process. It is understandable to all customers. This helps the client to understand the stage of development.

Also, the client can make changes at any redesign stage.

Tech Tools:

Project planning & Zero sprint

During the zero sprint, our designers choose the best technological solutions for the project and form the overall scope of tasks.

Web & Mobile Development

The design development was based on 2-week sprints. There were several designers, developers, the project manager, and the QA specialist on the project. It ensures the right level of flexibility, maximum value, and a constant feedback loop.

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

Customize your meal

Burgers are very delicious. Users can create their favorite meals and make that dish that makes it right for their taste.

A custom burger for lunch is sure to give you strength and fill your body with the necessary energy for the whole day.
Let's talk
FEATURE #2

Get Exclusive McDonald's Deals with Coupons

Customers can study the exclusive offer directly on the app. Users can receive discount coupons or free items from the menu.

All coupons can be seen in a personal account and used in any establishment in the network.
FEATURE #3

Generate QR Code with your order

We wanted to maximally speed up the process of processing and receiving orders for users.

So we decided to create a unique QR code for each order. When a customer creates an order in an application, they receive their own QR Code at the final stage. The unique code appears on the phone screen after the customer has placed his order.
Let's talk
FEATURE #4

Personal profile to use with miltiple devices

For more convenience while using the application, users can download it on a few devices.

Most manufacturers do not consider this functionality to be in demand. But users are more comfortable when one application can be installed, for example, on a tablet and a phone at the same time.

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.