A Journey to
Truly Balanced Living
Project Overview
Project Overview
Project Overview
Duration: 3 Weeks
Role: UI/UX Design
Tools Used: Figma
Platform: Responsive Web (Desktop + Mobile)
Duration: 3 Weeks
Role: UI/UX Design
Tools Used: Figma
Platform: Responsive Web (Desktop + Mobile)
Duration: 3 Weeks
Role: UI/UX Design
Tools Used: Figma
Platform: Responsive Web (Desktop + Mobile)
Goal
Goal
Goal
To design a responsive health and wellness platform where users can track their fitness activities, daily nutrition, and health progress. The web app also provides personalized goals and suggestions tailored to individual needs.
To design a responsive health and wellness platform where users can track their fitness activities, daily nutrition, and health progress. The web app also provides personalized goals and suggestions tailored to individual needs.
To design a responsive health and wellness platform where users can track their fitness activities, daily nutrition, and health progress. The web app also provides personalized goals and suggestions tailored to individual needs.
Problems
Problems
Problems
Users often struggle to find a single platform that offers personalized fitness and nutrition tracking in one place.
Common problems:
Most platforms are mobile-first, with limited desktop support.
Lack of user-specific insights based on age, weight, or fitness level.
Difficulty in daily logging and tracking across devices.
Users often struggle to find a single platform that offers personalized fitness and nutrition tracking in one place.
Common problems:
Most platforms are mobile-first, with limited desktop support.
Lack of user-specific insights based on age, weight, or fitness level.
Difficulty in daily logging and tracking across devices.
Users often struggle to find a single platform that offers personalized fitness and nutrition tracking in one place.
Common problems:
Most platforms are mobile-first, with limited desktop support.
Lack of user-specific insights based on age, weight, or fitness level.
Difficulty in daily logging and tracking across devices.
Solutions
Solutions
Solutions
No Login Required
No Login Required
No Login Required
Users often struggle to find a single platform that offers personalized fitness and nutrition tracking in one place.
Common problems:
Most platforms are mobile-first, with limited desktop support.
Lack of user-specific insights based on age, weight, or fitness level.
Difficulty in daily logging and tracking across devices.
Users can access the platform without the hassle of creating an account, encouraging immediate use and exploration.
Users often struggle to find a single platform that offers personalized fitness and nutrition tracking in one place.
Common problems:
Most platforms are mobile-first, with limited desktop support.
Lack of user-specific insights based on age, weight, or fitness level.
Difficulty in daily logging and tracking across devices.
Users can access the platform without the hassle of creating an account, encouraging immediate use and exploration.
Users often struggle to find a single platform that offers personalized fitness and nutrition tracking in one place.
Common problems:
Most platforms are mobile-first, with limited desktop support.
Lack of user-specific insights based on age, weight, or fitness level.
Difficulty in daily logging and tracking across devices.
Users can access the platform without the hassle of creating an account, encouraging immediate use and exploration.
3 Core Sections
3 Core Sections
3 Core Sections
Food — Track meals, view daily suggestions, and read articles on healthy eating.
Fitness — Explore basic workouts, track activity, and learn about exercise benefits.
Challenges — Daily health essentials like walking, eating nutritious food, or exercising. This section promotes habit-building through easy-to-follow daily goals.
Food — Track meals, view daily suggestions, and read articles on healthy eating.
Fitness — Explore basic workouts, track activity, and learn about exercise benefits.
Challenges — Daily health essentials like walking, eating nutritious food, or exercising. This section promotes habit-building through easy-to-follow daily goals.
Food — Track meals, view daily suggestions, and read articles on healthy eating.
Fitness — Explore basic workouts, track activity, and learn about exercise benefits.
Challenges — Daily health essentials like walking, eating nutritious food, or exercising. This section promotes habit-building through easy-to-follow daily goals.
Personalized Plan Generator
Personalized Plan Generator
Personalized Plan Generator
A prominent CTA button ("Make My Plan" or "Let's Check") triggers a popup asking for basic info:
Age
Weight
Height
Once submitted, users receive a personalized guideline tailored to their body and wellness goals.
A prominent CTA button ("Make My Plan" or "Let's Check") triggers a popup asking for basic info:
Age
Weight
Height
Once submitted, users receive a personalized guideline tailored to their body and wellness goals.
A prominent CTA button ("Make My Plan" or "Let's Check") triggers a popup asking for basic info:
Age
Weight
Height
Once submitted, users receive a personalized guideline tailored to their body and wellness goals.
Logo
The Fittlead logo embodies movement, balance, and purpose—core values of a health-focused lifestyle. With a clean, modern aesthetic, it reflects both fitness and leadership, combining strength with simplicity. The design ensures clarity and flexibility across all screen sizes, whether on web, app, or print. Its approachable yet confident look reinforces Fittlead’s mission: to lead individuals toward a healthier, more empowered life.
Typography & Color
Fittlead’s typography is clean and modern, chosen for its clarity and easy readability across all screen sizes. It reflects the brand’s approachable yet focused personality, supporting users in their health journey with confidence.
The color palette is vibrant yet balanced, creating an energetic and calming visual experience. It enhances usability while reinforcing the brand’s commitment to wellness, motivation, and consistency.
Fittlead’s typography is clean and modern, chosen for its clarity and easy readability across all screen sizes. It reflects the brand’s approachable yet focused personality, supporting users in their health journey with confidence.
The color palette is vibrant yet balanced, creating an energetic and calming visual experience. It enhances usability while reinforcing the brand’s commitment to wellness, motivation, and consistency.
Fittlead’s typography is clean and modern, chosen for its clarity and easy readability across all screen sizes. It reflects the brand’s approachable yet focused personality, supporting users in their health journey with confidence.
The color palette is vibrant yet balanced, creating an energetic and calming visual experience. It enhances usability while reinforcing the brand’s commitment to wellness, motivation, and consistency.
Bold
SemiBold
Medium
Regular
Aa
Aa
Poppins & Inter
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789! @$<%:;&*?,.
#33BBFF
#081C26
#212426
Responsive Design
Fittlead is designed with a mobile-first approach, ensuring seamless usability across all screen sizes—from tablets to smartphones. The layout adapts intuitively to different devices, maintaining clarity, functionality, and user engagement at every touchpoint. Whether tracking food on-the-go or checking daily challenges, users enjoy a consistent, optimized experience anywhere, anytime.
