← Back to work Case Study 01 · E-commerce / storefront

Conversion, step by step.

Client
Car-parts e‑commerce — under NDA
Role
Product Designer — UX, UI & CRO
Scope
Research · Design system · A/B testing · Delivery
Also
Selver · Tallink · other e‑com brands

1/ Context

I've designed the customer-facing side of e‑commerce for a range of brands — from grocery retail (Selver) to travel (Tallink) and several smaller shops. This example is a car-parts store: a domain where the whole game is getting a visitor from "will this part even fit my car?" to a confident checkout, across a catalogue of thousands of near-identical SKUs.

The brand is under NDA, so the logo and names are masked — but the storefront, the flows and the patterns are exactly as shipped.

2/ What I owned

The exact remit shifts from project to project — on this kind of engagement I've owned some or all of:

  • User metrics & research. Defining the funnel, watching where it leaks, and running the research — interviews, surveys, session and eye-tracking review — to know why.
  • The design system. A component library that keeps a thousand-SKU catalogue coherent and lets the team ship fast.
  • A/B testing. Framing hypotheses, designing the variants, and reading the results to statistical significance.
  • Delivery oversight. Front-end practices and review of the build against the design, through to release.

3/ How I lift conversion

I don't guess at conversion — I benchmark it. I go deep on industry benchmarking and lean on documented best practice, especially the Baymard Institute research on e‑commerce UX, combined with my own library of e‑com patterns built up across projects.

Every design is judged the same way: by the conversion of each individual step and by the final conversion at the end of the funnel. If a step leaks, that's where the next iteration goes — reassurance where users hesitate (fitment, stock, delivery, returns), friction removed where they drop.

4/ Screens

shop / desktop — product listing
Desktop product listing for oil filters with a 'Yes, they fit!' vehicle confirmation, faceted filters for manufacturer, price and type, and product cards showing stock, delivery and fitment on each
Desktop listing — the "Yes, they fit!" banner answers the first question before anything else. Faceted filters, and stock, delivery and fitment signals on every card, so the choice is confident.
Mobile product page for an oil filter: fitment confirmation, discounted price with savings, delivery and pay-later options, specifications and OEM cross-reference codes, and a sticky buy bar
Mobile product page — fitment up top, transparent pricing, full specs and OEM cross-references, and a sticky buy bar that never leaves the thumb.
Mobile product listing with a filter bottom-sheet open: manufacturer and type chips, a 'ships today' toggle, and a button showing the live product count
Mobile filtering as a bottom sheet — chips for manufacturer and type, a "ships today" toggle, and a live product count on the apply button so the result is never a surprise.

5/ Outcome

Shipped as a living storefront and design system, measured the only way that matters: step conversion and final conversion, moved and held through A/B testing rather than opinion.

🔒 Specific figures are under NDA — happy to walk through the funnel and the tests in a call.

Want this kind of thinking on your storefront?

Book a walkthrough →