← All work EV & lifestyle · Website

Moke

Moke turned a niche electric car into an everyday indulgence, tripling qualified leads.

Role
UI/UX Designer
Timeline
12 weeks
Platform
Responsive website
Industry
EV / automotive / lifestyle
Live site ↗
Moke
Problem

Several regional websites with inconsistent identities were diluting the premium positioning of the new Electric MOKE and putting pre-orders at risk.

My role

Designed the UX and UI of the new site, from the journey structure to the responsive visual system.

Outcome

A unified, launch-ready site that supported campaign traffic from day one and tripled qualified leads.

01 — Context

A premium product with a fragmented front door.

MOKE International launched the Electric MOKE while running multiple regional websites, each with its own look. For a lifestyle product that sells on feeling, that inconsistency undercut the brand right when pre-order momentum mattered most.

02 — Approach

Sell the feeling first, then the spec.

The design is rooted in the Electric MOKE’s identity: open-air freedom, coastal living, effortless exploration. An editorial palette, aspirational typography and layouts that let lifestyle photography carry the emotion before a single spec is read. Underneath, the journey runs in four steps.

  1. DiscoverLifestyle and brand story
  2. UnderstandDesign, details and specs
  3. ConfigureBuild your Moke
  4. Pre-orderLow-friction checkout
03 — Key decisions

Three decisions drove the result.

Decision 01

One system for every region

All regional touchpoints unified under one visual system, with accent colours that give each section its own character without breaking consistency.

Why: fragmentation was diluting a premium brand. One system makes every region feel like the same product.

Home, The Med, The USA and Retail Partners.
Home, The Med, The USA and Retail Partners.
Section accents: Home, The USA, The Med, Design, Journal.
Section accents: Home, The USA, The Med, Design, Journal.
Decision 02

Photography carries the emotion

Layouts built to let the lifestyle shots do the selling, so visitors feel the product before they compare it.

Riviera lifestyle photography.
Riviera lifestyle photography.
The details: steering wheel, charger, seats and front.
The details: steering wheel, charger, seats and front.
Decision 03

A journey that ends in a pre-order

Discover, understand, configure, pre-order. Each page moves the visitor one step closer to checkout, and the system holds up across desktop, tablet and mobile.

About, FAQ, Resort Partner and Journal.
About, FAQ, Resort Partner and Journal.
The Med Dream and The Moke Journal.
The Med Dream and The Moke Journal.
04 — Outcome

Launch-ready, and it converted.

3×Qualified leads
12 wksFrom brief to launch-ready
1Visual system across every region
  • Every regional touchpoint unified under one visual system
  • A journey structured to reduce friction at checkout
  • Delivered in time to support campaign traffic and pre-orders from day one

Got a product that feels more complicated than it should?

I help teams turn messy, multi-step flows into products people understand. Let's talk about yours.