DashloadPro — marketing analytics Saas platform

We set ourselves the goal of creating the most advanced marketing analytics tool that would help thousands of marketers around the world. And we achieved it!
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

DashloadPro — marketing analytics Saas platform

We set ourselves the goal of creating the most advanced marketing analytics tool that would help thousands of marketers around the world. And we achieved it!

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

DashloadPro is a startup founded by two ambitious marketers. With many years of experience behind them, they knew exactly the pain points of modern specialists who work with marketing data. And they also had a lot of ideas to improve their experience!

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
Linda Bronson
Industry
Martech
Location
USA
Challenge #1
The founders of DashloadPro had many insights from their own experience, but they understood that this was not enough.
Challenge #2
DashloadPro was supposed to be convenient for both junior specialists and team leaders.
Challenge #3
One of the product's missions was to provide convenient access to the necessary data at any time and in any place.

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
Comprehensive Approach
The founders of the startup had absolutely no experience in development and were looking for an agency to develop a product from scratch.
2
Design Process
We created a flexible design process that would allow us to go through all stages of development while meeting deadlines.
3
Modern Interface
DashloadPro offered many innovative solutions, so the UI had to reflect its compliance with modern trends as much as possible.

Scope of Work

DashloadPro was supposed to offer not only convenient creation of operational dashboards and data visualization but also a generally new approach to creating reports and working with data for marketers. The founders had many ideas, but they knew whether it was possible to implement them all for technical reasons. Therefore, we started by discussing all the features that needed to be developed.

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

At this stage, we asked the Client to fill out a brief, provide more information about competitors, share their vision for the project, provide data from previous UX research and provide a dashboard design example that they like.

Project Scoping

We started planning work on dashboard design and development, discussed time estimates, and understood the overall scope of work.

Product Design

In order to create the best dashboard user interface, we planned to conduct UX research and analyze competitive solutions. The next stage was the UI dashboard design.

Back-end & Front-end Development

The platform had to process a large amount of data, so we immediately focused on finding the best technological solutions for this type of task.

Native Mobile Development

In today's world, marketers want to respond to data as quickly as possible and always have convenient access to it. Creating an application was a great solution!

Scope of Work

DashloadPro is a startup founded by two ambitious marketers. With many years of experience behind them, they knew exactly the pain points of modern specialists who work with marketing data. And they also had a lot of ideas to improve their experience!
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 new fintech product
Linda Bronson
We are completely satisfied with the cooperation with ANODA.
They understood our request exactly and offered many creative solutions.We also got advanced consultation on the app development topic. ANODA has a lot of experience in creating similar data visualization products, so they gave us some valuable advice. And also we received an incredible DashloadPro that exceeded our expectations.

Product Design

1

Ideation & Evaluation

The Client had many ideas and a general vision for his future product. But all that information had to be structured. We selected the most important and chose the main features for the future MVP.

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

To create the perfect analytics platform, we started with UX research. We talked a lot with marketers and business owners to understand what difficulties they face, what services they choose, and what solutions they would like to find. During the customer interviews, we get many interesting insights.

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 next stage was the design of the User flow map. Here we going to understand how users will achieve certain goals in the app, what features are most important to them, what they will feel when creating templates or viewing certain data, and more.

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 a sketch that shows the position of all interface elements on the screen. It should be very minimalistic and reflect the structure of the page. Wireframes will become the foundation for UI Design in the future.

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. It reflects the general mood of the project, shows the emotions it will convey, and help us find inspiration.

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

We always make three style options for the main pages. They have most of the interface elements that will be repeated on all other pages. The Client can choose one option that he liked the most.

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

The Client chose one of the suggested style options, but he really liked some elements of the second option. We harmoniously added these elements to the main version. This approach allows us to create a product that is flawless in every detail.

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

Operational dashboards display a large amount of data and graphs. In order to help marketers to focus on the most important information, we created the right visual hierarchy, chose a concise style and color contrasts. We also added the dark mode so that every user gets the best experience from the dashboard UI.

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

Using the agreed style option, we designed all other pages of the app, including analytical dashboards with key performance indicators, various bar charts, data tables and others.

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

In order to make the development process as convenient as possible for developers and transparent for Clients, we deliver in iterations. The Client gets intermediate deliverables after each sprint and can check development progress.
We use the Agile project management methodology. Combining it with our design process we confidently develop successful MVPs from scratch.
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 new martech product
Linda Bronson

We are completely satisfied with the cooperation with ANODA. They understood our request exactly and offered many creative solutions.
We also got advanced consultation on the app development topic. ANODA has a lot of experience in creating similar data visualization products, so they gave us some valuable advice. And also we received an incredible DashloadPro that exceeded our expectations.

Product Design

1

Ideation & Evaluation

The Client had many ideas and a general vision for his future product. But all that information had to be structured. We selected the most important and chose the main features for the future MVP.

We started with several meetings to discuss all the details.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

To create the perfect analytics platform, we started with UX research. We talked a lot with marketers and business owners to understand what difficulties they face, what services they choose, and what solutions they would like to find. During the customer interviews, we get many interesting insights.

3

User flow

The next stage was the design of the User flow map. Here we going to understand how users will achieve certain goals in the app, what features are most important to them, what they will feel when creating templates or viewing certain data, and more.

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 a sketch that shows the position of all interface elements on the screen. It should be very minimalistic and reflect the structure of the page. Wireframes will become the foundation for UI Design in the future.

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. It reflects the general mood of the project, shows the emotions it will convey, and help us find inspiration.
neobank app home screen dashboard
6

3 styles option

We always make three style options for the main pages. They have most of the interface elements that will be repeated on all other pages. The Client can choose one option that he liked the most.
7

Final version

The Client chose one of the suggested style options, but he really liked some elements of the second option. We harmoniously added these elements to the main version. This approach allows us to create a product that is flawless in every detail.
neobank portfolio screen
neobank investing screen
8

UI Design

Operational dashboards display a large amount of data and graphs. In order to help marketers to focus on the most important information, we created the right visual hierarchy, chose a concise style and color contrasts. We also added the dark mode so that every user gets the best experience from the dashboard UI.
9

UI KIT

Typography & Colors

Project planning & Zero sprint

Before starting the development, our team first takes time to discuss the technical aspects of the project in detail, chooses the best technological solutions, and plans the stages of development for all features.

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

We provide high-quality products, so we pay special attention to testing each feature. We also separately allocate time for final QA to make sure that the app has no imperfections.

Feature #1
Dark-mode communication
Marketers work with different types of reports, so we've added a lot of options for customizing dashboards. Users can choose the necessary metrics and dates, configure filters, make templates, and more.
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.
Let's talk
Feature #2
Schedule and Reminders
We know how important it is to set up convenient communication in the team. Especially now, when a large number of companies have switched to a remote work format. It is important not only to provide tools for employees where they can communicate but also to ensure the security of such an app.
Therefore, we made a built-in messenger with advanced functionality for scheduling meetings and conducting video conferences.
Feature #3
Data visualization in operational dashboards
A good dashboard is a dashboard that can be easily understood by a specialist who has opened the platform for the first time. In order to offer the best dashboard UX, we analyzed many competitor platforms and talked to marketers with extensive experience.
Creating reports in DashloadPro is an easy task because we have created all the necessary features and offered a convenient information architecture.
Feature #4
Audience segmentation
During customer interviews, we made sure that marketers are looking for tools for advanced work with the audience. That is, not just to store data about audiences for different companies, but also to monitor its changes and form certain groups.
We've also added interactive maps and convenient charts to provide a visual representation of the data.
10

All screens

Using the agreed style option, we designed all other pages of the app, including analytical dashboards with key performance indicators, various bar charts, data tables and others.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

We deliver in iterations

In order to make the development process as convenient as possible for developers and transparent for Clients, we deliver in iterations. The Client gets intermediate deliverables after each sprint and can check development progress.

We use the Agile project management methodology. Combining it with our design process we confidently develop successful MVPs from scratch.

Tech Tools:

Project planning & Zero sprint

Before starting the development, our team first takes time to discuss the technical aspects of the project in detail, chooses the best technological solutions, and plans the stages of development for all features.

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

We provide high-quality products, so we pay special attention to testing each feature. We also separately allocate time for final QA to make sure that the app has no imperfections.

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

Dark-mode communication

Marketers work with different types of reports, so we've added a lot of options for customizing dashboards. Users can choose the necessary metrics and dates, configure filters, make templates, and more.

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.
Let's talk
FEATURE #2

Schedule and Reminders

We know how important it is to set up convenient communication in the team. Especially now, when a large number of companies have switched to a remote work format. It is important not only to provide tools for employees where they can communicate but also to ensure the security of such an app.

Therefore, we made a built-in messenger with advanced functionality for scheduling meetings and conducting video conferences.
FEATURE #3

Data visualization in operational dashboards

A good dashboard is a dashboard that can be easily understood by a specialist who has opened the platform for the first time. In order to offer the best dashboard UX, we analyzed many competitor platforms and talked to marketers with extensive experience.

Creating reports in DashloadPro is an easy task because we have created all the necessary features and offered a convenient information architecture.
Let's talk
FEATURE #4

Audience segmentation

During customer interviews, we made sure that marketers are looking for tools for advanced work with the audience. That is, not just to store data about audiences for different companies, but also to monitor its changes and form certain groups.

We've also added interactive maps and convenient charts to provide a visual representation of the data.

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.