JDUX
Work  /  Ford Mach-e
UX & ContentAgency · OLIVER20224 min read

Ford Mach-e

Evolving a 3D concept into a configurator worthy of the car.

As one of the world's leading legacy car manufacturers, Ford faces a significant challenge as its digital presence lags behind more agile competitors.

Their car configurator in particular suffers from corporate and regional misalignment, resulting in an inconsistent and unreliable user experience. Simply put: Ford's configurator didn't match the quality of the electric range.

Project brief

Incorporate UX principles and behavioural science to transform an innovative 3D concept into an immersive, accessible, and industry-leading car configurator.

Team
Jack Donovan — UX & Content
Owning the UX & content workstream, alongside —
Christian Cornwell — UI
Lee Hefron — Motion Design
Ownership
UX & content direction
User & industry research
Information architecture
Content strategy
CGI & motion collaboration
Impact
7

EU markets selected for rollout following senior client approval.

The original concept

01
Original single-scroll concept
Original single-scroll concept

Process & findings

02

The automotive industry is shifting focus from forecourts to eCommerce, and from limitless customisation to more restricted, cost-effective production. An underlying feature of electric vehicles is their inherent build simplicity compared to traditional combustion engines — requiring considerably fewer moving parts, their motors are more reliable with less potential for faults.

Competitor configurator benchmarking
Competitor configurator benchmarking

This efficiency is reflected in the digital experiences of industry innovators such as Tesla, Lotus, McLaren, and Polestar, who offer paired-back product configuration options that reduce cognitive load whilst encouraging sales.

Since the electric vehicle market is still in its infancy, Ford's target customers have a wide range of technical knowledge. Many of them require clear answers to make an informed decision to shift to full electric.

Experience principles
Experience principles

Condensing insights into three user profiles, a resulting set of experience and behavioural principles validated our design decisions and steered feature requirements, including the tool's optimal sequencing.

Behavioural principles
Behavioural principles
Optimal sequencing framework
Optimal sequencing framework

Design features

03
1 / 5

A lite design system

A lite design system in line with Ford's recently revised brand guidelines — enough structure to guarantee consistency without over-engineering a single-purpose tool.

Lite design system
Lite design system
2 / 5

Interactive 3D render

A 3D render of the vehicle, interactive on scroll or via the control panel, as the user navigates through the configurator sequence.

Interface layouts
Interface layouts · mobile & desktop
3 / 5

Dynamic configuration cards

Dynamic configuration cards bank to the top of the screen once a step is completed. Each decision point has its own unique layout as a floating Configuration Card, with different states of exposure that grow and shrink as required.

Configuration cards
Configuration cards
4 / 5

Card-flip deep-dives

Card-flip deep-dives housing additional technical product information. To meet the information needs of our various user types, we let them flip Configuration Cards over to access a variety of deep-dive links and content.

Card-flip deep-dive
Card-flip deep-dive
5 / 5

Build review

A review of selected items, plus the full build summary, accessible throughout the experience. Staying true to the immersive single-scroll concept, we added an expandable navigation panel offering a dynamic Build Review.

Build review panel
Build review · fast furnished navigation

Outcomes

04

The design was approved by Ford's senior client team and selected for rollout across seven EU markets. Working alongside Ford's technology partners, we recommended a 2D pre-rendered engine over WebGL — a decision driven by performance consistency across markets rather than visual ambition alone.

← Previous
Kaluza
Next project →
Practi Health

Get in touch.

jackdonovan.ux@gmail.com →
JDUXjdux.design
↑ Back to top
©2026 · LondonDesigned & built by Jack Donovan with Claude — an AI-led design workflow.