ror development contact us
NNOXX

Smart fitness app development: a tool
to control training intensity

  • Discovery phase
  • UI/UX design
  • Web app
  • Mobile app
Nnoxx screen
about

NNOXX is known for its innovative wearable device for professional sports athletes. The biosensor for analyzing physical activity is used by popular US-based sports leagues such as the NBA, MLB, NHL, and NFL, and is also available on Amazon for fitness enthusiasts.

about nnoxx about nnoxx
duration

August 2022 -
Ongoing

location

USA

industry

Fitness

team
  • Project manager
  • Business analyst
  • UX/UI designer
  • Tech lead
  • Frontend engineer
  • Backend engineer
  • QA engineer
results
  • AI-Integrated

    personalized training guidance

  • Innovative

    wearable device
    in the sport industry

  • 3 months

    needed to launch MVP

  • Top sport

    coaches widely
    adopt NNOXX device

problem

uncontrolled injuries during workouts

While working with sports clubs, the client uncovered a problem. The athletes, who constantly had intensive training over their physical capabilities, became overloaded and had to stop exercising for a long recovery period. This led to significant expenses, such as medical examinations, treatments, and recovery costs.

Another issue was with amateur athletes building their bodies in a gym. When a person doesn’t know their personal physical potential, the result can be too far to reach due to a lack of training intensity, or a person can overtrain and risk injuring themselves.

problem images problem images

So, the client’s goal was to reduce the percentage of injury cases among sports teams and individuals.

The creation of a wearable device that monitors the effectiveness of muscle workouts has revolutionized the fitness industry. The device has a built-in biosensor, a tissue-penetrating light that reaches into a muscle. It measures oxygenation (SmO2) and nitric oxide (NO) levels in the blood, which are released during training. By monitoring the level of NO, an athlete can guide fitness exercises to reach the peak of fitness performance.

problem images
request

However, with such a great tool for monitoring muscle performance, the client needed a smart health and fitness application that could gather and analyze the information from the device.

Furthermore, the client wanted to attract more users to utilize the product, so they sought to integrate AI technology to make the app not only analyze the entire data but also provide personalized recommendations to athletes for training, health and wellness.

request img

‘In every area, from business analyst to design to engineers to quality assurance, all Rubyroid Labs team members are top quality. I never have doubts about the level of work they produce.’

Eric Letsche, Executive Eric Letsche, Executive, NNOXX Inc
solution

health & wellness platform

We have employed our best practices and developed a robust platform consisting of a mobile app and a web application. The app connects directly to the device, collecting and analyzing data while providing injury risk prevention by recommending the necessary training activities based on the analysis of biomarkers.

solution img

how does it work?

The light of the wearable measures the level of oxygenation and nitric oxide (NO); this information is transferred to the fitness application. The data is displayed in real-time, and an athlete can use it to control the efficiency of their workout at the moment.

Also, with the help of AI, the app can give instructions on how to increase nitric oxide through exercise corrections, optimize performance and manage training loads.

process

software development process: phases

The client approached Rubyroid Labs, a web and mobile development company, with the following request:

  • Build a high-performance platform that includes creating a fitness app for mobile devices and desktops.

  • Assist with the platform’s design.

  • Provide full-stack development services.

dev phases img

discovery phase

The discovery phase is the first phase in fitness app development. During this stage, our client’s idea transformed into a functional project with high interest among potential users.

With the help of our business analyst, who led the client through brainstorming and assisted with the following tasks:

  • Uncovering insights regarding the future product
  • Discussing the key requirements and the project’s goals
  • Stating business needs
  • Deciding the type of fitness app
  • Defining the app functionality of the future MVP

    They identified five types of users and defined a set of features for each: athlete, elite user, trainer, account manager, and system user.

discovery phase img
discovery phase img

After that, together with the business analyst and a UI/UX designer, the client also identified their wishes for how the product would look.

The client emphasized that it should not be just a common workout app, nor should it have a design similar to nutrition apps. It was essential for them that the app have an attractive, user-friendly interface. So, we discussed the visual design, and as a result, the client received:

  • A complete set of user stories
  • Design prototypes of all the app’s screens
discovery phase img

At the last step of the discovery phase, the client, the business analyst, and the development team discussed price and time estimates for the project and defined the final important points, such as:

  • Priorities

    where each feature is assigned low, normal, or high priority

  • Tech stack

    the tools that are critical to be implemented

  • Team Structure
  • Project roadmap
discovery phase img
contact us

And we’ll send you an example of the discovery phase documentation, which will help you understand what outcomes you can expect for your future product

request example

fitness app development process: MVP phase

After the client’s approval, we started the MVP development.

The minimum viable product (MVP) is an initial, fully-functioning version of a future product that has several key features for usage. It can be launched on the market to test its demand among the target audience.

While the tech engineers were working on a scalable architecture for the MVP and building the agreed-upon features, we involved our QA engineer in testing the implemented features.

img phone

at this stage, the developers built the following features:

  • athlete

    Authentication, view/edit my profile, approve my data access, view my teams, leave a team.

  • trainer

    Authentication, managing my teams, inviting team members, monitoring the team roster data, performance analytics monitoring, advanced workout analysis and comparison, CRUD notes, viewing NNOXX notes.

  • account manager

    Authentication, team management, inviting team members, team role change.

  • elite user

    Authentication, my performance analytics monitoring, data monitoring with a generic dashboard, CRUD notes.

Nnoxx image

It is always amusing to hear from the client while building the product: «Even if something is unknown, we are agile, so we can easily pivot in the right direction.» This demonstrates how much the client is on the same wavelength as the team and is willing to be flexible. This openness to changes is valuable.

photo Angelica Bursevich, business analyst Angelica Bursevich, business analyst

communication

  • Meetings

    Slack, Zoom, and GMeet for online meetings and chatting

  • Tools

    Google Sheets for documenting
    Redmine to control the time spent on tasks

Nnoxx support img

It took our developers about 3 months to launch an MVP. The client could approve it with the stakeholders and test the initial version of the product with the athletes.

Our team provided constant tech support after the MVP release, which included:

  • technical assistance, working closely with their internal team to quickly resolve any issues
  • receiving user feedback
  • execute strategic platform upgrades
Nnoxx support img

At the post-MVP stage, we continued
developing the product

As we already knew some feedback from the users and the client’s impressions of the application, we prioritized:

  • — Features for further implementation
  • — Performance improvements
  • — Bug fixes

Our programmers continued building new features and integrating technologies, while conducting the necessary testing.

features Nnoxx image features

delivered fitness app features

  • Trainer
    • workout data CSV download
  • Elite user
    • workout data CSV download
  • System user
    • workout data CSV download
    • authentification
    • teams CRUD and management
    • limit the team size
    • import team members
    • monitor the team roster data
    • performance analytics monitoring
    • advanced workout analysis and comparison
    • CRUD notes
    • CRUD NNOXX notes

technology stack

frontend icon
Frontend
Jest Tailwind CSS HTML5 React Next.js
database icon
Database
PostgreSQL TimescaleDB
integrations icon
Integrations
GraphQL Azure AD B2C Sendgrid Hasura Database Highlight.io Flatfile
others icon
Others
TypeScript

release & maintenance

We presented the product to the client on time and within the agreed-upon budget. It took us 18 months to launch the full version of the app, and our work continues even today.

It includes developing features for a new role, integrating new services, and providing ongoing support and updates for the platform.

release Nnoxx image

results

The NNOXX web app has become the first platform that provides aholistic picture ofathletes’ muscular condition during workouts. This tracking enables the regulation oftraining intensity and ensures that the athletes can train more safely and effectively, which iscritical for professional sports.

Apart from professional teams and elite athletes, the platform isalso perfect for individuals who train tokeep themselves fit and healthy. With the help ofthe NNOXX wearable device and the app, any person can organize their bodybuilding process more efficiently.

result Nnoxx image
Nnoxx image

estimate your project

Pavel Nahorski, VP of Business Development

Pavel Nahorski VP of Business Development

Rating of Rubyroid Labs 5.0
based on reviews of 46 customers