RockFit — connecting trainers and athletes

App provides convenient functionality for athletes who can train both in the gym and at home. At the same time, it provides features for trainers to schedule workouts, communicate with athletes, manage their workload, and store the personal information of each athlete.

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

RockFit — connecting trainers and athletes

App provides convenient functionality for athletes who can train both in the gym and at home.

At the same time, it provides features for trainers to schedule workouts, communicate with athletes, manage their workload, and store the personal information of each athlete.

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

We have a lot of experience as a fitness app development company, so we know well the methods of creating products in this category. But RockFit had several innovative solutions.

This is not just a fitness tracker app with lots of workouts or artificial intelligence that creates a personalized training plan. It is a platform that allows trainers to conveniently set up their online training sessions with athletes. This was a new challenge for us and we gladly started working on it.

Client name
Liam Fenton
Industry
Fintech
Location
USA
Challenge #1
App idea was to find such fitness solutions that would help with this even when there are long distances between the athlete and the trainer. For example, Chatting & Live Streaming feature.
Challenge #2
The main challenge while creating such mobile apps was to design a beautiful interface easy to use even while workout. But at the same time, it provides a lot of important health information.
Challenge #3
RockFit is an all-in-one app not only for athletes. It also provides features for business management for coaches. So we worked with scheduling, payroll, and other important 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
Quality UX research
This is not just a Health and Fitness app for training, but a platform that opens up opportunities for training business development.
2
Design process
We have created a design process that helps us effectively develop projects of various scales.
3
Modern Interface
We know exactly for whom we are creating a product, so it can successfully meet the needs of the fitness app target audience.

Scope of Work

The CEO of the RockFit fitness app was looking for a flexible and dedicated team with a holistic approach. He didn't have a clear vision of all features at that stage, so we started with UX research and idea-generating.

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

This tool allows you to learn more about users' needs, experiences, and lifestyles. At this stage, the team conducts customer interviews and creates a portrait of the user. The obtained data allow us to offer the best design solutions.

Project Scoping

This is a diagram of how the user achieves certain goals in the application. For example, his path from registration to purchase. This tool provides more insight into the user experience of interacting with the app.

Product Design

This is a sketch that shows the layout of the interface elements on the page. It should be as simple and schematic as possible and give an understanding of the main accents in the interface.

Back-end & Front-end Development

At this stage, the team is working on the visual user experience. Based on previously created wireframes, the interface is worked out in detail, colors are chosen, pictures, animations, illustrations, etc. are added to the pages.

Native Mobile Development

After the design tasks are finished, the app development team starts working on the project. Technologies are chosen depending on the specifics of the product. After development, each feature is tested.

Scope of Work

The CEO of the RockFit fitness app was looking for a flexible and dedicated team with a holistic approach. He didn't have a clear vision of all features at that stage, so we started with UX research and idea-generating.
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
Liam Fenton
Everybody I have worked with from ANODA has been great. They are top-notch fitness app developers! If we had any kind of issues we solved them really fast. And I was really impressed by the holistic approach ANODA's team provides. They did an excellent job!
RockFit is not just an ordinary fitness tracking app, a nutrition and diet app, or a gym workout tracker app. It was an innovative solution for the fitness industry! And we were really happy to find a team of great health and fitness developers, who was ready for new challenges.

Product Design

1

Ideation & Evaluation

RockFit is a platform created to connect trainers and athletes. It provides features not only to make easy access to workouts but also to help trainers manage their business.

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

After the NDA was signed we conducted a few meetings to understand the product mission better and share some ideas. UX research helped us to find the most precise design solutions for the fitness app interface. We got not only a clear vision of the goals that RockFit was going to reach but also the users' problems it should solve.

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

While working on this health and fitness app, our mobile app development team created a User Journey Map for both athletes and trainers. This helps to understand well how these two types of users interact with all features of the app.
We also analyzed the information obtained during the UX research, which helped to improve the user experience. Some basic features have also been designed in a more fresh and modern way.

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

4

Wireframes

Since we were creating the fitness app from scratch, we started with wireframes. They helped to place accents in the interface. Our main goal was such an arrangement of elements that would allow convenient use of the platform even in the workout process.
Wireframes are made in sketch format, where we schematically display all essential buttons, navigation, pictures, timers, and other interface elements in the fitness app.

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

5

Moodboard

Creating a motivational mood and support are essential features in Health & Fitness apps' design. We started with moodboards inspiring people to achieve one fitness goal after another.

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 prepared three style options for the RockFit team so that they could choose the one they liked. For this, we have designed the main pages.

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 three style options that we prepared earlier. But left some comments about certain elements. We implement these changes and started designing all the other pages for the fitness app after the Client's approval.

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 SF Pro Text. This neutral, flexible, sans-serif typeface is the system font for iOS, iPad OS, macOS, and tvOS. SF Pro features nine weights, variable optical sizes for optimal legibility, and includes a rounded variant. SF Pro supports over 150 languages across Latin, Greek, and Cyrillic scripts.
We also chose a restrained color palette — a combination of blue, energetic green, and gray colors. A fresh solution for fitness tracking apps.

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

More than 80 screens were designed and developed within short deadlines. ANODA created an iOS app for RockFit with two main user flows. Users can sign in as a sportsman, and as a trainer.

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 used Swift to build RockFit. 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
670h
of ANODA’s team working
146 screens
for Web & Mobile app
4 platforms
for a new fintech product
Liam Fenton

Everybody I have worked with from ANODA has been great. They are top-notch fitness app developers! If we had any kind of issues we solved them really fast. And I was really impressed by the holistic approach ANODA's team provides. They did an excellent job!
RockFit is not just an ordinary fitness tracking app, a nutrition and diet app, or a gym workout tracker app. It was an innovative solution for the fitness industry! And we were really happy to find a team of great health and fitness developers, who was ready for new challenges.

Product Design

1

Ideation & Evaluation

RockFit is a platform created to connect trainers and athletes.

It provides features not only to make easy access to workouts but also to help trainers manage their business.

03
Estimation
02
Intro call
01
Brief filling
2

UX Research

After the NDA was signed we conducted a few meetings to understand the product mission better and share some ideas. UX research helped us to find the most precise design solutions for the fitness app interface. We got not only a clear vision of the goals that RockFit was going to reach but also the users' problems it should solve.

3

User flow

While working on this health and fitness app, our mobile app development team created a User Journey Map for both athletes and trainers. This helps to understand well how these two types of users interact with all features of the app.
We also analyzed the information obtained during the UX research, which helped to improve the user experience. Some basic features have also been designed in a more fresh and modern way.

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

Since we were creating the fitness app from scratch, we started with wireframes. They helped to place accents in the interface. Our main goal was such an arrangement of elements that would allow convenient use of the platform even in the workout process.

Wireframes are made in sketch format, where we schematically display all essential buttons, navigation, pictures, timers, and other interface elements in the fitness app.

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

Moodboard

Creating a motivational mood and support are essential features in Health & Fitness apps' design. We started with moodboards inspiring people to achieve one fitness goal after another.
neobank app home screen dashboard
6

3 styles option

We prepared three style options for the RockFit team so that they could choose the one they liked. For this, we have designed the main pages.
7

Final version

The Client chose one of the three style options that we prepared earlier. But left some comments about certain elements. We implement these changes and started designing all the other pages for the fitness app after the Client's approval.
neobank portfolio screen
neobank investing screen
8

UI Design

We chose SF Pro Text. This neutral, flexible, sans-serif typeface is the system font for iOS, iPad OS, macOS, and tvOS. SF Pro features nine weights, variable optical sizes for optimal legibility, and includes a rounded variant. SF Pro supports over 150 languages across Latin, Greek, and Cyrillic scripts.
We also chose a restrained color palette — a combination of blue, energetic green, and gray colors. A fresh solution for fitness tracking apps.
9

UI KIT

Typography & Colors

Project planning & Zero sprint

Before starting mobile app development work, the team needs a sprint to select the best technology solutions and plan the workload.

Web & Mobile Development

We have developed such features as Schedule, Chats & Live streaming, Coach profile, Goal and progress bar, Sportsman profile, Workouts program, Payroll, Weekly Challenge, and others.

Final QA / Testing

QA specialists not only test the application in the process of working on it but also contact Final Testing. We deliver high-quality products.

Feature #1
Fitness app development features: Individual plans
In recent years, many businesses have been actively exploring the direction of providing online services. But how can a personal fitness trainer help athletes achieve their fitness goals when there is such a distance between them? Modern fitness apps have solved this problem!

Create your best project now!

Feature #2
Schedule in fitness apps
Sometimes people forget about sports because it is so difficult to find a place for it in the modern pace of life. The Flexible Schedule feature allows users to cope with this problem.
The correct exercise technique and adherence to a personal training plan are only part of the successful way to achieving goals. Fitness enthusiasts always talk about how important it is to get motivation and discipline.
Feature #3
Fitness app development features: Workout
RockFit health and fitness app provides all the features users need to plan their workouts, track their progress, and get a personalized workout plan. At the same time, they have a convenient chat, where they can discuss all their questions and workout impressions with the trainer.
The live streaming function allows you to feel as if you are in the usual yoga centers or gyms. RockFit fitness app is one of the wellness solutions that allow people to easily implement sports even on the busiest days schedule.
Feature #4
Fitness app development services: Wallet
RockFit is an all-in-one solution for trainers and athletes. Therefore, it was also important to develop convenient in-app purchases that would allow to pay bills easily or set up automatic billing.
10

All screens

More than 80 screens were designed and developed within short deadlines. ANODA created an iOS app for RockFit with two main user flows. Users can sign in as a sportsman, and as a trainer.
Software Development
01
Estimate Update
02
Project planning
03
Zero sprint

We deliver in iterations

We used Swift to build RockFit. 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 mobile app development work, the team needs a sprint to select the best technology solutions and plan the workload.

Web & Mobile Development

We have developed such features as Schedule, Chats & Live streaming, Coach profile, Goal and progress bar, Sportsman profile, Workouts program, Payroll, Weekly Challenge, and others.

Final QA / Testing

QA specialists not only test the application in the process of working on it but also contact Final Testing. We deliver high-quality products.

Want to create an application?

Lets' Talk!

FEATURE #1

Fitness app development features: Individual plans

In recent years, many businesses have been actively exploring the direction of providing online services.

But how can a personal fitness trainer help athletes achieve their fitness goals when there is such a distance between them? Modern fitness apps have solved this problem!

Create your best project

FEATURE #2

Schedule in fitness apps

Sometimes people forget about sports because it is so difficult to find a place for it in the modern pace of life. The Flexible Schedule feature allows users to cope with this problem.

The correct exercise technique and adherence to a personal training plan are only part of the successful way to achieving goals. Fitness enthusiasts always talk about how important it is to get motivation and discipline.
FEATURE #3

Fitness app development features: Workout

RockFit health and fitness app provides all the features users need to plan their workouts, track their progress, and get a personalized workout plan. At the same time, they have a convenient chat, where they can discuss all their questions and workout impressions with the trainer.

The live streaming function allows you to feel as if you are in the usual yoga centers or gyms. RockFit fitness app is one of the wellness solutions that allow people to easily implement sports even on the busiest days schedule.

Create your best project

FEATURE #4

Fitness app development services: Wallet

RockFit is an all-in-one solution for trainers and athletes.

Therefore, it was also important to develop convenient in-app purchases that would allow to pay bills easily or set up automatic billing.

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.