keepfresh-description

WHAT

KeepFresh is a mobile application that helps reduce food waste by tracking when your food is about to expire and giving you recipe recommendations depending on the food you need to consume.

TIME

8 months 

ROLE

user research, sketching, wireframing, prototyping, task management

TEAM

2 UX designers, 1 Tech Lead, 1 Marketing Strategist, 6 developers

TOOLS

Sketch, Figma, InVision, Git, Zeplin

PROBLEM

If you buy 4 bags of groceries, you might as well just throw 1 bag away because that is how much food waste Canada produces every year.

58% of food in Canada is wasted every year, equating to ~$17 billion. This is a huge amount and we are one of the worst countries in terms of food waste. Because of this, our team wanted to find a solution to lessen the amount of food waste created every year.

PROJECT GOAL

Build, design, and conduct research for an iOS app that will allow users to track the food in their homes, see when items are expiring, and find recipes based on their inventory.

PAIN POINTS

To learn more about the current food waste situation and to understand people living in Canada, we interviewed 20 people to ask them about their food habits at home.

The most prominent pain points of people are:

  • Staying within budget when buying food
  • Planning for buying groceries when unsure what recipes to cook 
  • Keeping track of food that is about to expire

OUR USERS

For our minimum viable product, our main target users are individuals living on their own or not sharing food with roommates/family members. The reason for this was that sharing an account was out of scope for the time that we had.

In the future, we would like keepfresh to also help families and those who share their food with others to keep track of their food so that multiple users can add and remove items from the same fridge.

SOLUTIONS

We created 2 main solutions to attempt to solve our users’ problems:

  1. Pantry page: The 'pantry' page allows users to see all of the food that they currently have, with notifications of expiry, listed in order of nearest to furthest expiration.
  2. Recipes page: Users will be able to find recipes automatically suggested based on what they have in their fridge

PROCESS

Low-fi design research
We surveyed a wide variety of students and working adults to gain a deeper understanding of the main problems that people were having when trying to keep track of and use their food before it expired - this helped us to develop our main user flows and figure out what functions would be most important.

Sketches

lofi-sketches

Mid-fi user testing
In order to validate our user flows and mid-fi designs, we created task scenarios and conducted A/B testing. This helped us isolate any parts of the user flows that might be confusing, and decide on which iterations of certain interfaces to continue to improve on.

Mid-fi wireframes

launchpad-midfimockups

DESIGNS

These are the final designs of KeepFresh. From here, we used Zeplin to coordinate with our developers. Through this, I was able to enhance my cross-functional teamwork skills.

Hi-fi wireframes

hifi-mockups

UI Library

uilibrary

CHALLENGES

As designers, going into this project we both lacked previous industry experience working with cross-functional teams. This proved to be challenging in terms of syncing up the progress timelines between designers and developers - in retrospect, we learned that it would be helpful to create a working timeline that shows the progress of both the developers and designers so that every team member could keep track of one another’s progress.

NEXT STEPS

Thanks for getting this far, I know it was a lot. But hey, here's more things to read...

PROS RebatesProject type

PROS ConnectProject type

Jupyter3DProject type

hubblePersonal Project

Back to top Arrow