Get quote
All the work

VELD

A store that completes the job

A coffee roastery that roasts to order each week. The parts that actually break sit after the homepage, so here they are all finished: variants, the arithmetic in the cart, checkout and the confirmation.

  • A roast date, a batch number and a shipping day that work themselves out
  • A cart, a checkout and a confirmation that actually work, through to the delivery date
  • Free shipping from EUR 35, with a bar showing how much is still missing
De webshop van VELD
Customer
VELD
Industry
Coffee roastery
Type
Build
Platform
Custom

  1. The problem

    The freshness was nowhere on the site

    The coffee was roasted to order each week, but the site showed none of it. No roast date, no batch, no shipping day. Just products with a price next to them. And that freshness is the entire difference from a supermarket bag: without a roast date you are selling exactly what the shelf sells, only dearer.

    The store stopped at the homepage

    Everything after it, choosing between sizes and grinds, checking out, subscribing, was either missing or half working. That is exactly where the money leaks: at the variants, at the free shipping threshold, at the validation on the checkout form. A good looking front page fixes none of that.

  2. What I did

    Made the roast date the main event

    The batch number and the roast and shipping days work themselves out from the week someone is looking in, so the page never claims a date that has gone stale. On the product page the roast date sits beside the price rather than buried in a tab at the bottom. Next to it sits a slider that puts fresh coffee against nine month old coffee, so the difference can be seen instead of only claimed.

    A cart that counts per variant

    Product, size, grind and subscription together form the key, so the same coffee in a different grind is its own line and never quietly adds itself to the previous one. Money is carried in integer cents throughout the store, so nothing disappears into rounding and the receipt adds up to exactly what was paid.

    Free shipping as a position, not a rule

    Free shipping starts at EUR 35. In the cart that is not a sentence but a bar: how much is still missing, and how far along someone already is. It becomes a target while shopping rather than a surprise at checkout.

    Checkout with real validation

    Payment method first, then the address, with real validation on the Dutch postcode rather than a field that approves anything. Shipping and the free shipping threshold work out live. No account is needed and no password, because those are two screens people drop out on without either of them adding anything.

    Eight payment logos, all self hosted

    The eight payment logos sit on the site itself without a single external call, so nothing leaks to a third party and nothing breaks when that party changes an address. Every view in the store is also shareable by link, so any single step can be shown directly instead of talked through.

  3. The result

    VELD now has a store that completes the job rather than stopping at the front page. The freshness that is the whole difference from a supermarket sits up front and keeps its own dates, and everything after it, the variants, the cart, the checkout and the confirmation, runs through to the delivery date on the receipt. It runs on the store's own code, with no external calls for something as small as a payment logo.

On a phone

VELD, de weekselectie op een telefoon
The week's selection. Four roasts with their tasting notes, and under every price sits how long ago that bag was roasted.
VELD, de productpagina op een telefoon
The product page. Pick a size and a grind and the price moves with it, with the roast date beside the price rather than in a tab at the bottom.
VELD, de winkelwagen op een telefoon
The cart. At the top sits not the rule but the position: EUR 5 to go for free shipping, with a bar showing how far along you already are.
VELD, het afrekenen op een telefoon
Checkout. Payment method first, then the address with real validation on the postcode, and shipping that works out live. No account, no password.
VELD, de orderbevestiging op een telefoon
Confirmed. Order number, the amount paid, and a delivery date that follows from the roasting week. It ends on a date, not on a thank you.
VELD, de abonnementspagina op een telefoon
The membership, alongside the flow. What it costs, what it gives, and a table putting it beside ordering loose rather than only claiming it.

Drag sideways to see the rest.

Need a store like this?

The audit is free and commits you to nothing.

Free site audit See other work