Overview
Overview
Overview
Background
Background
The app enables users to efficiently search for ingredient nutrition data and log meals to achieve their body goals. It helps users develop the habit of logging meals while educating them about the benefits of different foods, fostering a healthier lifestyle.
The app enables users to efficiently search for ingredient nutrition data and log meals to achieve their body goals. It helps users develop the habit of logging meals while educating them about the benefits of different foods, fostering a healthier lifestyle.
The app enables users to efficiently search for ingredient nutrition data and log meals to achieve their body goals. It helps users develop the habit of logging meals while educating them about the benefits of different foods, fostering a healthier lifestyle.
Problem
Problem
Users are not convinced by the accuracy of the nutrition data displayed and lack motivation to continue tracking their meals.
Users are not convinced by the accuracy of the nutrition data displayed and lack motivation to continue tracking their meals.
Users are not convinced by the accuracy of the nutrition data displayed and lack motivation to continue tracking their meals.
Goal
Goal
The goal is to create an intuitive app that boosts user engagement by 30%
The goal is to create an intuitive app that boosts user engagement by 30%
The goal is to create an intuitive app that boosts user engagement by 30%
Role
Role
UX/UI designer responsible for research, design, and prototyping
UX/UI designer responsible for research, design, and prototyping
UX/UI designer responsible for research, design, and prototyping
Tool
Tool
Figma, Maze, Google Docs, ChatGPT, Grok
Figma, Maze, Google Docs, ChatGPT, Grok
Figma, Maze, Google Docs, ChatGPT, Grok
Problem Statement
Problem Statement
Problem Statement
Conducted interviews with 8 users who work out and care about their health, particularly those who recently traveled to different countries.
Conducted interviews with 8 users who work out and care about their health, particularly those who recently traveled to different countries.
Conducted interviews with 8 users who work out and care about their health, particularly those who recently traveled to different countries.
Affinity Map from user interviews
Affinity Map from user interviews
Key finding
Key finding
Users seek simple, balanced nutrition, focusing on whole foods and essential nutrients; they highly value scientifically-backed nutrition data and personalized recommendations.
Users seek simple, balanced nutrition, focusing on whole foods and essential nutrients; they highly value scientifically-backed nutrition data and personalized recommendations.
Users seek simple, balanced nutrition, focusing on whole foods and essential nutrients; they highly value scientifically-backed nutrition data and personalized recommendations.
Location-based suggestions are not essential and should be tailored to individual preferences.
Location-based suggestions are not essential and should be tailored to individual preferences.
Location-based suggestions are not essential and should be tailored to individual preferences.
Fat and body maintenance are top motivations for meal tracking; users prefer a simpler, more accurate system with less manual input.
Fat and body maintenance are top motivations for meal tracking; users prefer a simpler, more accurate system with less manual input.
Fat and body maintenance are top motivations for meal tracking; users prefer a simpler, more accurate system with less manual input.
COMPETITOR ANALYSIS
COMPETITOR ANALYSIS
To better understand the landscape of nutrition-tracking apps, I focused my analysis on user profile features such as the Dashboard, Portfolio, and My Account. I aimed to identify key elements that are often missing from most calorie-tracking apps, despite their importance to users.
To better understand the landscape of nutrition-tracking apps, I focused my analysis on user profile features such as the Dashboard, Portfolio, and My Account. I aimed to identify key elements that are often missing from most calorie-tracking apps, despite their importance to users.
To better understand the landscape of nutrition-tracking apps, I focused my analysis on user profile features such as the Dashboard, Portfolio, and My Account. I aimed to identify key elements that are often missing from most calorie-tracking apps, despite their importance to users.
Personas
Personas
Personas
Strategy
Strategy
Strategy
POV / HMW
POV / HMW
I developed the POV from the user interview and defining the Solution.
I developed the POV from the user interview and defining the Solution.
I developed the POV from the user interview and defining the Solution.
(POV)
People often don’t track their meals because they don’t see an immediate need or fully understand how nutrition impacts their health. I want to explore how we can make meal tracking more meaningful by helping them recognize these long-term benefits.
(POV)
People often don’t track their meals because they don’t see an immediate need or fully understand how nutrition impacts their health. I want to explore how we can make meal tracking more meaningful by helping them recognize these long-term benefits.
(POV)
People often don’t track their meals because they don’t see an immediate need or fully understand how nutrition impacts their health. I want to explore how we can make meal tracking more meaningful by helping them recognize these long-term benefits.
(HMW)
How might we make meal tracking more meaningful by helping people understand the long-term benefits of nutrition, motivating them to log meals consistently?
(HMW)
How might we make meal tracking more meaningful by helping people understand the long-term benefits of nutrition, motivating them to log meals consistently?
(HMW)
How might we make meal tracking more meaningful by helping people understand the long-term benefits of nutrition, motivating them to log meals consistently?
Project Goal
Project Goal
Design
Design
Design
Moodboard
Moodboard
Brand Name Possibilities
Brand Name Possibilities
-Nume
-Nuscan
-Nusearch
-NutriLens
-Nume
-Nuscan
-Nusearch
-NutriLens
-Nume
-Nuscan
-Nusearch
-NutriLens
Brand Values
Brand Values
-Nutriton
-Lifestyle
-Diversity
-Freshness and Health
-Goal -Oriented
-Nutriton
-Lifestyle
-Diversity
-Freshness and Health
-Goal -Oriented
-Nutriton
-Lifestyle
-Diversity
-Freshness and Health
-Goal -Oriented
Color and Typography
Color and Typography
Font: Rounded, sans-serif fonts convey friendliness.
Color: Orange represents energy and warmth, while green symbolizes health and freshness
Font: Rounded, sans-serif fonts convey friendliness.
Color: Orange represents energy and warmth, while green symbolizes health and freshness
Font: Rounded, sans-serif fonts convey friendliness.
Color: Orange represents energy and warmth, while green symbolizes health and freshness
LOGO
LOGO
Lowercase letters communicate a friendly, modern, and approachable tone, making the brand feel more personal and accessible.
The tagline, ‘Track. Improve. Thrive.’, reflects the app’s purpose—helping users access nutritional data, log meals, and achieve their health goals.
Lowercase letters communicate a friendly, modern, and approachable tone, making the brand feel more personal and accessible.
The tagline, ‘Track. Improve. Thrive.’, reflects the app’s purpose—helping users access nutritional data, log meals, and achieve their health goals.
Lowercase letters communicate a friendly, modern, and approachable tone, making the brand feel more personal and accessible.
The tagline, ‘Track. Improve. Thrive.’, reflects the app’s purpose—helping users access nutritional data, log meals, and achieve their health goals.
Color Palette
Color Palette
The color palette is inspired by the moodboard and represents health, growth, and nourishment.
The color palette is inspired by the moodboard and represents health, growth, and nourishment.
The color palette is inspired by the moodboard and represents health, growth, and nourishment.
Typography
Typography
I aimed for a friendly, approachable, and easy-to-use experience. Cooper Black adds a playful, welcoming touch, while Work Sans, with subtle rounded details, keeps the design clean, modern, and highly readable.
I aimed for a friendly, approachable, and easy-to-use experience. Cooper Black adds a playful, welcoming touch, while Work Sans, with subtle rounded details, keeps the design clean, modern, and highly readable.
I aimed for a friendly, approachable, and easy-to-use experience. Cooper Black adds a playful, welcoming touch, while Work Sans, with subtle rounded details, keeps the design clean, modern, and highly readable.
Development
Development
Development
Site map
Site map
Task flow
Task flow
Search for a food nutrition data
Search for a food nutrition data
Search for a food nutrition data
Low-fidelity Wireframes
Low-fidelity Wireframes
Designed simple yet essential key screens to outline the basic app structure.
Designed simple yet essential key screens to outline the basic app structure.
Designed simple yet essential key screens to outline the basic app structure.
Mid-fidelity Wireframes
Mid-fidelity Wireframes
Expanded the UX flow based on low-fidelity wireframes to enhance functionality.
Expanded the UX flow based on low-fidelity wireframes to enhance functionality.
Expanded the UX flow based on low-fidelity wireframes to enhance functionality.
Usability Testing feedback
Usability Testing feedback
The app offers a smooth, intuitive experience with a flexible logging process. The Meal Journal and Discover section received positive feedback for usability and engagement.
However, challenges include Meal Journal placement confusion, a lengthy Log Meal process, and UI issues with the My Goal button, camera function, and pop-ups needing better design and placement.
The app offers a smooth, intuitive experience with a flexible logging process. The Meal Journal and Discover section received positive feedback for usability and engagement.
However, challenges include Meal Journal placement confusion, a lengthy Log Meal process, and UI issues with the My Goal button, camera function, and pop-ups needing better design and placement.
The app offers a smooth, intuitive experience with a flexible logging process. The Meal Journal and Discover section received positive feedback for usability and engagement.
However, challenges include Meal Journal placement confusion, a lengthy Log Meal process, and UI issues with the My Goal button, camera function, and pop-ups needing better design and placement.
Improvement
Improvement
Improvement
Streamline Logging Meals: Reduce confirmation steps for faster logging.
Improve Meal Journal Access: Make it a standalone page or add a homepage shortcut.
Fix Scanned Food Errors: Ensure all selected items display in the Log Meal screen.
Update Terminology: Use TDEE over BMR based on user preference.
Redesign Camera/Scan: Merge functions and enhance the shutter button UI.
Boost App Speed: Add a time-range filter for efficient meal journal management.
Optimize Button Placement: Ensure logical positioning for Goal and Log Meal buttons.
Streamline Logging Meals: Reduce confirmation steps for faster logging.
Improve Meal Journal Access: Make it a standalone page or add a homepage shortcut.
Fix Scanned Food Errors: Ensure all selected items display in the Log Meal screen.
Update Terminology: Use TDEE over BMR based on user preference.
Redesign Camera/Scan: Merge functions and enhance the shutter button UI.
Boost App Speed: Add a time-range filter for efficient meal journal management.
Optimize Button Placement: Ensure logical positioning for Goal and Log Meal buttons.
Streamline Logging Meals: Reduce confirmation steps for faster logging.
Improve Meal Journal Access: Make it a standalone page or add a homepage shortcut.
Fix Scanned Food Errors: Ensure all selected items display in the Log Meal screen.
Update Terminology: Use TDEE over BMR based on user preference.
Redesign Camera/Scan: Merge functions and enhance the shutter button UI.
Boost App Speed: Add a time-range filter for efficient meal journal management.
Optimize Button Placement: Ensure logical positioning for Goal and Log Meal buttons.
Usability Test Results
Usability Test Results
Conducted usability tests with 4 users and used the Impact-Effort Matrix to prioritize issues in the high-fidelity design.
Conducted usability tests with 4 users and used the Impact-Effort Matrix to prioritize issues in the high-fidelity design.
Conducted usability tests with 4 users and used the Impact-Effort Matrix to prioritize issues in the high-fidelity design.
Final High-Fidelity wireframes
Final High-Fidelity wireframes
Iteration
Iteration
Iteration
Home page
Home page
Readjusted the section to clarify the home page’s purpose, adding a floating navigation bar to simplify the design and make it easier for users to navigate to 'Log Meal,' 'Search Directly,' and 'Meal Journal.
Readjusted the section to clarify the home page’s purpose, adding a floating navigation bar to simplify the design and make it easier for users to navigate to 'Log Meal,' 'Search Directly,' and 'Meal Journal.
Readjusted the section to clarify the home page’s purpose, adding a floating navigation bar to simplify the design and make it easier for users to navigate to 'Log Meal,' 'Search Directly,' and 'Meal Journal.
Meal logging process
Meal logging process
Merged the scan and camera features for a more seamless experience and redesigned the shutter button to be more intuitive, as the previous design was not user-friendly.
Reduced confirmation steps by adding a FAB button, simplifying the task and ensuring an uninterrupted logging flow.
Merged the scan and camera features for a more seamless experience and redesigned the shutter button to be more intuitive, as the previous design was not user-friendly.
Reduced confirmation steps by adding a FAB button, simplifying the task and ensuring an uninterrupted logging flow.
Merged the scan and camera features for a more seamless experience and redesigned the shutter button to be more intuitive, as the previous design was not user-friendly.
Reduced confirmation steps by adding a FAB button, simplifying the task and ensuring an uninterrupted logging flow.
Log in successful pop up message
Log in successful pop up message
Enhanced the design to be more cheerful, emphasizing the logged meal information.
Enhanced the design to be more cheerful, emphasizing the logged meal information.
Enhanced the design to be more cheerful, emphasizing the logged meal information.
Profile setting
Profile setting
Added new options to help users find pages more easily and customize the setup, refining wording based on user interviews.
Added new options to help users find pages more easily and customize the setup, refining wording based on user interviews.
Added new options to help users find pages more easily and customize the setup, refining wording based on user interviews.
Goal and meal journal
Goal and meal journal
Separated Goal and Meal Journal into independent pages, as they are key app features. The updated My Current Goal page allows users to set goals more accurately, with improved wording based on user interviews.
Separated Goal and Meal Journal into independent pages, as they are key app features. The updated My Current Goal page allows users to set goals more accurately, with improved wording based on user interviews.
Separated Goal and Meal Journal into independent pages, as they are key app features. The updated My Current Goal page allows users to set goals more accurately, with improved wording based on user interviews.
High-fidelity Wireframes Prototype
High-fidelity Wireframes Prototype
Prototype showcasing the final NUME app design
Prototype showcasing the final NUME app design
Prototype showcasing the final NUME app design
Final Thoughts & Reflections
Impact and Reflection
This project reinforced that great UX is about making existing features more accessible and intuitive, rather than adding more. Initially, I tried fitting all features onto one screen, but user testing shifted my focus toward streamlining the experience. Through usability testing, I learned the importance of simplifying processes and reducing friction in meal tracking for the NUME app.
This project reinforced that great UX is about making existing features more accessible and intuitive, rather than adding more. Initially, I tried fitting all features onto one screen, but user testing shifted my focus toward streamlining the experience. Through usability testing, I learned the importance of simplifying processes and reducing friction in meal tracking for the NUME app.
This project reinforced that great UX is about making existing features more accessible and intuitive, rather than adding more. Initially, I tried fitting all features onto one screen, but user testing shifted my focus toward streamlining the experience. Through usability testing, I learned the importance of simplifying processes and reducing friction in meal tracking for the NUME app.
Next Step
Impact and Reflection
I will reexamine the UX/UI through user feedback and adjust the flow accordingly.
Next, I’ll focus on increasing user retention, exploring how to make the app more engaging. A potential idea is to add a digital pet that enjoys meals with the user, incentivizing healthier eating habits.
Additionally, I’ll include marked restaurants so users can access a visited or customized map.
I will reexamine the UX/UI through user feedback and adjust the flow accordingly.
Next, I’ll focus on increasing user retention, exploring how to make the app more engaging. A potential idea is to add a digital pet that enjoys meals with the user, incentivizing healthier eating habits.
Additionally, I’ll include marked restaurants so users can access a visited or customized map.
I will reexamine the UX/UI through user feedback and adjust the flow accordingly.
Next, I’ll focus on increasing user retention, exploring how to make the app more engaging. A potential idea is to add a digital pet that enjoys meals with the user, incentivizing healthier eating habits.
Additionally, I’ll include marked restaurants so users can access a visited or customized map.