09 — Matsmart · Columbia Road · Stockholm

Redesigning mobile checkout for three million bargain-hunting shoppers

Lead UX and conversion designer on Matsmart's mobile redesign — a Swedish sustainable grocery marketplace selling suppliers' surplus stock at a discount, rebuilt and A/B tested with Columbia Road, Futurice and Prototyp.

Industry
Sustainable grocery e-commerce — Sweden & Finland
Role
Lead UX & Conversion Designer — Mobile Design · A/B Testing · Checkout & Category UX
Scope
Mobile-first redesign, structured A/B testing programme, checkout flow, category & content templates
Partners
Columbia Road (UX & conversion design) with Futurice (service design) and Prototyp (development)
Case study
Columbia Road write-up →
Website
matsmart.se →
Impact window
12 months post-launch
The Challenge

A fast-growing startup, outgrowing its own website

Matsmart was scaling fast on a simple idea — sell suppliers' surplus stock at a steep discount, and save food from being wasted along the way. The website hadn't kept pace with the business.

New investors, a clear sustainability mission, and strong mobile traffic — but the store behind it all had been built quickly, not built to convert. Buying buttons, product views, filters, sorting and checkout all needed rework, and the team needed a way to keep publishing new content and campaigns without design becoming a bottleneck.

Matsmart brought in Columbia Road to partner alongside Futurice, who had already run service vision sprints to map the pain points, and development agency Prototyp, who were rebuilding the tech stack underneath it.

Matsmart website shown across desktop and mobile
Matsmart unboxing — a delivery box of rescued groceries
Matsmart brand campaign — surplus food at 20-90% off
The Move

Test everything, then test it again

I led the mobile UX and conversion design — running a structured A/B testing programme rather than shipping one big relaunch and hoping.

We gathered 100 customers in Sweden and 100 in Finland and tested variant after variant of buying buttons, product views, filters, sorting, category display and the logged-in "favourites" state — small tweaks, tested often, rather than a single redesign shipped cold.

The result was a redesigned, mobile-first marketplace: clearer categories and campaign labels, a rebuilt checkout flow, and ready-made templates so the team could keep publishing without waiting on design.

The Work

01 — Mobile-First Redesign

Rebuilt buying buttons, product views, filters, sorting and category display for mobile.

02 — A/B Testing Programme

Ran structured tests with 100 customers in Sweden and 100 in Finland.

03 — Checkout & Conversion UX

Rebuilt the checkout flow end to end for a stronger conversion rate.

04 — Content Templates

Ready-made category and campaign templates so the team could publish without design.

The Outcome

A redesign that reached three million shoppers

Within 12 months of launch, the new design shaped how roughly three million people shopped — most of them on mobile.

"Working with Columbia Road has not just improved our mobile design and increased our conversions, but also given us completely new ways of working." — Johannes Kayser, Head of Business Development, Matsmart

Matsmart has since merged with sister brand Motatos to become Matsmart-Motatos, now trading in five European markets and named to the Financial Times' list of Europe's fastest-growing companies. The mobile UX underneath, though, is still the one built during this project.

~3M
Shoppers reached in the first 12 months, most on mobile.
100 + 100
Customers tested in Sweden and Finland.
4 for 4
Checkout, add-to-cart, bounce rate and engagement all improved.
Still standing
UX intact through a later rebrand.
Matsmart mobile marketplace — product listings page
Matsmart-Motatos surplus grocery box, packed with rescued products
To the top