keepfresh-long

keepfresh

what 🤔

%MCEPASTEBIN%

an app to track when your food is about to expire and gives 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.

overview

UBC Launchpad, a student-run software engineering team devoted to building software projects in a collaborative, professional environment.


We collaborated as a team of 6 developers, a marketing strategist, and 2 UX/UI designers to create Keepfresh, a pantry management app that allows users to track their current household food items.

problem

Food waste is a huge problem in Canada.

50%

of food in Canada is wasted every year, equating to ~$17 billion.


60%

of participants were not at all aware of Canada’s food waste problem.

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

Our next steps are to add more functionality:

  • Allow users to create a shopping list
  • Allow users to add recipe items that they are missing directly from the recipe page to their shopping list
  • Users may scan their grocery shopping receipt barcode to add those items to their pantry
  • Allow users to filter recipes based on cuisine type, time, difficulty, etc.

see my other works!

keepfreshCase Study

pastel bankDesign Sprint

emerging media labux experience

air canadaRedesign

hubblePersonal Project