OnTrack Health Tracking App

OnTrack is a fitness and nutrition tracking app with premade programs and recipes to make it easier for individuals to learn about their health and wellness.

Figma, Illustrator
UX designer, UX researcher
5 months

The Problem

Current fitness trackers don’t offer nutrition tracking or other features needed (timers). In addition, the of having a personal trainer can be very high, making access to healthy lifestyles more difficult.

The Solution

I designed an app to make it easier for individuals to track their fitness and nutrition. The app was designed to make the process of tracking and achieving health milestones easier.

This problem was worth solving because of the growing focus on personal health and physical fitness. There are many apps available for this, however I wanted to focus on what would make the process easier for experienced individuals and beginners.

Pain Points

Guidance

Adults new to fitness want help and direction with what to do


Lack of features

Users often need to use more than one app in order to track fitness and nutrition


Time

Lack of time to learn the basics of nutrition or proper workout programming


Cost

Cost of having a personal trainer is too high


Paper Wireframes

Paper wireframes of the app were created to allow for quick and painless iterations of the design. It was key to make the initial tracking of nutrition or fitness at the forefront.

Paper Wireframes

Paper wireframes of the app were created to allow for quick and painless iterations of the design. It was key to make the initial tracking of nutrition or fitness at the forefront.

Low Fidelity Designs

The low-fidelity prototype represented the user flow of executing and tracking a fitness routine, and making a meal based on a recipe. This was then used for a usability study with users. 

OnTrack Low-Fidelity Prototype

Usability Findings

I conducted two rounds of usability studies. The first study revealed insights to aid in the development of the mockups from the wireframe stage. The second round helped refine the features included in the final mockups for the app.

Round 1 Findings

  • Users like to track their fitness in detail
  • Users want help tracking nutrition
  • Users want an all in one tracking app

Round 2 Findings

  • Users would like a way to manually track fitness and nutrition
  • Users want to set nutrition preferences

Low Fidelity Designs

The low-fidelity prototype represented the user flow of executing and tracking a fitness routine, and making a meal based on a recipe. This was then used for a usability study with users. 

OnTrack Low-Fidelity Prototype

Usability Findings

I conducted two rounds of usability studies. The first study revealed insights to aid in the development of the mockups from the wireframe stage. The second round helped refine the features included in the final mockups for the app.

Round 1 Findings

  • Users like to track their fitness in detail
  • Users want help tracking nutrition
  • Users want an all in one tracking app

Round 2 Findings

  • Users would like a way to manually track fitness and nutrition
  • Users want to set nutrition preferences

High Fidelity Designs

The final high-fidelity prototype streamlined the user flow and tracking process. 

OnTrack High-Fidelity Prototype


High Fidelity Designs

The final high-fidelity prototype streamlined the user flow and tracking process. 

OnTrack High-Fidelity Prototype


Final Designs

The Ontrack fitness app provides resources and guidance for beginners who are new to health and fitness to easily track programming and nutrition. The app also provides an all-in-one solution for experienced users to manually track their health.

View Project

Final Designs

The Ontrack fitness app provides resources and guidance for beginners who are new to health and fitness to easily track programming and nutrition. The app also provides an all-in-one solution for experienced users to manually track their health.

View Project

Outcomes & Lessons Learned

While designing the OnTrack fitness app, I learned that importance of working with paper and digital wireframes in the early stages to allow for design agility and changes. I also learned the importance of usability studies and considering user feedback when iterating on designs.

Other Projects

REVIVE Performance & Health

REVIVE Performance & Health is a Calgary based chiropractic clinic, focused on providing an escape from the every day grind to focus on your health.

View Project →

Hannah Kaminski

Hannah Kaminski is a Weightlifting & Nutrition Coach providing straight-forward guidance on how to reach your health &fitness goals. We built processes, branding, and designs to launch her coaching business into the online space.

View Project →

Deloitte Healthcare Article Series

I provided project management of thought-ware for national healthcare campaigns during COVID-19, including reporting, email marketing campaigns, and CRM data clean up.

View Project →

AECOM Marketing & Design

I led the design and development of all marketing materials for AECOM Energy Operations & Maintenance Canada.

View Project →