top of page
Helping the environment one bite at a time

Eat It

How many times have you gone to your fridge to have the raspberries you bought on Thursday...or was it Wednesday...only to find they are no longer fit for human consumption?

​

We've all been there and frankly it sucks to throw away food. I knew it must be bad for the environment and my bank balance, and I never found an easy way to keep track of when things in my fridge were about to expire.

​

I wanted to do something about it, I wanted to remember to Eat It.

Project Type
Project
Role

Native Mobile App

Concept

UX, UI, Branding

CHAPTER 1

Research and User Experience

researched global stats to see how much of a problem food waste is around the world, to search for any clues as to why there is so much of it.

 

Following this I had an in-depth look at the competition my app might have, to see if there was anything I could improve on or do differently.

 

Afterwards, I interviewed a range of potential users - ranging from students to families - to find out how they combat wasting perishable goods and their processes of keeping track of food before it expires. 

 

This information led me to focus on points which I wanted my product to addressan app which revolves around a list that tracks the shelf-life of the stock in your fridge.  

CHAPTER 2

Task Flow

New UserFlow.png

The research had been gathered, so I went to plan how the app would be laid out.

 

I didn't want it to be overly complicated, so I ensured it every page linked back to the fridge list.

CHAPTER 3

Wireframes and Low-Fidelity Prototyping

I did some initial sketches with pen and paper as to how the main pages could be laid out, to form a basic structure.

​

Once happy with my structure I jumped to Balsamiq to mock up a few outlines of certain pages of the app and compared each of them to end up with my final choice. Following this, I added elements I thought would be essential such as filter choices and search bars. This exploration helped me sift through which pages looked the cleanest and provided the essential functionality.

​

Next I moved into Sketch to begin to build the wireframes based on my rough design in Balsamiq. When I had enough pages to test I imported it into InVision so I could send the prototype out to as many people on my phone list for feedback before going any further.

Screenshot 2019-04-18 at 15.54.45.png
CHAPTER 4

Design

I received feedback from people I sent my Invision link to.
I also had some people use my phone to test the app provide additional comments on changes and tweaks to be made.

​

Below is the final version of the app which incorporates all of the feedback I received from user-testing. I call the app Eat It.

New fridge list.png

Fridge list

​

This is the main list which shows the products in the fridge.

​

It's colour-coded using a traffic light system to allow the user to readily identify when an item is close to it's expiry date. 
A countdown to the actual expiry time is 
also shown, to give a more accurate indication and to help colour blind users.

Did you eat that?

​

A pop-up will appear once food which hasn't been removed from your fridge list passes its expiry date. 

New no.png
New no.png
New Did U.png
New scan.png
New add.png
New calender.png

Scan or add

​

Quickly scan in items or manually insert them. Either way it's a low-effort process to add items to update your main list. 

​

The smart AI can predict the shelf-life of each of the goods added.

Shopping list

​

The shopping list page allows the user to keep track of items they've collected as they shop.

 

The panel darkens as you 'cross things off' and because the app syncs with other users in your group, they can watch in real time as items are collected.

 

Don't want to see items in the shopping list at all anymore? Just swipe it off to permanently delete it.

Remove food items in bulk

​

Once at home, you may find yourself eating a favourite meal frequently, so rather than individually 
removing items from your 
fridge list you have just used, these can be removed in bulk. This is a quick short-cut and time saver.

New Eat It.png

Waste saving progress

​

Track your personal progress on how waste-free you've been. This updates depending on how the fridge list is used in the household.

 

Your progress stats will be positive if you remove items before they expire or select that you've eaten them if a 'times up' pop-up appears. This is aimed to be motivational and to challenge the user to be as enviornmentally friendly as possible.

Welcome

​

After the app is first loaded, you're presented with a welcome screen.

New Welcome.png
New waste saving progress.png

Launch

​

The Eat It logo is the loading page when starting the app.

Visually pleasing illustrations

​

These are used on pages after certain actions to elicit appropriate emotions.

New success.png

Illustration credits go to UnDraw.co and Ouch.Pics/Icon8

bottom of page