Back to Projects

Nudging in E-Commerce Checkouts

Boomerang Systems
E-CommerceB2CBehavioral DesignNudgingUX ResearchHeuristic Evaluation

Reusable shipping packaging exists in German e-commerce. Almost nobody selects it. I rebuilt the checkout around two behavioral nudges and tested it against the current integration.

Role
End-to-End design and research process
Timeframe
12 weeks
Year
2023
Tools
Figma, Maze, jamovi, G*Power

TL;DR

Boomerang Systems sells reusable shipping packaging, and their widget for it already ran in live Shopify shops. In 2023 I audited that integration, then rebuilt the cart and the shipping step around a framing nudge and a social reference nudge. I tested both versions in Maze with 54 participants, split evenly and at random. The redesign more than doubled the share who ordered with reusable packaging.

Current integration
6 of 27 ordered with reusable packaging
Redesign
15 of 27 ordered with reusable packaging

The problem

Germany passed 4.5 billion parcels in 2021. Paper and cardboard shipping packaging came to 863,200 tonnes in 2018, and the INFA institute measured it at 64 to 71 percent of the volume in household paper bins. Reusable packaging cuts that waste. Customers have to actively choose it, and hardly anyone does.

How I worked

01Status quo

Audit the reusable integrations already running in real shops.

02Frameworks

Work out which sustainable design levers apply to a checkout.

03Design

Rebuild the checkout around the levers that survived.

04Evaluation

Test the redesign against a faithful rebuild of the status quo.

What the audit found

Boomerang was the project partner, and their widget for adding reusable packaging to a Shopify cart had already shipped. That widget was the starting point, so the first thing I did was audit it.

I looked at four Shopify shops running two reusable systems, RePack at Hopaal and Skhoop, Boomerang at Dirts and Kaala Yoga, and scored each against Nielsen's heuristics plus e-commerce criteria from Bonastre and Granollers and the Baymard Institute. The same four problems showed up in all of them, my partner's included.

  • The reusable option sits in the cart as a normal line item, so people can order three of them by accident
  • Once past the cart, nobody can edit or remove it
  • It never appears in the shipping step, where the delivery decision actually happens
  • No number anywhere tells the customer what choosing it changes
Boomerang's shipped cart widget on a demo Shopify store, showing a rucksack at a subtotal of 99,99 euros and an orange banner reading "Use reusable shipping for a 3 euro deposit and do something good for the climate," with a Select reusable shipping button and no reusable item added yet
This is Boomerang's widget as it already shipped, the state I used as the control condition in the test.

Narrowing twelve frameworks to two

A keyword search turned up twelve sustainable design frameworks. I scored each on three questions: can you design digital products and services with it, does it give concrete recommendations or only holistic ones, and does it cover e-commerce specifically. Only The Sustainable Ecommerce Handbook answered all three. Plenty scored two out of three, so the second pick was a judgment call: Design for Sustainable Behavior, because it adds applicable behavior-change strategies on top of the holistic view.

Most of this literature is written for physical products, material sourcing and manufacturing. Visual design barely gets covered, so there were no best practices to borrow. What did transfer were four levers: transparency, education, association with sustainability, and incentive. The place they applied was the UX writing.

Picking the behavioral goal

Four papers on green nudging agreed on five nudge types once I set the bar at three of four sources: framing, priming, social reference, default, and prompting. Beermann et al. reviewed 64 green nudges and sorted them by which of three behavioral goals they served: changing an existing behavior, reinforcing one that already exists, or forming a new one. Different goals call for different nudges, so picking the goal decides the design.

The goal was not obvious. Almost nobody selects reusable shipping, and that reads either as changing an existing behavior, single-use, or as forming a new one. I settled on reinforcing an existing behavior, because I was testing against a live integration that already had customers and a conversion rate, however small. That choice put framing and social reference on the table.

I dropped the default nudge. Preselecting reusable changes the commercial relationship between the shop and the packaging company, not the interface, so it was not mine to propose.

The cart nudge answers "why would I"

Framing translates the benefit into a number, then explains the deposit mechanic in three lines. Green type, the licensed Mehrweg mark, one prominent button. This one is pure persuasion. It does not change how the cart works.

Up to 80 % less CO2 emissions than disposable packaging

Choose our eco-friendly reusable shipping and help us save the environment by shipping your order with Boomerang's reusable packaging. Good for the environment, good for your paper bin. More info

  • Deposit 3 €
  • Fold & drop in the letterbox
  • Deposit is automatically returned

Use reusable packaging

The German Mehrweg mark for reusable packaging
Transparency and incentive. The benefit arrives as a number, framed as something the customer gains.Association. Green type, a leaf, and the licensed Mehrweg mark, so the block reads as sustainability before it is read at all.Education. Three lines covering what the deposit costs, what to do with the packaging, and how the money comes back.One target. The button comes after the explanation, so anybody who reaches it already knows what the deposit costs and how it comes back.
Redesigned cart on the demo shop tripsicher, headed Cart with a Continue shopping link, listing two line items, EcoVenture - 20L Rucksack from tripsicher at 99,99 euros and Deposit Reusable Packaging from Boomerang at 3,00 euros, both quantity 1. Below the line items sits the framing nudge on a cream panel: a green leaf icon and the bold green headline "Up to 80 percent less CO2 emissions than disposable packaging," a paragraph of body copy, and on the right three green check lines, Deposit 3 euros, Fold and drop in the letterbox, Deposit is automatically returned, the blue and white Mehrweg mark, and a pale green Use reusable packaging button. Underneath, a Sub-Total of 102,99 euros, the note incl. VAT plus shipping costs, and a black Checkout button
The redesigned cart, with the framing nudge dropped between the line items and the subtotal, so the explanation shows up right as the deposit turns into a line on the bill.

The shipping nudge answers "how should this work"

Reusable becomes a radio button next to standard shipping, priced the same. One selection instead of a line item with a quantity stepper, placed at the step where people actually decide how a parcel arrives, with a count of how many chose it yesterday and a tooltip that covers the deposit.

Standard2 to 4 workdays3,90 €
Reusable shipping (+ 3 € deposit)2 to 4 workdays3,90 €

The deposit amount is automatically refunded to you after you return the packaging. You can fold the packaging and put it in any letterbox for free. In this way, we can save up to 80% of CO2 emissions with every return.

A real choice. One radio, at the step where people decide how a parcel arrives. In the shops I audited, reusable was a cart line item with a quantity stepper, so nothing stopped you buying three.No penalty. Priced identically to standard shipping. The deposit is the only difference, and it comes back.Social reference. A count of how many people picked it yesterday. This line is the nudge.Education. The deposit question, answered at the point it gets asked.

The shipping step, before and after

The current integration offers one option and never mentions reusable packaging, at the exact point where somebody decides how their parcel arrives. That absence was the fourth audit finding, and it is the one you can see.

Current integration
Shipping step in the current integration, showing only a Standard option at 3,90 euros for 2 to 4 workdays. Nothing on the screen mentions reusable packaging.
Redesign
Redesigned shipping step with two options priced the same at 3,90 euros: Standard, selected, and Reusable shipping with a 3 euro deposit, next to a green line noting that 41 customers chose reusable shipping the day before

Reusable shipping priced identically to standard, as a real choice rather than an add-on bought earlier.

The prototype

I built the full flow as an eight-screen clickable prototype in Figma on Shopify's Dawn theme and checkout UI kit, plus a faithful rebuild of the current integration as the control.

Product list
Product
Cart
Information
Shipping options
Payment
Processing
Confirmation

The test

Between-subjects, 54 participants, split evenly and randomly across both prototypes in Maze. Sample size came from an a priori power calculation in G*Power.

6.31Pearson chi-square
0.012p value
0.342Cramér's Vmoderate effect
11 of 15converted at the cart nudgethe other 4 at the shipping step

What it doesn't prove

No real money changed hands, so hypothetical bias applies and the absolute numbers will not hold in a live shop. The task itself pushed in the same direction: a Maze mission tells you to complete a purchase, so choosing reusable cost participants nothing they cared about. Achieved power was 0.71 against a target of 0.8. Desktop only.

The honest next step is an A/B test in a shop that already sells reusable shipping.