NutritionNest

Log nutritional intake, monitor daily calories, and search healthy recipes

TEAM

Founder

Software Engineer

Social Media Lead

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

PROJECT TIMELINE

August 2022 – October 2022

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

ROLE

Product Designer

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Overview

Serendipitous Dream Inc. (SDI) is a nonprofit organization dedicated to promoting health through scientific research, education, and charity work. SDI aims to serve the Irvine community first by building an app called NutritionNest, which focuses on helping people achieve their nutrition goals through a meal-logging app powered by AI.

Our team’s success metric for daily active user rate, increased goal achievement with NED’s support, and NPS driven by user referrals highlight the positive impact on engagement and motivation.

NutritionNest prototype

Challenge

Discussing features before initiating design phase

I met with the founder to discuss the initial concept of launching a nutrition and fitness app. Ultimately, we decided to prioritize the nutrition app to not overwhelm users.

Competitive Analysis

I started with a competitive analysis to understand similar and different product offerings. Each app offers meal logging, journal, and recipes as commonly used features. However, there's a lack of assistance for users seeking information on nutritional themed questions. Currently, user profiles are calculated based on statistical averages from their own user pools, which may lack accuracy.

Although these functions are important reasons for users to download, results will only show based on users commitment level from logging in their meals.

Competitive analysis of 4 direct competitors lacking in assistance and unique approach which helped guide our app's concept and vision. I found that there's a lack of assistance when users search for nutritional themed questions. These apps may seem like helpful tools, but they aren’t helping much with motivation, where consistency is a battle for most people.

User Research

I conducted research through online surveys on nutrition platforms such as Sub-Reddits, Facebook groups, Slack forums, and my professional network. I crafted questions catered to users' health restraints in order to understand their health circumstances and what specific obstacles they faced. From the 30+ respondents, I organized each of their answers to understand specific pain points they're facing.

Respondents found it easy to search for straightforward meal log apps but struggle to stay determined from lack of motivation. This led to irregular usage, causing setbacks in their health progress.

"I need more accountability to keep my workout schedule going."

"I want something that can help when I feel unmotivated."

Goals

The goal of this project is to help new and returning users achieve healthier lifestyles. To do this, we will create a meal-logging app for tracking, planning, and coaching nutrition, focusing on three key objectives.

Customizable

Flexible options to meet unique needs

Engaging

Compelling to achieve faster goals

AI Personalization

Increase support and instant advice

Ideation

After aligning our goals, I created an initial user flow to identify any potential bottlenecks and determine which features should be prioritized for reuse. This process helped focus on key elements, such as integrating an AI chatbot for personalized support, providing restaurant listings for healthier dining options, offering a diverse recipe database for meal planning, and including a user journal for tracking progress and reflections.

Leveraged user flow to identify potential bottlenecks and prioritize features for the app's overall structure.

Exploration

I explored different design options to guide my vision to test out different visual approaches, allowing me outline the skeleton when structuring my visual hierarchy.

View design file↗

I explored different design approaches to understand how varying styles, structures, concepts, and constraints can shape the design trajectory.

Low-Fidelity

I shared early low-fidelity design to the team and they liked the overall flow, but pointed out some key issues. The floating action button made the UI feel crowded, and AI was underutilized beyond a basic chatbot that users could easily access online. As a result, the app felt like just another standard meal-logging tool.

My Initial wireframes starting from log-in, progress-tracking journal, curated recipes, diverse restaurant options, and a floating chatbot button which made the UI feel crowded. AI feature was underutilized which felt like a typical meal-logging tool.

Iterations

We improved the flow by renaming the chatbot to "NED" to make it feel more human and by integrating NED cards throughout the app to enhance personal support and accountability. The updated design was well-received and approved for the next steps.

We enhanced our flow by integrating our AI assistant, NED, throughout the app's ecosystem, providing a nutritionist-like guidance. A dedicated homepage highlights NED's ability by delivering personalized feeds, challenges, and reports.

Final Designs

Final designs circles back to its core mission providing a customizable and engaging design approach. Users are guided through personalized functions, starting from completing the onboarding process to searching for personalized recipes and restaurants from their onboarding. NED cards throughout the app helps boost engagement with customizable options to adjust calorie goals through AI-powered personalization.

Customizable

Flexible options to meet unique needs

Engaging

Boost engagement to achieve faster goals

AI Personalization

Increase support with AI for instant advice

In our onboarding stage, users are greeted with a splash screen introduction along with log-in/sign-up, short 6-part questionnaire for a tailored, and final confirmation.

Here is the polished UI of journal, recipe, and restaurant tabs with dynamic NED cards, providing daily check-ins that create a personal support to drive accountability.

The NED page features a clean design with scrollable feeds that make it easy to dive into nutritional chats. We'll get inside look on three distinct NED cards highlighting simple, healthy snacks, 1-week of keto meals, and progress analysis. NED is here to support by boosting motivation and providing customizable features.

Documentation

This final document helps ensure things run smoothly from design through development to final delivery. This is also a detailed guide to make it easier for the team to understand the project’s vision and requirements.

View design file↗

View prototype↗

Final documentation includes final design, design system, and prototype, all optimized for quick and easy reference.

I used orange that serves as NED's primary color, contrasting with brand blue for buttons on NED cards. Secondary for softer colors, tertiary for icons, and vibrant gradient highlights AI moments, with neutrals providing balance.

Work Sans is used for headers and expressive moments, ideal for quick readability. To contrast, I used Inter that's versatile for body text and product copy which seamlessly fits into the design.

Full component library with all states complete, offering clear guidelines for our developer.

Reflection

Learnings

This process was challenging but learned so much. I gained valuable insights into what makes NutritionNest unique and learned the importance of clarifying business goals before diving into design. Understanding user pain points helped me re-evaluate critical design decisions, such as whether NED should remain in a chat room or be integrated throughout the app, ensuring that we address the right problems effectively.

Next steps

If I had more time, I would track which NED touchpoints are most effective in engaging users and helping them achieve their goals. I would also brainstorm strategies to help users reach their nutrition goals faster. Additionally, I would identify underused features, evaluate their potential impact, and focus on enhancing the most valuable ones.