Eat to Perform Fitness App

Eat to Perform Fitness App

Eat to Perform Fitness App

Eat to Perform Fitness App

Eat to Perform Fitness App

Eat to Perform Fitness App

Added $1m in ARR by increasing daily active users and decreased attrition. Saved company $100k annually in support costs.

Added $1m in ARR by increasing daily active users and decreased attrition. Saved company $100k annually in support costs.

Added $1m in ARR by increasing daily active users and decreased attrition. Saved company $100k annually in support costs.

Added $1m in ARR by increasing daily active users and decreased attrition. Saved company $100k annually in support costs.

Added $1m in ARR by increasing daily active users and decreased attrition. Saved company $100k annually in support costs.

Added $1m in ARR by increasing daily active users and decreased attrition. Saved company $100k annually in support costs.

ARR

+$1m

Retention Rate

+38%

Daily Active Users

+51%

Role

Lead Designer ‍(worked with CEO, Engineering Dir., Support Dir.)

Lead Designer ‍(worked with CEO, Engineering Dir., Support Dir.)

Lead Designer ‍(worked with CEO, Engineering Dir., Support Dir.)

Timeline

3-6 months

Brief

A fitness and wellness mobile app with a passionate monthly user base of 5,000+ that wants:

  1. Reduce support calls

  2. Increase self-service

  3. Decrease attrition

  4. Double daily active users

So what's broken?

1. Helpful data can be hard to find and interpret.
2. Poor self service and UX lead to a high amount of support calls.
3. Frequently repeated tasks are often cumbersome and confusing leading to attrition and low engagement.

Where do we start?

Current State Crit

To better understand the current state and where gaps and inconsistencies existed I performed an design analysis of each screen.

Competitive Analysis

Before starting any redesign activities I also wanted to conduct some competitive analysis to see what we could learn from other large players in the space.

Bill's User Flow

I created a user flow for our Bill persona based on research with 7 different customers. This helped us understand when and how Bill engaged with the app, impacting how we designed workflows and prioritized features.

Define Personas

I worked with product to define two personas we could reference throughout the project.

What did we learn?

What did we learn?

1

Improve the UX

Improving the UI and UX were table stakes as these were very poor and were causing many of our issues before scaling out the app out further.

1

Improve the UX

Improving the UI and UX were table stakes as these were very poor and were causing many of our issues before scaling out the app out further.

1

Improve the UX

Improving the UI and UX were table stakes as these were very poor and were causing many of our issues before scaling out the app out further.

1

Improve the UX

Improving the UI and UX were table stakes as these were very poor and were causing many of our issues before scaling out the app out further.

1

Improve the UX

Improving the UI and UX were table stakes as these were very poor and were causing many of our issues before scaling out the app out further.

2

Meet users where they are

We needed to meet users where they were by allowing easy updates of macros on the nutrition screen and easily move between the different areas of the application for any further updates.

2

Meet users where they are

We needed to meet users where they were by allowing easy updates of macros on the nutrition screen and easily move between the different areas of the application for any further updates.

2

Meet users where they are

We needed to meet users where they were by allowing easy updates of macros on the nutrition screen and easily move between the different areas of the application for any further updates.

2

Meet users where they are

We needed to meet users where they were by allowing easy updates of macros on the nutrition screen and easily move between the different areas of the application for any further updates.

2

Meet users where they are

We needed to meet users where they were by allowing easy updates of macros on the nutrition screen and easily move between the different areas of the application for any further updates.

3

Target our primary persona

Our ideal user was more the fitness enthusiast than the casual user so we focused on those use cases as this user tended to be "stickier" and use the app more each day as well as longer over the lifetime.

3

Target our primary persona

Our ideal user was more the fitness enthusiast than the casual user so we focused on those use cases as this user tended to be "stickier" and use the app more each day as well as longer over the lifetime.

3

Target our primary persona

Our ideal user was more the fitness enthusiast than the casual user so we focused on those use cases as this user tended to be "stickier" and use the app more each day as well as longer over the lifetime.

3

Target our primary persona

Our ideal user was more the fitness enthusiast than the casual user so we focused on those use cases as this user tended to be "stickier" and use the app more each day as well as longer over the lifetime.

3

Target our primary persona

Our ideal user was more the fitness enthusiast than the casual user so we focused on those use cases as this user tended to be "stickier" and use the app more each day as well as longer over the lifetime.

Let's start designing!

Early Paper Sketches

Top of mind things during this phase:

Accessing their coach is one of the most frequent tasks. How do make this easily discoverable on any screen?

Right now the nav is pretty much unusable and completely hidden in a menu icon. Let's give users a bottom nav to match commonly used mental models.

Really focus on KPIs so users can see the data they want and need on every screen and take appropriate action.

Design System

I created a small design system to make sure the app was consistent and accessible. I worked with the product and engineering teams to implement and adopt the new components to help reduce time and cost for future redesign projects as well.

Prioritization Issues

Prioritization Issues

Prioritization Issues

Designs were well received throughout the process but the app was the CEO's "baby" and he had a hard time prioritizing the work to get done.

I worked with the director of engineering to show that there would be minimal downtime and user impact.

I also presented the designs and results from our internal research that showed:

substantial lift in ease of use

substantial lift in ease of use

substantial lift in ease of use

substantial lift in ease of use

substantial lift in ease of use

reduction of time on task

reduction of time on task

reduction of time on task

reduction of time on task

reduction of time on task

consistency in the experience reducing cognitive load

consistency in the experience reducing cognitive load

consistency in the experience reducing cognitive load

consistency in the experience reducing cognitive load

consistency in the experience reducing cognitive load

perceived value in matching best-in-class looking competitors

perceived value in matching best-in-class looking competitors

perceived value in matching best-in-class looking competitors

perceived value in matching best-in-class looking competitors

perceived value in matching best-in-class looking competitors

Final Screens

Some highlights are: improved affordances throughout, a cleaner and simpler bottom nav, better charting and data visualizations, top KPIs more clearly called out, and the ability to chat with your coach from any screen.

Nutrition Dashboard

Weight Dashboard

Activity Dashboard

Week Plan

Journal History

Add Nutrition Data

Measuring and Validating Designs

Measuring and Validating Designs

Measuring and Validating Designs

Research Feedback

We conducted moderated research with internal services and support staff who well understood end user pain points and frustrations.

Discoverability was greatly increased on how to use the app and find the right data.

Direct customer quote "I'm so happy that I can add macros from the main screen now!"

Users were excited about the UI updates but also had a positive response to UX issues we solved for and the reduction of friction on the most common workflows.

Users felt that the visuals and data were much clearer and more useful.

Results and Reflection

I'm proud of the work that we did on this application. We took a very dated app with a disjointed and inefficient experience and measurably improved it. With clearer data and simpler and easier workflows we've enabled our users to reach their health goals more easily.

Retention Rate: Increased by 51%

Churn rate: Reduced by 68%

Daily Active Users: From 1,241 to 2,543

©2024 Phil Schroeder

©2024 Phil Schroeder

©2024 Phil Schroeder

©2024 Phil Schroeder

©2024 Phil Schroeder

©2024 Phil Schroeder