The purple ones

Building the Nespresso product list around an overlooked mental model: COLOR.

designresearch

A pattern emerged interview after interview:

What’s your favorite coffee?

The golden one.
The purple ones.
Green. Definitely green.

When asking users about their favorite coffee, they rarely remembered the official names. They referred to them by color instead. We could see them squint, think for a bit, and go: "The purple ones."

Later, in usability tests, the pattern held. We would ask users to add the coffee they usually buy to the basket, and they wouldn't read the names at all. They scanned the product list by color and tapped.

Mental model mismatch

Capsule names like "Arpeggio" or "Stormio" do real work at the brand level. They're distinctive, premium, ownable. They're just hard to recall at the moment a returning customer is trying to find their usual coffee. Users filled the gap with what they could see: color. This is the kind of pattern that only shows up in research.

The design sprint experiment

During a week long design sprint we had the opportunity to test a bunch of fresh ideas at once. Guillem Linares and I put together a list of hypotheses and observations from existing user data and let those drive the design. The color mental model was put at the center of the experience, but that was not all.

Hypothesis 1

The color grid

Organizing capsules by color reduces time-to-basket for returning users, because they already shop by color, not by name.

Most visitors on Nespresso's website are returning customers buying their usual capsules. The main goal of the product list page isn't discovery, it's getting most users to their basket faster, without closing the door on the ones who do want to browse.

Hypothesis 2

The subscription funnel

Surfacing the subscription as the last step of the recurrent purchase, instead of as a separate funnel, will lift sign-ups, because the offer lands when intent is highest.

If most visitors are returning customers buying their usual capsules, it makes sense to offer them a subscription at the end of the recurrent purchase journey.

So we built an end to end funnel, simulating the most common user journey, from the homepage to the final checkout.

The sprint version of this prototype was made with Figma, the way most sprints work. For my portfolio, I rebuilt the whole thing in code with Next.js, real motion, real transitions, and real touch behavior, so anyone reading this could feel the design instead of clicking through static frames.

Try purchasing some capsules with this prototype:

Prototyping is changing fast, with AI we can now build projects like this one in a few hours. Results are much more accurate & measurable than they used to be with Figma.

Open prototype in a new tab

Measuring success

We ran an unmoderated test with eight frequent Vertuo buyers, all fitting the persona we had been designing for. For each hypothesis we picked metrics that could prove us wrong, not just confirm what we wanted to hear.

Hypothesis 1: the color grid

We asked each participant to find and add their favorite capsules to the basket, starting from the homepage, and then to filter the grid by color. We also asked how easy the browsing experience felt on a five-point scale from very complicated to very easy.

8/8
Found and added their favorite capsules without backtracking.
7/8
Filtered by color on the first try (one reached for search instead).
4.5/5
How easy it was to browse, 5-point scale.

Hypothesis 2: the subscription funnel

We asked each participant to move to checkout once they were done adding capsules, and then to complete the purchase, watching whether anyone explored the subscription option on their own. Afterwards we backtracked and walked them through the value proposition explicitly to see if it landed.

8/8
Reached checkout without help.
1/8
Explored the subscription on their own during checkout.
4/8
Found the value proposition compelling once understood.

Organic engagement during checkout was low, which tracks with how upselling usually performs in e-commerce. The more interesting signal sat one step deeper: half the participants found the offer worth considering once it was framed, which is a different question than whether they'd notice it on a busy day.

Qualitative Feedback

Beyond the numbers, we asked how they felt about the overall look and feel of the page, the colors in the grid, the option to filter by color, and the value proposition of the subscription. We were listening for surprise more than approval.

Very clean and sleek design.
I love how playful it looks.
Organizing by colors is very clever!

Most users called the page calmer than what they were used to, and the color filter landed without anyone needing it explained, which was the bigger signal: it was already how they thought about the products.

I love that they can help me recycle, I never knew how to do it.
Oh a discount on my regular purchase, interesting.
Not for me, I’m not into subscriptions.
I like looking for new capsules, I feel I’d miss that.

The half who liked it valued a better process for recycling, the discount and not having to think about reordering. The half who didn't enjoy the small ritual of picking capsules each month, which is fair, the subscription is a service for one mode of behavior, not all of them.

Conclusions

Design sprints are a great way to step out of the regular cadence, test ideas that wouldn't survive a normal roadmap conversation, and work with people you don't usually sit next to. Just a problem and a deadline.

Separate teams are currently testing the color filter and a semantic search where typing "blue" surfaces the blue capsules, "strong" surfaces the high-intensity ones, and so on. A different shape, same mental model underneath.

The subscription upsell at the end of the purchase flow is in the pipeline to be tested next. Big-company timelines being what they are, the prototype raised enough eyebrows in the right rooms that the idea is being seriously considered. That's already a useful outcome for a week-long sprint.

P.S. — live data of the prototype

When qualitative prototypes turn quantitative.

As prototype above is real code, it can also track events. This is a live demonstration of how people that visited this portfolio have interacted with it.

8
readers of this article
38%
visited the coffee list page
13%
opened the filters
38%
checked the subscription
25%
finished the purchase
Add to cart, by color · 10 total
  • Yellow
    2
  • Orange
    2
  • Pink
    0
  • Red
    1
  • Purple
    3
  • Navy
    0
  • Blue
    0
  • Green
    1
  • Brown
    1
  • Grey
    0
  • Black
    0