How We Designed a Feature for Instacart that Helps Reduce Food Waste — A UX Case Study

Shawn Deng
Design Warp
Published in
6 min readAug 31, 2020

Project Summary

A Product Design Challenge started on July 22, calling on Product designers, UX/UI designers, researchers, and designers of any kind to help solve environmental, health, and social inequality issues through design. We took part in this challenge, amid a rising concern over food waste.

shopping bags with food
Photo by Maria Lin Kim on Unsplash

Food Waste Problem

In modern households, people often tend to buy more than they need, which results in an unintentional food waste.

image of wasted food
Photo by Joshua Hoehne on Unsplash

Early last year, a report, entitled “The Avoidable Crisis of Food Waste,” was released. According to the research, around 2.38 million tonnes of food, or more than $10 billion worth, is lost at the consumer level in Canada. And the waste comes with environmental impacts. Each year, food waste in Canada creates some 56.6 million tonnes of carbon dioxide-equivalent emissions, according to the report. Food in landfills also creates methane gas, which is “25 times more damaging to the environment than carbon dioxide.”

As alarming as this report sounds, these outcomes can be avoidable. And with the help of digital tools, this process can be easier for both manufacturers and consumers.

Nevertheless, there has been a growing popularity with grocery shopping services like Instacart, which plays an important role in helping save lives and getting people food.

Why Instacart?

In light of the coronavirus, where many people are under month-long quarantine, and in need of getting food delivered to their doors, Instacart became an essential service with essential workers, also known as shoppers, putting their lives on the line to get people their groceries.

In the handful of weeks since the WHO announced COVID-19 a global pandemic, demand for Instacart has surged more than 500%, a level neither investors nor customers expected to see. Instacart reported its first-ever monthly profit in April of $10 million, and it’s on track to process more than $35 billion in grocery sales this year. This comes as a very surprising number associated with an upmarket delivery service. Moreover, Instacart has secured new funding to keep up with the unprecedented growth and demand in its business. Instacart has raised $225 million in a round which brings Instacart’s valuation to nearly $14 billion.

Apparently, with more and more people getting onboard with Instacart or other similar services, as well as people hoarding food and essentials, a new surge of food waste is well expected.

I am also an Instacart customer who enjoyed the benefit myself to be able to stay at home. This inspired me and my product design partner of how digital experience can be a key part of a solution to reduce food waste. By taking Instacart as the targeted platform, we can build a feature that stays right in the app, and makes the user experience even better.

Solution

We have envisioned an add-on feature for Instacart, that helps users buy no more than what they need, avoids as much food waste as possible by friendly and timely reminders, and even inspired users how to deal with soon-to-be-expired groceries.

User Research

We interviewed people about their grocery-shopping habit and experience, after which we put together our persona and user journey.

Interview

We interviewed and surveyed 7 people in total, 3 female and 4 male. All were young adults, which fit our focused demographic.

If you would like to share your inputs, you can join our online survey at: https://forms.gle/Ccy3GckRfZhuj6WR9

Our findings are as follows:

  • In general, people don’t want to waste food but it happens due to various reasons.
  • Half of the interviewees reported that they often found them buying more than needed.
  • Everyone interviewed had wasted food. More than half had it every week.
  • Everyone interviewed had experimented with different ways of storing food properly.

Here, we will break it down into different stages to analyze the reasons why food waste happens based on our research.

Stages 1 and 2 of reasons why food waste happens based on our research
Stages 3 and 4 of reasons why food waste happens based on our research

Persona

Persona image

User Journey

There are two groups of users, shoppers who do the shopping at supermarkets, and users who make orders and wait at home. It is fairly simple to visualize the flow / journey both shoppers and users have. We used sticky notes to stage the process.

User journey map done with sticky notes

Wireframe

After having all the basics sorted out, we moved on to wire-framing and interface designing.

Sketch

Sketch drawings of shoppers journey
Sketch drawings of end user’s journey

Digital Wireframe

Shoppers Interface and workflow to shop and scan / edit the expiration dates.

Digital wireframe of shoppers journey

Users’ notifications about not-to-waste tips and expiration info.

Notification for users to remind them there are tips to preserve food
Notification for users to remind their food is going to waste

(Credit: Uber & iOS 14 Figma Community Design UI Kits)

User Test

After having the basic mock-ups, we did user tests around groups of people, to see if the core workflow makes sense to them and how we could improve on that. As such, we came up with an updated design for the list items that display item images as well as the best-before information.

Food list update design after user test

Design

After getting the information we needed, we later on improved the whole UI to make it cohesive and intuitive, also, hopefully, a close match to Instacart, on which this feature we are trying to build.

For shopper:

Digital design of shoppers journey 1/2
Digital design of shoppers journey 2/2

For user/customer:

Digital design of user’s journey 1/2
Digital design of user’s journey 2/2

To access the design, use this link to our Figma file: Product Design Challenge Design

Reflection

This solution we came up with is fairly simple and straightforward, and most importantly, feasible. When we were researching options of reducing food waste, we realized that people want to help, yet they don’t have the tools to do it.

Since Instacart has already built this community and platform, where countless shoppers help their customers get what they need, we thought that could be a right angle to start with, giving people the tool they need, and they can do wonderful things to save our environment.

We made the design decision that asks shoppers to do what’s needed in terms of getting the expiration date, some of which can be done by existing supply chain data extracted from the bar code, and the rest will rely on manual kind work from the shoppers. Therefore our users, the end customers, will only get notifications about tips and tricks, and also reminders of things going bad in their fridges.

Greater Good

As designers, we are problem-solvers, we bring solutions to this challenging world so that we can make changes for the good cause, and the greater good. As stated in the previous sections about the background story, we are well aware that this is a complicated issue, but if we can help people buy less than they need, and remind them not to, that can be a step worth taking.

We appreciate the opportunity of this product design challenge that put the issues in front of us, and had us work around a meaningful one.

Team

We are two designers based in Vancouver, BC, Canada.

Anyuan Wang, Product & UX/UI Designer

https://anyuanwang.com/

Shawn Deng, Product & Service Designer

https://shawndeng.design/

--

--