Nutri

A Case Study: Your Personal A.I. Nutritionist

Skills

Skills

Skills

UX Research

UI Design

Product Design

UX Research

UI Design

Product Management

Engineering

Deliverables

High Fidelity Mockup and Prototype

High Fidelity Mockup
and Prototype

Team

Team

Team

3 Product Designers

Date

Date

Date

August 2024

Prompt

Improving Usability through Emerging Technologies:
Technology is always evolving. Today, the most exciting advancements in tech are happening outside of our mobile phones. Over the last few years, hot button technologies like AR / VR, blockchain, voice technologies, internet of things, and AI have come in and out of focus - each lauded as the next revolutionary technology. Create a practical and useful applications using this technology.

My Contributions

This is a personal case study project under General Assembly that explores the potential of A.I. in meal prepping and nutrition.

As a full-stack engineer at this startup, I had the unique opportunity to take over as a product designer. I lead the project from managing project scope for all 4 milestones, creating the Figma design for our first milestone, and led the engineering efforts behind it.

The Problem

Research

7 people were interviewed from the ages of 22 - 55, where three identified as women, and four as men.


71% mentioned meal planning being tiresome or burden some.


Over half had dietary restrictions or cooked for someone with them.


Though all tech-savy, most did not use any form of technology other than looking up recipes on their phone.

Key insights

People want reliable, expert advice on specific goals.

Many people mentioned having or wanting a nutritionist, as well as desiring knowledge on how to hit their unique goals.

Meal planning is mentally taxing.

Whether its doing the math, avoiding allergies, or deciding on what to eat, meal planning took a mental toll on the majority of interviewees.

Personal customization on the fly.

Many mentioned having cravings or cheat days where they ignored restrictions, as well as their own trial-error recipes.

How Might We…

How Might We…

make meal planning less burdensome and more personalized to support individual health goals and dietary needs?

Solutioning

Persona

Ideation

After deciding on the two major functionalities, a personalized meal planner and a virtual nutritionist, I started sketching the initial flow.

I also came up with our mascot, Nutri!

Final Designs

Our final prototype incorporated a cohesive color palette, sans-serif typography, and a consistent grid system to create a modern, accessible interface. For our final branding we created:

  1. Color Palette: A balanced mix of primary and secondary tones for readability and user guidance

  2. Typography: DM Sans for headers and subheads

  3. Grid System: Organized structure to support intuitive navigation

  4. Component System: For uniform design amongst the team and pages.

I created the initial low=fidelity prototype in Balsamiq.

Usability Testing Feedback

  1. Nutri was cute, but also a little in the way.

  2. Wanted an easier way to get home or chat with Nutri.

  3. Consistency in wording (dash versus home).

  4. Having Nutri choose all of your meals was confusing.

  5. Couple of UI fixes.

Final Low Fidelity Prototype

Final Low Fidelity Prototype