Warehouse — innovative approach to SaaS application

The Warehouse is an innovative Web SaaS application that helps users to store warranty data in one convenient platform.

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

Warehouse — innovative approach to SaaS application

The Warehouse is an innovative Web SaaS application that helps users to store warranty data in one convenient platform.

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

The Warehouse founder assigned ANODA to develop a Web and iOS application with custom back-end and front-end solutions for the SaaS platform. The primary objective was to provide people with a handy application that helps store various product warranty data in one place.

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
Lorena Greer
Industry
Saas platform
Location
USA
Challenge #1
Warehouse should provide the best UX design that can satisfy the target audience. We wanted to simplify the navigating process and let users quickly add necessary warranty information and set reminders.
Challenge #2
Warehouse needed a clean, streamlined design not to overwhelm users with flashy colors.
Challenge #3
Warehouse was an innovative product on the market, so we had to elaborate carefully on all the application features.

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
We have assembled a team of professionals who are open to new challenges. These are experienced specialists who offer outstanding solutions!
2
Design Process
We follow a transparent and flexible design process that allows us to go through all development stages, meeting deadlines, while the Client can review the result of each design stage and give feedback.
3
Modern solutions
We follow modern trends in the world of design and constantly learn something new to offer the best technological solutions for our Clients.

Scope of Work

The Warehouse founders were looking for an agency to develop a unique application that could help people store warranties on goods in one convenient platform, which could also remind them about warranty expiration dates. They needed a team ready for any challenge and could implement their idea quickly and efficiently.

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

First of all, we asked the Client to fill out a brief. In it, the startup founders describe in detail their vision of the future application, its main competitors, its mission and values, and provide examples of services that inspire them and what they'd like to see in a similar UX design.

Project Scoping

We estimated the scope of work. We had to develop the product from scratch. Therefore, we started with precise planning, structuring of tasks, and estimation by time.

Product Design

To achieve the best deliverables, we had to find out all the target audience's needs to provide the best product solutions. So we interviewed the potential users and highlighted their pain points to create the best application for them.

Back-end & Front-end Development

The platform had to store different data types, so we immediately focused on finding the best technological solutions for this task.

Native Mobile Development

People want to find the necessary services as quickly as possible in today's world, so creating an application is a great solution!

Scope of Work

The Warehouse founders were looking for an agency to develop a unique application that could help people store warranties on goods in one convenient platform, which could also remind them about warranty expiration dates. They needed a team ready for any challenge and could implement their idea quickly and efficiently.
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 the Warehouse app
Lorena Greer
We wanted to create an unusual application and worried about choosing a development company. Fortunately, ANODA was ready to take on this interesting and extraordinary project and help us make everything perfect. During the project, we were always in touch with the PM and monitored the results of each stage. The team was always interested in our feedback and easily made necessary changes. We are satisfied with the final result and are grateful for the high-quality and prompt work of the ANODA team.

Product Design

1

Ideation & Evaluation

For any project, we start with a discussion of the ideas and requirements of the Client and identify how the product will benefit people. After that, we begin collecting information about the target users and the field for which the application is created. We analyze competitors, find users' pains, and ways to solve them. Finally, we estimate the project and negotiate the deadlines with the Client and start further work on the project.

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

Now it was the UX design team's turn. It was necessary to research market competitors and user needs. We not only conducted several custom interviews but also read hundreds of reviews and forum pages on the experience of using a banking app or gaining financial knowledge in general. We were defining the target audience of fintech companies and analyzing competitors to choose the right UX design.

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

Firstly, we created a user flow map. It is a necessary step in the UX Design phase. We wanted to make sure that the product's functionality would cover customer needs and that we would be able to explain all the small chunks of the big finance system. The following 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 how customers use different platform features.

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

4

Wireframes

Another UX design stage is creating an application prototype on paper and then in Figma. At this step, we arranged all the necessary elements in the interface and discussed the Wireframes with the Client.

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 also created a Moodboard before starting to design the interface. Moodboard reflects the general mood of the project, shows the emotions it will convey, and inspire the team during the design creation.

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

Our design team made 3 visual style options for the Warehouse application. They created several main pages for the future mobile application so the Client could choose the version they liked the most and give feedback on the UI design changes.

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

After negotiating 3 visual styles with the Сlient, we decided on one of them. However, the Сlient also liked several elements from the other option, so we perfectly added these elements to the main version. As a result, we created a flawless and unique 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

We chose a light color palette for the app's background, adding blue accents since the platform must be convenient and simple for users. Also, we added a common dark mode feature to reduce the light emitted by device screens while maintaining the minimum color contrast ratios required for readability.

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 modern, bright design with a convenient UX that users highly appreciated.

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 development results, 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
430h
of ANODA’s team working
94 screens
for Web & Mobile app
4 platforms
for the Warehouse app
Lorena Greer

We wanted to create an unusual application and worried about choosing a development company. Fortunately, ANODA was ready to take on this interesting and extraordinary project and help us make everything perfect. During the project, we were always in touch with the PM and monitored the results of each stage. The team was always interested in our feedback and easily made necessary changes. We are satisfied with the final result and are grateful for the high-quality and prompt work of the ANODA team.

Product Design

1

Ideation & Evaluation

For any project, we start with a discussion of the ideas and requirements of the Client and identify how the product will benefit people. After that, we begin collecting information about the target users and the field for which the application is created. We analyze competitors, find users' pains, and ways to solve them.

Finally, we estimate the project and negotiate the deadlines with the Client and start further work on the project.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

Now it was the UX design team's turn. It was necessary to research market competitors and user needs. We not only conducted several custom interviews but also read hundreds of reviews and forum pages on the experience of using a banking app or gaining financial knowledge in general. We were defining the target audience of fintech companies and analyzing competitors to choose the right UX design.

3

User flow

Firstly, we created a user flow map. It is a necessary step in the UX Design phase. We wanted to make sure that the product's functionality would cover customer needs and that we would be able to explain all the small chunks of the big finance system. The following 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 how customers use different platform features.

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

Another UX design stage is creating an application prototype on paper and then in Figma. At this step, we arranged all the necessary elements in the interface and discussed the Wireframes with the Client.

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

We also created a Moodboard before starting to design the interface. Moodboard reflects the general mood of the project, shows the emotions it will convey, and inspire the team during the design creation.
neobank app home screen dashboard
6

3 styles option

Our design team made 3 visual style options for the Warehouse application. They created several main pages for the future mobile application so the Client could choose the version they liked the most and give feedback on the UI design changes.
7

Final version

After negotiating 3 visual styles with the Сlient, we decided on one of them. However, the Сlient also liked several elements from the other option, so we perfectly added these elements to the main version. As a result, we created a flawless and unique application design.
neobank portfolio screen
neobank investing screen
8

UI Design

We chose a light color palette for the app's background, adding blue accents since the platform must be convenient and simple for users. Also, we added a common dark mode feature to reduce the light emitted by device screens while maintaining the minimum color contrast ratios required for readability.
9

UI KIT

Typography & Colors

Project planning & Zero sprint

After completing the design, 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 back-end, 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 ensure it's perfect.

Feature #1
Dark-mode communication
We decided to add the dark mode option since it reduces blue light that can interrupt sleep, extends battery life, can potentially reduce eye strain and dry eyes in low-light conditions, and it's just a common feature that users like.

Create your best project now!

Feature #2
Schedule and Reminders
Users not only can keep a list of all their warranties in the Warehouse application but also set notifications for warranty expiration dates. This option makes it easy to keep track of warranty periods and use them.
Feature #3
Data visualization in operational dashboards
The Warehouse app is compatible with both smartphones and tablets with any screen size. Therefore, users don't need to limit themselves and can use the platform on any convenient device.
Feature #4
Audience segmentation
This feature is the most important because it allows users to add their warranties to the application. It is convenient because this option has product categories, the ability to add photos, specify the store where the product was purchased, leave notes, and so forth.
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 modern, bright design with a convenient UX that users highly appreciated.
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 development results, 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 completing the design, 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 back-end, 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 ensure it's perfect.

Want to create an application?

Lets' Talk!

FEATURE #1

Dark-mode communication

We decided to add the dark mode option since it reduces blue light that can interrupt sleep, extends battery life, can potentially reduce eye strain and dry eyes in low-light conditions, and it's just a common feature that users like.

In this way, they can create both a strategic dashboard and monitor the results of certain advertising campaigns. They get convenient access to the most important information in a few clicks.

Create your best project

FEATURE #2

Schedule and Reminders

Users not only can keep a list of all their warranties in the Warehouse application but also set notifications for warranty expiration dates.

This option makes it easy to keep track of warranty periods and use them.
FEATURE #3

Adaptability

The Warehouse app is compatible with both smartphones and tablets with any screen size.

Therefore, users don't need to limit themselves and can use the platform on any convenient device.

Create your best project

FEATURE #4

Add item

This feature is the most important because it allows users to add their warranties to the application.

It is convenient because this option has product categories, the ability to add photos, specify the store where the product was purchased, leave notes, and so forth.

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?

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.