E-Commerce & Fintech
FordPass: Reimagining the Checkout Flow.
Redesigning the connected vehicle mobile experience to streamline workflows, establish consistent visual rules, and simplify complex point-to-dollar conversions.
[Flat UI: Screen 1]
[Flat UI: Screen 2]
The Objective
"Reduce cognitive load during complex point-to-dollar conversions, lifting self-service transaction rates for millions of daily active users."
The Friction
High Drop-off in Redemptions
Users were abandoning the checkout flow because the conversion rate between FordPass points and actual dollar amounts was visually hidden. The sliding scale required too much precision, causing frustration and immediate cart abandonment.
[Flat UI: Old Screen with Red Highlight]
The Architecture
Frictionless Conversions
We stripped away the cognitive math. The new slider instantly calculates point-to-dollar value in real-time, displaying the exact monetary savings directly inside the primary checkout summary card before the user even touches the 'Pay Now' button.
[Flat UI: New Edge-to-Edge Checkout UI]
UI System & States
Scalable UI Foundations
[Point Slider States]
[Checkout Summary Card]
[Success & Error Toasts]