Skip to content
110 Green Subscribe Contact

0.18g   100/100

A Life-centred Design Project

How might e-commerce encourage sustainable shopping?

Applying life-centred thinking and behavioural design to nudge users to make more sustainable grocery shopping choices

A Life-centred Design Project

How might e-commerce encourage sustainable shopping?

Applying life-centred thinking and behavioural design to nudge users to make more sustainable grocery shopping choices

About

For truly sustainable living, which also regenerates the planet, we need a revolution of the entire way we make, use, and reuse goods.

But that change may be a long way off.

So, what can UX designers do now to enable more planet-friendly purchasing by customers?

Using insights from an analysis of current sustainable shopping UX solutions in my research article, 7 behavioural UX approaches ↗ encouraging sustainable purchases, I attempted a design evolution of one of Australia’s main supermarket’s online store

1. Choose a persona

While I didn’t have any actual personas for any supermarkets, I thought I could at least create one based on some assumptions (and from what I knew about some friends) to help keep the design user-focused.

I thought that a parent juggling family commitments would be a good challenging persona, and male, as there is some evidence that males report lower levels of environmentally-friendly behaviour.

User Persona—Andrew, Husband and father, product manager

2. Determine the product range, metrics, and terminology

From these various sources, I could see the scope of ‘sustainable’ aspects for the Planet Friendly range :

  • Sustainable packaging
  • Compostable/recyclable packaging
  • Organic ingredients/low chemicals
  • Plant-based food, including milk and meat alternatives, etc.
  • Rechargeable and reusable items

I crystalised these down to three and wrote a one-liner for each, humanising any corporate/designer speak for laymen’s language, and drawing inspiration from the answers above.

  • Sustainable materials — Sustainably sourced ingredients, parts, and/or packaging
  • Recyclable waste -Easy recycling of what you don’t use
  • Kind to life — Fair work, animal welfare, and less harm to nature

With this, I created an onboarding modal, utilising authenticity and simplicity, to help shape an initial approach for early rapid testing.

An onboarding and product page design for informing users about sustainable products

3. Test early assumptions

Design V1 (Early Concept Test)—Simple introduction and category view

I had a strong assumption that information displayed on the product, at the decision-making moment, was most important. This sort of informing and enabling at a product level could also add to the use of apps like Get Greener that direct users to websites for sustainable shopping.

Feedback

  • “By the time you start shopping, you will want it to be done asap. The other thing is, I read food labels so having to read another thing in that moment would be a pain. I would have more tolerance if the information was served upfront before I begin the shop.”
  • “I want the decision-making process to be quick”
  • “In usual contexts, frankly if my sustainability impact is not measured, incentivised or punished, I only look for the price and product quality/reputation — and would ignore these icons”
A map of screens that form the online journey for a user to find grocery items and checkout.

4. Design the journey using the testing insight and behavioural UX strategies

Design V2 — Sustainability modes and product swapping

At first, it seemed my assumption was way off, that information at the point of purchase wasn’t impactful to changing behaviour. But thinking more in context, we weren’t necessarily just asking customers to choose one product over the other, we were also asking them to swap pre-made choices.

I needed to explore a simple product-swapping mechanism.

Planet Friendly shopping modes

To give users a choice of how and when they wanted to receive recommendations, I offered 3 shopping modes to choose from (or any combination).

  1. While browsing—utilising in situ Planet Friendly recommendations
  2. In cart—utilising in situ recommendations and product swapping after product selection to review all at one
  3. In saved/favourite lists—utilising the same in situ recommendations and product swapping UX as for the ‘In cart’ mode but for reviewing later
A UX design showing how users can select how and when they view sustainability information about products

Delivery options

Of course, purchasing is only one part of the user experience, there’s also delivery — devise ways you can deliver more efficiently to reduce emissions and offer a reward for users who choose this planet-friendly option, such as planting a tree in their name.

UX designs for sustainable delivery options for receiving online groceries

How did the design test?

Read the full process, testing, insights, and outcomes in the case study on Medium ↗

Two books standing on and angle, The Non-human Persona Guide and The Life-centred Design Guide

Take the lead

Lead the way by redesigning your products and business to reduce environmental and social harm and regenerate the people and environments your system relies on.

“The ideas really resonated with me as I’ve felt this growing unease with human centred design’s echo chamber”

“Super helpful tools for designers… I’ll be sharing them with the students.”

“An amazing book about the topic.”

#2 Amazon Best Seller in Engineering Design, Dec ’22

Back To Top

We use eco-friendly web hosting

For every amperage this site pulls from the grid, GreenGeeks web hosting returns 3 times as much renewable energy to the grid—learn about green hosting.

This will close in 0 seconds

Damien Lutz, author of The Non-human Persona Guide, The Life-centred Design Guide, and Future Scouting

We replenish what we use

A percentage of profits from design guides by Damien Lutz are donated to onetreeplanted.org to replace the trees used to create the books

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

This website runs on green hosting - verified by thegreenwebfoundation.org
Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

We're planting trees!
The number in the site's top bar shows how many we've planted

To regenerate trees used to make our books, we donate a percentage of printed book sales to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions.
The current industry standard is 0.8g/page view—all lifecentred.design pages aim to be less than the standard.

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about our commitments

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

This website runs on green hosting - verified by thegreenwebfoundation.org
Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

We're planting trees!
The number in the site's top bar shows how many we've planted

To regenerate trees used to make our books, we donate a percentage of printed book sales to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions.
The current industry standard is 0.8g/page view—all lifecentred.design pages aim to be less than the standard

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about our commitments

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

This website runs on green hosting - verified by thegreenwebfoundation.org
Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

We're planting trees!
The number in the site's top bar shows how many we've planted

To regenerate trees used to make our books, we donate a percentage of printed book sales to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions.
The current industry standard is 0.8g/page view—all lifecentred.design pages aim to be less than the standard

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about our commitments

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

This website runs on green hosting - verified by thegreenwebfoundation.org
Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

We're planting trees!
The number in the site's top bar shows how many we've planted

To regenerate trees used to make our books, we donate a percentage of printed book sales to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions.
The current industry standard is 0.8g/page view—all lifecentred.design pages aim to be less than the standard

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about our commitments

This will close in 0 seconds

I am the voice of the trees who were taken to make the product I speak from.

We, the trees, gave shade, clean air, homes for countless creatures, and the gift of oxygen for you to breathe. We cooled the earth, held the soil, and stored the carbon that would have otherwise harmed you.

Now, as a user of this product, you are part of this legacy, and a custodian of the things we once were. 

I ask you to honor the role we played for your planet. Where we are taken, help new trees rise, and protect those who still stand tall. Nurture them as they nurture you, for your future is rooted in our regeneration.

This will close in 0 seconds