Home page fills up with suggested recipes based on groceries recorded

Home page fills up with suggested recipes based on groceries recorded

Students want to learn quick and new recipes to manage their food in their fridges by using and keeping track of what they buy to reduce food waste.

Students want to learn quick and new recipes to manage their food in their fridges by using and keeping track of what they buy to reduce food waste.

“I love my roommates but there is always a funny smell coming from the fridge.”

“I love my roommates but there is always a funny smell coming from the fridge.”

“I love my roommates but there is always a funny smell coming from the fridge.”

“I always have trouble fitting my groceries in the fridge because there is so much clutter.”

“I wished people would keep track of their rotting food.”

EMPHASIZE + DEFINE

EMPHASIZE + DEFINE

The Story

The Story

As a student at the University of Michigan, I wanted to help improve living habits on campus. I discovered that there was something happening in students’ shared spaces, especially in the pantry and fridges— fresh groceries are forgotten and lost, creating clutter and mold. Students found themselves throwing away groceries because of not knowing how to use them properly to cook healthy and delicious meals.

This is the vision of fresh started, an accessible mobile application that students can use to keep track of their groceries and discover new recipes based on what they have in their pantry and fridges.

The Interviews + Audience

The Interviews + Audience

I interviewed five students at the University of Michigan and here are how some felt...

Role

Role

Team

Team

fresh

fresh

fresh

Kristen Huang

Kristen Huang

UI/UX Designer

UI/UX Designer

keeping it easy and fresh.

Figma

Figma

Tools

Tools

Duration

Duration

September -
October 2024

September -
October 2024

I also created some personas to help understand my users' needs, experiences, behaviors and goals.

Primary Persona

Secondary Persona

Problem Statement

Problem Statement

Students want to learn quick and new recipes to manage their food in their fridges by using and keeping track of what they buy to reduce food waste.

Some User Testing Feedback…

Some User Testing Feedback…

  • Users were confused on how to click and edit items in their Pantry

  • Include the full recipe before going through the steps so users are aware of what’s coming up next

  • Need a more thorough item page such as including expiration dates

  • Options to share recipes

IDEATE

IDEATE

So… What's The Vision of fresh?

So… What's The Vision of fresh?

Food fuels the body.

fresh is designed to create a convenient and safe social environment for those interested in finding new recipes to cook from the fresh groceries bought.

By introducing a social community on the platform, students can share their delicious meals and spread food positivity throughout campus. The grocery tracker will allow students to also keep track of what they already have in their fridges and pantry, therefore reducing food waste and clutter.

Sitemap + Sketches

Sitemap + Sketches

PROTOTYPE

Low Fidelity Wireframes

After more iterations and testing, fresh started to grow...

After more iterations and testing, fresh started to grow...

fresh Style Guide

fresh Style Guide

fresh Style Guide

Finally, fresh came to life!

Finally, fresh came to life!

Easy to follow step by step recipe walkthroughs

This guides users through their cooking session with options to proceed to the next step or go back to the previous one. Users can also choose to view the entire recipe instead.

Users can quickly add or edit items in the grocery recorder, all in one place

Users see see all of their recorded items, separated by sections with filtering options.

REFLECTION

REFLECTION

Lessons + Key Takeaways

Lessons + Key Takeaways

  1. User testing & continuously gathering feedback is important

  1. User testing & continuously gathering feedback is important

When I first designed my lo-fi prototype, I thought I implemented all of the features I wanted to have on the product but after just conducting a few user testings, I discovered that there were a lot of usability and accessibility issues. You need another perspective on your product. It is important to make sure your user can navigate through the product on their own. The more testing, the better the product!

  1. Take your time

  1. Take your time

In order to problem solve effectively, designers must flesh out their ideas and focus on the first parts of the design process such as conducting research, designing wireframes, and determining the informational hierarchy. But through it all, remember to trust the process.

Want to browse more of fresh?

Want to browse more of fresh?

View the Figma file and feel free to look around!

View the Figma file and feel free to look around!

Next Steps for fresh

Next Steps for fresh

Introduce a feature where users can create groceries lists for an all-in-one food and recipe application

Implement another additional feature where users can upload their personal recipes for others to discover and learn

Expand on the social aspect of the application to grow the food community on campus

View more of my work!

View more of my work!

Let's Connect!

💌 contact me

🌎 more from me

🌎 more from me

© 2025 Kristen Huang

PROTOTYPE

PROTOTYPE

Low Fidelity Wireframes

Low Fidelity Wireframes

Next Steps for fresh

Introduce a feature where users can create groceries lists for an all-in-one food and recipe application

Introduce a feature where users can create groceries lists for an all-in-one food and recipe application

Implement another additional feature where users can upload their personal recipes for others to discover and learn

Implement another additional feature where users can upload their personal recipes for others to discover and learn

Expand on the social aspect of the application to grow the food community on campus

Expand on the social aspect of the application to grow the food community on campus