Redesign concept for Airbnb

Airbnb is the world's most recognized platform for travelers to rent a place quickly, cheaply, and conveniently. We know that many Internet users are increasingly focusing on their personal experiences when using such well-known services. That's why our team took the risk to accept a new challenge and update the Airbnb app design.

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

Redesign concept for Airbnb

Airbnb is the world's most recognized platform for travelers to rent a place quickly, cheaply, and conveniently.

We know that many Internet users are increasingly focusing on their personal experiences when using such well-known services. That's why our team took the risk to accept a new challenge and update the Airbnb app design.

UX Research
Usability testing
UI Design
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

No matter how popular your app is, the digital world is growing by leaps and bounds, and you should regularly check how to provide your users with modern and creative solutions to their problems.

Our team's main goal was to update the UI/UX design for the Airbnb application to keep up with the latest trends and community expectations. As they say, the world is changing, and we're keeping up with it.

Client name
Dana Nicholson (from ANODA team)
Industry
Real Estate / Rent
Location
USA
Challenge #1
We wanted to enrich Airbnb's visualization and give the application a more modern and refreshing look while emphasizing its brand identity.
Challenge #2
It is not a secret that when selecting an application, users pay attention not only to attractive design but also to usability. Therefore, we devoted much time to UX development, enhancing app functionality, and solving user-related problems.
Challenge #3
We draw inspiration and look for new ideas among similar applications in the same industry, conduct competitor research and perform numerous interviews with users. Next, based on the collected data, we generate creative ideas and new approaches for design solutions.

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
Competent team
We have assembled a team of professionals who are open to new challenges. They are experienced designers who offer outstanding solutions!
2
Quality UX research
We always start with a thorough UX study. During this stage, we highlight all the pain points and needs of the travel apps' target audience. This information helps us to create relevant and convenient design solutions for users.
3
Design process
Redesigning is just as demanding a task as creating a design from scratch. We always achieve the best results due to a well-structured design workflow.

Scope of Work

Airbnb has been providing the best services to travelers worldwide for years. To make a high-quality redesign for this app, we had to perform a lot of work with such steps as idea generation, UX research, customer interviews, creating wireframes, user journey maps, and much more.

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

Project Scoping

For starters, we adapted our design process to the tasks performed during this project. We also had to plan a time estimate for each app design stage to save money and time.

Generation of ideas

While generating ideas, we sought inspiration from popular travel apps, social media, and other platforms. It was crucial for us to make the Airbnb design comfortable for the human eye, with a pleasant color scheme and intuitive UX.

UX Research

We started with extensive competitor research. Then, we investigated top travel and booking apps and startups offering a new approach to similar platforms. Thanks to UX research, we concluded that the main problem of travel apps is their complexity and poor UI design.

Customer interview

The next step was user interviews. We talked to different demographic groups since the app had to be user-friendly for everyone.

UI Design

After the UX research, the team worked on the visual user experience. Based on previously created wireframes, we elaborated the interface in detail, selected colors, pictures, animations, illustrations, etc., and added them to the pages.

Scope of Work

Airbnb has been providing the best services to travelers worldwide for years. To make a high-quality redesign for this app, we had to perform a lot of work with such steps as idea generation, UX research, customer interviews, creating wireframes, user journey maps, and much more.
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
Dana Nicholson (from ANODA team)
Millions of people use the Airbnb app, and our team wanted to show how we could introduce modern solutions to a popular brand without alienating the target audience, but rather enhancing the user experience and highlighting the brand identity. We had the challenge of making the app more convenient and engaging. Finally, we exceeded our expectations!

Product Design

1

Ideation & Evaluation

We had to focus on providing the best user experience and a new UI design for the app. Therefore, we conducted a team brainstorming session to analyze trends and ideas and find the best ways to implement them.

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

We always work according to the design process stages. UX research is one of its first steps. We needed to gather information about users' pain points and needs, conduct user interviews, and create a customer portrait.

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

After analyzing the results of the UX research, we started working on the User Journey Map. At this stage, it was essential to ensure that users easily navigate between the app features and reach their goals. Much attention was paid to ensuring that the app performed equally great on different smartphones.

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

4

Wireframes

A wireframe is a relevant tool for working on any product, such as travel apps, innovative technology startups, money-saving apps, etc. At this stage, we create the basis for the best user experience.

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

5

Moodboard

We were looking for inspiration by observing modern new travel and booking app designs. This way, we could generate fresh ideas that will allow the app to demonstrate that it keeps up with the times and is open to new technologies. Our Airbnb design translates this through every interface element.

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

Next, our design team started working on the travel app user interface. We wanted to create a convenient, structured application that would be easy to navigate, even for first-time users. People should not get confused with app data; they can confidently check apartments or hotels, adjust the appropriate price range, use the calendar, chat with hosts, and so forth.

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

We have developed 3 style options for the Airbnb interface. We usually send them to clients so that they can choose their favorite option. This time, we discussed these three options during a team meeting, had a brainstorming session, and decided on one option for the application design.

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

Based on the previously created wireframes, we designed the application interface in detail, choosing a bright palette with pastel pink accents, adding animations and illustrations. Fonts play an essential role in interface perception. They have to convey the overall brand vibe and tone of voice. So we decided to choose the Heebo font.

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 Real Estate / Rent product

Millions of people use the Airbnb app, and our team wanted to show how we could introduce modern solutions to a popular brand without alienating the target audience, but rather enhancing the user experience and highlighting the brand identity. We had the challenge of making the app more convenient and engaging. Finally, we exceeded our expectations!

Product Design

1

Ideation & Evaluation

We had to focus on providing the best user experience and a new UI design for the app.

Therefore, we conducted a team brainstorming session to analyze trends and ideas and find the best ways to implement them.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

We always work according to the design process stages. UX research is one of its first steps. We needed to gather information about users' pain points and needs, conduct user interviews, and create a customer portrait.

3

User flow

After analyzing the results of the UX research, we started working on the User Journey Map. At this stage, it was essential to ensure that users easily navigate between the app features and reach their goals. Much attention was paid to ensuring that the app performed equally great on different smartphones.

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

A wireframe is a relevant tool for working on any product, such as travel apps, innovative technology startups, money-saving apps, etc.

At this stage, we create the basis for the best user experience.

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

Moodboard

We were looking for inspiration by observing modern new travel and booking app designs. This way, we could generate fresh ideas that will allow the app to demonstrate that it keeps up with the times and is open to new technologies. Our Airbnb design translates this through every interface element.
neobank app home screen dashboard
6

3 styles option

Next, our design team started working on the travel app user interface. We wanted to create a convenient, structured application that would be easy to navigate, even for first-time users. People should not get confused with app data; they can confidently check apartments or hotels, adjust the appropriate price range, use the calendar, chat with hosts, and so forth.
7

Final version

We have developed 3 style options for the Airbnb interface. We usually send them to clients so that they can choose their favorite option. This time, we discussed these three options during a team meeting, had a brainstorming session, and decided on one option for the application design.
neobank portfolio screen
neobank investing screen
8

UI Design

Based on the previously created wireframes, we designed the application interface in detail, choosing a bright palette with pastel pink accents, adding animations and illustrations. Fonts play an essential role in interface perception. They have to convey the overall brand vibe and tone of voice. So we decided to choose the Heebo font.
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
Homepage
The first thing the user sees when entering the application is the Homepage, the most important part of the application, which should be clear and make a pleasant impression. So we came up with a modern, clean and intuitive Home page that allows users to access everything they need. Navigation is intuitive, and the overall design looks nice and discreet.

Create your best project now!

Feature #2
More convenient search
The search page is always a headache. We had to create a lightweight, user-friendly, and not too overloaded Ul. Our team solved this problem by dividing customer needs with several quick filters. With the updated search page, users can find whatever they need.
Feature #3
Improved booking process
Here comes the fun part - booking. So you found your dream accommodation and need to know everything about it! The challenge is to show all the required information on a single page and not overload it visually. We designed a really appealing interface with data visualization so you won't get lost in the app!
Feature #4
Communications and notifications
Chat is no less a critical option for travel and booking apps. Therefore, our team found the best design solutions to update the messaging and notifications page interface. They made it more user-friendly and readable for both hosts and travelers.
10

All screens

At this stage, the team designs all the necessary pages of the app. The part of the work is complete, and we can see all screens of the product. We created a fresh but not too emotional design because we understand what the target audience needs.
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

Homepage

The first thing the user sees when entering the application is the Homepage, the most important part of the application, which should be clear and make a pleasant impression. So we came up with a modern, clean and intuitive Home page that allows users to access everything they need.

Navigation is intuitive, and the overall design looks nice and discreet.

Create your best project

FEATURE #2

More convenient search

The search page is always a headache. We had to create a lightweight, user-friendly, and not too overloaded Ul. Our team solved this problem by dividing customer needs with several quick filters.

With the updated search page, users can find whatever they need.
FEATURE #3

Improved booking process

Here comes the fun part - booking. So you found your dream accommodation and need to know everything about it!

The challenge is to show all the required information on a single page and not overload it visually. We designed a really appealing interface with data visualization so you won't get lost in the app!

Create your best project

FEATURE #4

Communications and notifications

Chat is no less a critical option for travel and booking apps.

Therefore, our team found the best design solutions to update the messaging and notifications page interface. They made it more user-friendly and readable for both hosts and travelers.
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
We located:

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.