The Starbucks app – an update for the legendary coffee chain. 

Starbucks is an app for real coffee lovers. An American multinational chain of coffeehouses with headquarters in other countries. Starbaks is the world's largest coffeehouse chain. The company is constantly improving and keeping up with the times. Thanks to this approach, the company is one of the most successful companies worldwide. 
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

The Starbucks app — an update for the legendary coffee chain. 

Starbucks is an app for real coffee lovers. An American multinational chain of coffeehouses with headquarters in other countries. Starbaks is the world's largest coffeehouse chain. The company is constantly improving and keeping up with the times. Thanks to this approach, the company is one of the most successful companies worldwide. 

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

Starbucks is a world-renowned fast food chain. Everyone has at least once heard of this company, for their pumpkin latte in the winter or an iced-latte in the summer.The Starbucks app makes ordering much easier for users. It’s faster and easier. The company also often pleases its visitors with bonuses and gifts. 

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
Tegan Kenny
Industry
Food
Location
USA
Challenge #1
Our main goal is to create an interesting application that will have all the necessary features for users. Our app should stand out among other competitors' applications. We must keep the corporate identity and color of the company.
Challenge #2
We have created a clear and simple interface. It contains all the important functions that users need. The main pages are not overloaded with extra information. We have also added some new features inside the application. This helped speed up the application and user flow.
Challenge #3
We did great UX research. As a result, we were able to highlight the main items that we need to change in the app design. This is a gift, a card, an opportunity to order for a certain time. The order process should be simple and clear for the customer.

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
Great team
Every new project for our team is a time-consuming process of preparing, studying materials, and creating workplans for each team member. This responsible approach helps us improve every stage of our work. It greatly speeds up the work and improves the quality of the development process.
2
Design process
The review of existing apps from other companies helped us create the ideal model for a complete redesign of our application. Thanks to this research, after the release of the app, we received more than 95% positive feedback.
3
Modern solutions
We created a fairly simple and native application design. It was important for us to adhere to corporate policy and corporate identity. As a result, we managed to create a unique and very convenient application.

Scope of Work

The client requested ANODA to redesign an existing application. We had to conduct a large survey of the reviews as well as the app itself. After that, we created an analytics tool and developed a new application and design plan based on it.

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

Filling the brief is an important stage, which we hold at the first meetings with the client. This helps our specialists find answers to all our questions and does not distract the client in the process of working on the project. The brief also helps the team create a holistic picture of how the application sees the customer and works according to plan.

Project Scoping

At this stage, it is very important to calculate everything correctly. Thanks to our analytics and our earlier development plan, we can provide accurate information about the development process and the budget we need.

Product Design

It was important for designers to stick to corporate style and colors. Developing ideas for application design was an interesting process. Our specialists managed to do everything on time thanks to their professionalism. They prepared several variants of the new design of the application, which the client liked.

Back-end & Front-end Development

The platform had to work with crypto technologies, so our team chose the best technical solutions to implement all the necessary features.

Native Mobile Development

We also discussed all the nuances that could appear during the development of the application.

Scope of Work

The client requested ANODA to redesign an existing application. We had to conduct a large survey of the reviews as well as the app itself. After that, we created an analytics tool and developed a new application and design plan based on it.
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 Web & Mobile app
4 platforms
for a product
Tegan Kenny
ANODA is a company that has helped me to translate my vision into a real app. I had my doubts for a while about whether the company would be able to develop an app that would meet my criteria. I made it my mission that designers would disown the corporate identity of the company. In this case, the updated lysine should be clear to users and stand out among the applications of competitors. The ANODA specialists have done a great job..
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

After consulting with the customer, our team thoroughly reviewed all materials and studied the suggestions for the new application design. We quickly prepared a work plan and conducted the first studies. After that, we started brainstorming to come up with a new application design. Our specialists started work and development after approval of all stages.

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 did UX research on the existing application and found some inaccuracies. ANODA specialists have proposed a solution for the updated application. Our designers and developers have worked fruitfully on this project.

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 flow of our app was quite simple. It consisted of logging in to the app, selecting menu items, ordering, and paying. We have made these steps more simple and understandable for all customers.

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 the basis of any development. They allow us to change only the necessary blocks in the application's design. This makes it much faster and easier for our designers, so they can try many different designs and colors on one frame. 

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

5

Moodboard

Mudboards are very convenient. Especially when we need to convey a specific atmosphere through the application design. In our case, it was necessary to properly transfer the corporate style and beat it qualitatively. This is to make our app not look too strict.

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

When developing any application at ANODA, we usually create three new designs. This allows the customer to look at the future application in different styles. The client chooses the option he likes best. At the end, we refine the details and get the final version of the design. It is the final version that perfectly fits the original customer’s idea.

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

During this phase, the customer familiarizes himself with the application. In the final version of the application, the features are already ready. It was only necessary to test the application to test the whole functionality in working order. If necessary, we make additional corrections according to the customer’s request. 

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

We tried to make the new app design so that you don’t overload the main screen with information. It was important to us that the application should be concise, simple, and informative for new and regular users.

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

On the screens, the user can find all the necessary information about each menu item: find out the price, composition, etc. Also, customers always have the opportunity to view the private cabinet and promotions that are available in the app.

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 main rule of our company is that we operate transparently. This applies to our customers and ANODA's members. If the founder has questions, then we are always glad to answer, show and explain at what stage of development the application is at.
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 Web & Mobile app
4 platforms
for a product
Tegan Kenny

ANODA is a company that has helped me to translate my vision into a real app. I had my doubts for a while about whether the company would be able to develop an app that would meet my criteria. I made it my mission that designers would disown the corporate identity of the company. In this case, the updated lysine should be clear to users and stand out among the applications of competitors. The ANODA specialists have done a great job..

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

After consulting with the customer, our team thoroughly reviewed all materials and studied the suggestions for the new application design. We quickly prepared a work plan and conducted the first studies.

After that, we started brainstorming to come up with a new application design. Our specialists started work and development after approval of all stages.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

We did UX research on the existing application and found some inaccuracies. ANODA specialists have proposed a solution for the updated application. Our designers and developers have worked fruitfully on this project.

3

User flow

The user flow of our app was quite simple. It consisted of logging in to the app, selecting menu items, ordering, and paying. We have made these steps more simple and understandable for all customers.

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 the basis of any development. They allow us to change only the necessary blocks in the application's design. This makes it much faster and easier for our designers, so they can try many different designs and colors on one frame. 

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

Mudboards are very convenient. Especially when we need to convey a specific atmosphere through the application design. In our case, it was necessary to properly transfer the corporate style and beat it qualitatively. This is to make our app not look too strict.
neobank app home screen dashboard
6

3 styles option

When developing any application at ANODA, we usually create three new designs. This allows the customer to look at the future application in different styles. The client chooses the option he likes best. At the end, we refine the details and get the final version of the design. It is the final version that perfectly fits the original customer’s idea.
7

Final version

During this phase, the customer familiarizes himself with the application. In the final version of the application, the features are already ready. It was only necessary to test the application to test the whole functionality in working order. If necessary, we make additional corrections according to the customer’s request. 
neobank portfolio screen
neobank investing screen
8

UI Design

We tried to make the new app design so that you don’t overload the main screen with information. It was important to us that the application should be concise, simple, and informative for new and regular users.
9

UI KIT

Typography & Colors

Project planning & Zero sprint

Project planning is an important stage of application development. During the zero sprint, we create a detailed plan for each development process and team member. This allows us to work smoothly, quickly, and efficiently.

Web & Mobile Development

Our app works properly on any mobile device. The design does not change or fail on any of the gadgets. And the functional part works equally quickly and easily.

Final QA / Testing

To reduce the budget and improve the quality of our applications, we test them at all stages of development. This allows us to work more efficiently and avoid mistakes during development. At the final test, we check the application.

Feature #1
Home page
At this stage, we make final corrections and prepare the app for publication in the marketplace. Testers and designers check the final version of the application for the correct operation of all blocks and functions.
Let's talk
Feature #2
UX
Our UX design allows users to buy their favorite coffee as quickly and conveniently as possible. Our research has helped to make all features native so that users can do everything in a few seconds. 
Feature #3
Integration
In a new city or location, thanks to the integration of the app with the map, the user can find the nearest cafe. The built-in map will show the user the way to the coffee shop. This allows customers to find a favorite coffee shop even in unfamiliar cities.
Feature #4
Gift cards
Every user can buy a gift card for a friend who goes to the same coffee shop near work. Also, so that the recipient does not have to drive miles to a particular store, our gift cards can be used both in-store and online. The exclusive gift card feature has no expiration date.
10

All screens

On the screens, the user can find all the necessary information about each menu item: find out the price, composition, etc. Also, customers always have the opportunity to view the private cabinet and promotions that are available in the app.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

We deliver in iterations

The main rule of our company is that we operate transparently. This applies to our customers and ANODA's members.

If the founder has questions, then we are always glad to answer, show and explain at what stage of development the application is at.

Tech Tools:

Project planning & Zero sprint

Project planning is an important stage of application development. During the zero sprint, we create a detailed plan for each development process and team member. This allows us to work smoothly, quickly, and efficiently.

Web & Mobile Development

Our app works properly on any mobile device. The design does not change or fail on any of the gadgets. And the functional part works equally quickly and easily.

Final QA / Testing

To reduce the budget and improve the quality of our applications, we test them at all stages of development. This allows us to work more efficiently and avoid mistakes during development. At the final test, we check the application.

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

Home page

At this stage, we make final corrections and prepare the app for publication in the marketplace.

Testers and designers check the final version of the application for the correct operation of all blocks and functions.
Let's talk
FEATURE #2

UX

Our UX design allows users to buy their favorite coffee as quickly and conveniently as possible.

Our research has helped to make all features native so that users can do everything in a few seconds.
FEATURE #3

Integration

In a new city or location, thanks to the integration of the app with the map, the user can find the nearest cafe.

The built-in map will show the user the way to the coffee shop. This allows customers to find a favorite coffee shop even in unfamiliar cities.
Let's talk
FEATURE #4

Gift cards

Every user can buy a gift card for a friend who goes to the same coffee shop near work. Also, so that the recipient does not have to drive miles to a particular store, our gift cards can be used both in-store and online.

The exclusive gift card feature has no expiration date.

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.