My Framer Site

Nutriflex - Nutrition & fitness app

NutriFlex is a Fitness App that is made for people who want to focus on their physical and mental health.

CLIENT

Personal Project

PROJECT TYPE

App Design

ROLE

UX Designer

UI DESIGN

Typography

Iconography

Nutriflex

Choosing a typeface and a color set were two of the most important things. So, i created a simple typography scale to ensure that hierarchy throughout the project is preserved. I created a simple UI Style Guide to maintain consistency.

Manrope

Background color

#333333

Icon Colour 2

#A4FD05

Button Colour

#979797

Background Colour 2

#1C1C1E

Icon Colour 1

#1C1C1C

In the Tracker Screen, the users can log in the food that they consumed. The users can also add notes for themselves. Also, the users have the option to add food using camera and barcode scanning.

In the Dashboard Screen, I made sure I added the exercise and calories section to keep the users motivated to complete their goals.

There is also an awards achievements section when the user scrolls down vertically.

In the Plans Screen, the users can see food recipes, workout plans , meal plans. Under the nutrition section, the users can choose recipes filtered as well, like gluten-free, soy-free, lactose free, vegetarian.

In the Chat Screen, the users can clear their queries by chatting up with a coach, nutritionist or even mental health therapist.

In the Progress Screen, the users can see the progress in the weight loss or gain with the dates as well. Users have the option to add reminders as welll. It can be water, weight,sleep,medicine and activity reminders.

Main Screens

Typography

After several iterations, I came up with this icon. It shows what the app represents, fork i.e nutrition and dumbbell i.e exercise. A mix of red and yellow brings out a pop of the colours and grabs the attention of the users.

Design Process

The NutriFlex App’s Design Process encompasses the collection of requirements, development of user personas, user flow, user journey prototyping and testing

Discover

Define

Ideate

Testing

About the Project

NutriFlex is a Fitness App that is made for people who want to focus on their physical and mental health.

This App aims to help people reach their fitness goals by providing nutritional and fitness advice. Progress Trackers, weight trackers and water trackers.

Problem Statement

Solution

Existing fitness apps are not user-friendly and often focus on either

workouts or nutrition, leaving users without a comprehensive solution.

Users struggle with consistency due to a lack of personalized plans,

motivation, and easy tracking

options.

NutriFlex is an easy-to-use fitness app with

personalized workouts, nutrition tips, and motivation. It includes progress tracking, and offer educational content for long-term success. Prioritize user-friendly features to help people stick to their fitness routine.

What is your age ?

18-25

25-35

35+

Male

Female

Weight Loss

Strength Training

Yoga

What is your gender?

Which city are you from?

Mumbai

Bangalore

Kochi

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

What are your primary fitness goals?

Which of these Fitness apps have you used previously?

(50%)

40%

25%

48%

MyFitnessPal

Strava

FitBit

HealthifyMe

What specific features do you find most valuable in the fitness app?

Progress Tracking

Calorie Tracking

Yes

Maybe

Yes

Would you like to have a fitness that prioritizes mental health?

On a scale from 1 to 10, how seamlessly does the fitness app integrate into your daily routine?

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

70%

60%

50%

25%

35%

Does losing motivation discourage you from using the app consistently?

Does suggesting paid plans discourage you from using the app consistently?

User Research

I have followed two research methods i.e qualitative and quantitative

analysis . In the qualitative analysis I interviewed 7 people to understand

the diffuculties in finding a fitness app that prioritises mental health, nutrition and fitness.

Qualitative Analysis

7 people surveyed

Quantitative Analysis

22 people surveyed

Yes

App name

Target Customers

Services/Features

Strengths

Weaknesses

Company 1

HealthifyMe

18-60

Calorie Tracking, Nutrient Tracking, Data -base of Foods, Goal Setting, Water Tracking

Meal Planning and Recipes,

Nutrient Tracking, Goal Setting, Barcode Scanner

Limited Free Features,Device

Compatibility issues, Premium

Subscription Cost

Company 2

MyFitnessApp

18-60

Calorie Tracking, Fitness

Tracking, Water Tracking, Health

Insights:

Barcode Scanner, Wearable

Integration, Community Support:

Goal Setting, Nutrient Tracking

Limited Offline Functionality, User

Interface Issues, Weak Customer

Support, Premium Subscription

Cost

Company 3

FItBit

18-60

Personalized Workouts:,Adaptive

Training, Exercise Guidance, Food

Logging:

Built-in GPS (in some models),

Female Health Tracking, Water

Resistance, Sleep Tracking

Limited Customization, Integration

Issues with Third-Party Apps,

No Built-in GPS in Some Models

Company 3

Competitor Analysis

Define

I am used to with online service and I usually use fitness apps

Personality

Introvert

Thinker

Spender

Ananya Gupta, a 28-year-old

IT Consultant and she wants

to work on her physical

health.

About

Bio

Ananya Gupta, a 28-year-old IT Consultant based in Mumbai, India, holds a Master's degree in Computer Science. Single and family-oriented, Ananya embraces a busy lifestyle with a focus on balancing her demanding job with health and wellness goals. She is digitally savvy, using her smartphone for various aspects of her life, from work to personal interests.

Core needs

Ananya seeks a fitness app that offers customizable workout plans adaptable to her fitness level, preferences, and the equipment available at home. Varied workouts keep her engaged and motivated.

Stress management is crucial for Ananya. She desires a fitness app that goes beyond physical fitness, incorporating features like meditation or stress-relief exercises to enhance her overall well-being.

Ananya requires a fitness app with a comprehensive database of Indian foods and recipes to align with her cultural dietary preferences.

Frustrations

Ananya is frustrated when fitness apps provide meal plans that do not align with her cultural dietary choices. She needs an app that recognizes and accommodates the rich variety of Indian cuisine

Ananya struggles with consistency in her workout routine due to her hectic schedule. Frustration arises when apps lack flexibility and variety in workouts, making it challenging for her

Ananya faces challenges when fitness apps do not consider the cultural context of her dietary preferences. She seeks an app that appreciates and integrates Indian food choices seamlessly.

Brands

User Persona

I want to work on improving my stamina to run for a marathon.

Personality

Extrovert

Thinker

Spender

Raj is a 28 year old software

developer who wants to gain

muscle mass and improve

stamina.

About

Bio

Raj, a 28-year-old Software Developer based in Bangalore, holds a Master's degree in Computer Science. Single and family-oriented, Raj embraces a busy lifestyle with a focus on balancing his demanding job with health and wellness goals. He is digitally savvy, using his smartphone for various aspects of his life, from work to personal interests.

Core needs

Raj requires nutritional advice that incorporates these preferences into a balanced diet, ensuring he can meet his fitness goals while enjoying familiar foods.

As a tech-savvy individual, Raj prefers an app that leverages technology to track and monitor his progress, making it easier for him to stay on top of his fitness journey.

He needs a fitness app that provides workout plans specifically designed for weight training,aligning with his goal of gaining muscle mass and improving stamina.

Frustrations

Raj may be frustrated with fitness apps that do not provide workout plans suitable for weight training, potentially hindering his progress toward gaining muscle mass.

Given his sedentary job, Raj might find it challenging to balance work and fitness. An app that addresses this concern by offering efficient workout plans or reminders for breaks could alleviate this frustration.

If nutritional advice does not consider traditional Indian foods, Raj may feel frustrated and struggle to maintain a balance between his cultural preferences and fitness goals.

Brands

Pains

Lack of time for lengthy workouts.

Difficulty staying consistent.

Struggles to resist unhealthy snacks.

Gets bored easily with repetitive exercises

Gains

Improved self-confidence.

Enhanced overall health.

Increased energy levels.

Balanced and nutritious diet habits.

Worries about finding time for workouts.

Excited about reaching her weight loss goal.

Wants a fitness app that understands her busy lifestyle.

Feels inspired by others sharing their fitness journeys.

What do they

Think?

What do they

Feel?

Concerned

Motivated

Frustrated

Inspired

What do they

Do?

Works long hours at the office

Enjoys running in the morning and yoga in the evening.

Tends to snack when stressed.

Prefers quick and effective workout routines.

Follows fitness influencers on social media for inspiration.

What do they

Say?

"I want a fitness app that fits into my busy schedule."

"Tracking my progress helps me stay motivated."

"I love variety in my workouts to keep things interesting."

"Nutrition tips are essential for me to reach my weight loss goal."

"Seeing achievements boosts my confidence.

Empathy Mapping

Discover

Ideate

Stages

Actions

Thoughts

Pain Points

Emotions

Touchpoints

opportunities

Discovery

Reads user testimonials and reviews.

"I hope it's easy to use and has the features I need for my fitness goals."

Lack of knowledge about the app

Interested

Include interactive elements or short videos in ads to provide a glimpse of the app's features and benefits.

ONboarding

Downloads the app from the app store .Creates an account and sets goals.

“The onboarding process is straightforward, and I like setting my goals.”

Onboarding Process is overwhel-ming.

Annoyed

Provide a guided onboarding process with tooltips and step-by-step instructions

ACTIVITY

Selects a workout based on goals and preferences.

Follows the workout routine, tracks progress.

This workout suits my schedule; let's get started!

Limited workout variety.

Happy

Regularly update the workout library with new and diverse content to keep users motivated.

Goal Adjustment

Adjusts fitness goals based on progress. Sets new challenges and joins community events. Provides feedback on app features and suggests improvements

"I've made progress; time to set new goals that challenge me."

Limited options for adjusting goals

Happy

Allow users to customize their fitness goals more flexibly and adjust them based on their evolving preferences and achievements.

Receives personalized recommendations and workout plans. Engages with loyalty programs and rewards.

The personalized recommendations keep my workouts interesting."

App becomes repetitive over tim

Happy

Enhance loyalty program rewards by offering exclusive content, personalized experiences, or discounts on fitness-related products.

Long-Term Retention

User Journey

User Flow

After several iterations, I came up with this icon. It shows what the app represents, fork i.e nutrition and dumbbell i.e exercise. A mix of red and yellow bring out a pop out of the colours and grabs the attention of the users.