Smart Cardio — personal trainer with AI and IoT technologies

Smart Cardio is an application for IoT-enabled sports equipment that allows complete track control, modes, intensity, and performance. This personal trainer gives people more effective training activities thanks to a data-driven workout plan.
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

Smart Cardio — personal trainer with AI and IoT technologies

Smart Cardio is an application for IoT-enabled sports equipment that allows complete track control, modes, intensity, and performance. This personal trainer gives people more effective training activities thanks to a data-driven workout plan.

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

Smart Cardio founder approached ANODA with a request to develop custom front-end and back-end solutions, functional CMS, and create a flawless design for the fitness application that will be available on both iPhone and Apple Watch. The primary objective was to develop a multifunctional application that would be logically structured and user-friendly for sports enthusiasts.

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
Sport / Fitness / Mental Health
Location
USA
Challenge #1
The app's idea was to find solutions to help people conveniently track their activity, get ready for marathons, and achieve their fitness goals through one handy app.
Challenge #2
The main challenge while creating such fitness mobile apps was to design a beautiful interface that was easy to use even during a workout. But at the same time, it should provide much relevant health information.
Challenge #3
Smart Cardio is a perfect all-in-one app. It features AI and IoT technologies to provide people with all necessary features like collecting data, offering training programs, tips, and recommendations, monitoring the state of health and cardio machine, etc.

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 experienced professionals working with sports applications and are open to new challenges. These are the best specialists who offer outstanding solutions!
2
Design process
Thanks to our transparent design process, the Client clearly understands all stages of development and can give feedback or make changes at any stage of the design process.
3
Modern solutions
We follow modern trends in the world of design and constantly learn something new to offer the best technological solutions.

Scope of Work

The Client wanted to create an app to help athletes monitor their progress, track their fitness metrics, choose workout programs, and much more. Our team shared their knowledge from working with other fitness apps, and as a result, we created a unique and innovative Smart Cardio platform.

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 they like.

Project Scoping

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

Product Design

We conducted UX research and analyzed competitors to create the best user interface for the app. The next stage was UI design development.

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 task.

Native Mobile Development

Every field could be digitalized in today's world, so creating an intelligent fitness application compatible with Apple Watch was a great solution!

Scope of Work

The Client wanted to create an app to help athletes monitor their progress, track their fitness metrics, choose workout programs, and much more. Our team shared their knowledge from working with other fitness apps, and as a result, we created a unique and innovative Smart Cardio platform.
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
78 screens
for Mobile app
4 platforms
for a healthcare management system
Tegan Kenny
The sports industry is full of different applications for all sports, but we wanted to create a unique application based on AI and IoT technologies that would contain all the relevant features for sports enthusiasts. Thanks to our cooperation with ANODA company, we understood how to bring our idea to life. As a result, we launched an innovative application that contains many valuable features and keeps a lot of data, but at the same time, it is comprehensible to our target audience and helps them to solve their problems.I want to thank the ANODA team for the transparent workflow, high-quality performance, and friendly communication! You are definitely professionals!
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

The Client had many ideas and a vision of the future product, but all this information needed to be structured. So we negotiated the essential things and selected the main features for the future Smart cardio application. We started with several meetings to discuss all the details.

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 started with thorough UX research to create the perfect fitness application. Then, our team analyzed the target audience to figure out what difficulties they faced, what services they chose, and what solutions they would like to find. We got many exciting insights during the customer interviews that helped us in future work.

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 User Flow Map design. With its help, we can understand how users will achieve their goals in the app, what features are most important to them, what steps they should pass on signing in, filling in the data, choosing the training program, and much 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 straightforward and reflect the structure of the page. Wireframes become the foundation for UI Design.

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

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. Our UI design team created a few design concepts based on the Client's requests.

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

Finally, the Client chose a light design with vibrant orange accents that perfectly reflects the sports theme. In the end, we harmoniously added these elements to the main version making the product 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

Our fitness application process displays a large amount of data and includes many features. So to help athletes focus on the essential information, we created the proper visual hierarchy and chose a concise style and color palette. As a result, our modern solutions provide users with the best experience when using the Smart Cardio application.

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

We have created over 75 screens for the Smart Cardio application. The platform's design exceeded the Client's expectations, as it perfectly reflected the mission and values of their product.

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

We deliver in iterations to make the development process as convenient as possible for developers and transparent for clients. Therefore, the Client gets intermediate deliverables after each sprint and can monitor the development progress.We used Swift to build a Smart Cardio. The development was based on 2-week sprints. It helps to ensure a constant feedback loop and to reach all goals within deadlines. There were several developers, the project manager, and the QA specialist on the project.We always choose advanced app development technology and the most modern solutions to provide the best deliverables.
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
78 screens
for the Mobile platform
4 platforms
for a healthcare management system
Tegan Kenny

The sports industry is full of different applications for all sports, but we wanted to create a unique application based on AI and IoT technologies that would contain all the relevant features for sports enthusiasts. Thanks to our cooperation with ANODA company, we understood how to bring our idea to life. As a result, we launched an innovative application that contains many valuable features and keeps a lot of data, but at the same time, it is comprehensible to our target audience and helps them to solve their problems.I want to thank the ANODA team for the transparent workflow, high-quality performance, and friendly communication! You are definitely professionals!

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

The Client had many ideas and a vision of the future product, but all this information needed to be structured. So we negotiated the essential things and selected the main features for the future Smart cardio application.

We started with several meetings to discuss all the details.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

We started with thorough UX research to create the perfect fitness application. Then, our team analyzed the target audience to figure out what difficulties they faced, what services they chose, and what solutions they would like to find. We got many exciting insights during the customer interviews that helped us in future work.

3

User flow

The next stage was the User Flow Map design. With its help, we can understand how users will achieve their goals in the app, what features are most important to them, what steps they should pass on signing in, filling in the data, choosing the training program, and much 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 straightforward and reflect the structure of the page. Wireframes become the foundation for UI Design.

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

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. Our UI design team created a few design concepts based on the Client's requests.
7

Final version

Finally, the Client chose a light design with vibrant orange accents that perfectly reflects the sports theme. In the end, we harmoniously added these elements to the main version making the product flawless in every detail.
neobank portfolio screen
neobank investing screen
8

UI Design

Our fitness application process displays a large amount of data and includes many features. So to help athletes focus on the essential information, we created the proper visual hierarchy and chose a concise style and color palette. As a result, our modern solutions provide users with the best experience when using the Smart Cardio application.
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 development stages for all features.

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

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

Feature #1
Workout Plan
Runners or any athlete should fill the standard fields of individual characteristics, goals, and weak spots, then the app offers the most suitable modes and programs for training. In addition, IoT technology collects data about your health indicators, intensity, and issues and adjusts the workout program right after the first training.
Let's talk
Feature #2
Track status analysis
With this feature, users can not only their state of health but also their cardio machine. Monitoring equipment status is possible in a couple of clicks, with service recommendations. Carry out a check before each lesson and increase the service life of the equipment at times. 
Feature #3
Advanced user statistic
Setting high goals and progress visualization is the best motivation for any athlete. Therefore we designed a user profile not just for selecting training programs but for setting the daily norm that will only rise. On top of that, athletes can share their progress with friends or coaches. Compete, get ready for the marathon, and achieve the perfect figure with the help of one handy application.
Feature #4
The best integration with your Apple Watch
We made the Smart Cardio application compatible with your Apple Watch. So you can monitor your workout or jogging performance instantly and conveniently without taking a smartphone with you. Don't stop and distract yourself from your activity. Instead, download Smart Cardio on your Apple Watch.
10

All screens

We have created over 75 screens for the Smart Cardio application. The platform's design exceeded the Client's expectations, as it perfectly reflected the mission and values of their product.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

We deliver in iterations

We deliver in iterations to make the development process as convenient as possible for developers and transparent for clients. Therefore, the Client gets intermediate deliverables after each sprint and can monitor the development progress.

We used Swift to build a Smart Cardio. The development was based on 2-week sprints. It helps to ensure a constant feedback loop and to reach all goals within deadlines. There were several developers, the project manager, and the QA specialist on the project.We always choose advanced app development technology and the most modern solutions to provide the best deliverables.

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 development stages for all features.

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

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

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

Workout Plan

Feature #1 Workout PlanRunners or any athlete should fill the standard fields of individual characteristics, goals, and weak spots, then the app offers the most suitable modes and programs for training.

In addition, IoT technology collects data about your health indicators, intensity, and issues and adjusts the workout program right after the first training.
Let's talk
FEATURE #2

Track status analysis

With this feature, users can not only their state of health but also their cardio machine.

Monitoring equipment status is possible in a couple of clicks, with service recommendations. Carry out a check before each lesson and increase the service life of the equipment at times.
FEATURE #3

Advanced user statistic

Setting high goals and progress visualization is the best motivation for any athlete. Therefore we designed a user profile not just for selecting training programs but for setting the daily norm that will only rise.

On top of that, athletes can share their progress with friends or coaches. Compete, get ready for the marathon, and achieve the perfect figure with the help of one handy application.
Let's talk
FEATURE #4

The best integration with your Apple Watch

We made the Smart Cardio application compatible with your Apple Watch. So you can monitor your workout or jogging performance instantly and conveniently without taking a smartphone with you.

Don't stop and distract yourself from your activity. Instead, download Smart Cardio on your Apple Watch.

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.