Redesign concept for Airbnb
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.
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.
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.
Solutions
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.
Solutions
Scope of Work
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
Scope of Work
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
Product Design
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.
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.
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.
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.
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.
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.
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.
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.
UI Design
All screens
Product Design
We deliver in iterations
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.
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
Ideation & Evaluation
We had to focus on providing the best user experience and a new UI design for the app.
UX Research
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.
Wireframes
A wireframe is a relevant tool for working on any product, such as travel apps, innovative technology startups, money-saving apps, etc.
Moodboard
3 styles option
Final version
.png)
UI Design
UI KIT
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.
All screens
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.
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.
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.
%402x.png)
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.
%402x.png)
Improved booking process
Here comes the fun part - booking. So you found your dream accommodation and need to know everything about it!
Communications and notifications
Chat is no less a critical option for travel and booking apps.
Browse other cases
Coinly — advanced cryptocurrency wallet application.
One day two true crypto enthusiasts decided to create the most convenient solution for the blockchain market, and we were more than ready to help them to achieve this ambitious goal! So check out the best crypto wallet that can be in your pocket!
USA
Social Network, Management Software
Look-Alice — an awesome community of local businesses.
This unique mix of the online and offline marketplace helps offline businesses attract more clients and increase sales. Our team did efficient work creating an attractive, convenient design and smooth mobile application that encourages people to return to small local stores and support them.
USA
Social Network, Management Software
McDonald’s — traditional taste in modern design.
Exclusive deals, a personal profile to use with multiple devices, a customizable meal and more in one upgraded McDonald’s app. Keep up with current technology. ANODA company will help you create your own application to surprise your visitors.
USA
Social Network, Management Software
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
Careers
HQ:
Kaupmehe 7-120,
10114 Tallinn, Estonia
