Contact

Checkout as the last page of the story

E-commerce

Checkout design is often handed to the platform default. After months of crafting a distinctive home page and product pages, the final step looks like every other store. Yet checkout is where the customer extends the most trust: their address, their card, their money.

It deserves the same attention as the rest of the story.

Remove what isn't needed#

Every field is a small decision and a chance to drop off. Ask only for what you need to deliver the order.

Common simplifications#

  • Offer guest checkout; invite account creation after the order
  • Use a single name field where your systems allow it
  • Look up addresses from a postcode or PIN code
  • Default billing to the delivery address

Show the full cost early#

Unexpected costs at the final step are a leading reason people abandon carts. Show delivery charges, taxes and estimated delivery dates before the payment step, ideally on the cart page.

Design for the phone keyboard#

Use the right input types so phones show a numeric keypad for numbers and an email keyboard for email. Enable autofill. Keep the primary button visible and large enough to tap with a thumb.

Checkout is not the end of the experience. It is the moment the customer decides to trust you.

Keep the brand, lose the distraction#

Checkout should feel like the same brand, with the same type and tone, but without navigation, promotions or anything that pulls attention away from finishing. Reassure with facts: return policy, delivery promise, secure payment.

Follow through#

The confirmation page and email are part of checkout. Tell people exactly what happens next and when.

A clear confirmation with the order number, delivery window and a way to get help reduces support questions, and it is often the moment a first order turns into a second one.

Ecommerce

Movement-first commerce: shopping by activity, not SKU

E-commerce

Most stores are organised the way the warehouse is. Organising around what people actually do changes how they browse, compare and choose.

The quiet product page

E-commerce

Badges, timers and pop-ups promise urgency and deliver noise. A calmer product page lets the product and the decision come first.

thumb

Designing for the thumb: mobile navigation that holds up

UX

Most phone use is one-handed. Navigation that respects the reach of a thumb feels effortless; navigation that ignores it feels like work.

thumb

Choosing a typeface for an editorial brand

Typography

A typeface sets the tone before a single word is read. Here is how I narrow the choice for brands that want to feel considered rather than loud.