Product for Autopilot

Payment infrastructure can be yawn-inducing. We designed Autopilot to think, signal and respond.

Finance/AI

Singapore

Autopilot is building payment infrastructure for the age of AI, taking on global payment flows from routing and payouts to fraud prevention and observability.

MacBook Pro on a boardroom table showing the Autopilot dashboard open in a browser at autopilot.is, with a transaction detail panel and a balance per PSP breakdown

The product constantly analyzes and prioritizes information about ongoing payments. We designed it so that it intuitively surfaces what matters most at any given moment.

Country latency card listing per-country payment latencies with insight notes for Bosnia and Germany

Top payment methods line chart comparing PayPal and Klarna shares with a tooltip for a single day

Total balance area chart showing a 418k euro balance with a tooltip for a two-day range

Transaction volume bar chart showing 321k euro with a tooltip for a single day

Checkout payment methods card with credit card, Klarna and Alipay enabled and PayPal and Apple Pay switched off with recommendations

Balance per PSP card listing Adyen, Stripe, 2C2P and dLocal shares with a highlighted insight recommendation

With so much running simultaneously, the product had to meet its users halfway. From Cmd+K to adaptable layouts, we made Autopilot flexible enough to support different workflows and ways of thinking.

Autopilot dashboard checkout view with a country turnover list, a Canada checkout preview with Apple Pay and a payment methods panel showing credit card, Klarna and Alipay shares

Command palette for choosing a region or country, with North America selected above APAC, Europe, Germany, France and Spain

Command palette filter list with time of day, region, date range, transaction volume, latency and auth rate options and an hour range selected

Autopilot dashboard home with a latency map of Europe, Germany selected, and a side panel of country metrics, payment methods and balance per PSP

Payment orchestration doesn't have to be trash pop. It can be a beautiful symphony. Complex architecture sits underneath, while the interface guides attention and keeps users moving smoothly through payment flows.

Autopilot flow builder screen with a trigger, a capture payment action via Adyen and a split rule, plus the action settings panel

Flow builder condition list of transaction currencies with SGD and MYR selected

Flow builder placeholder buttons to add an action, a condition or a split, with the add action button hovered

Flow builder condition card matching ApplePay or GooglePay payments in Germany on authorise or capture

The dots, color palette and icons are three core brand elements that come together organically in the product. Their interaction becomes the language Autopilot uses to communicate.

Set of twelve green Autopilot product icons including home, plug, vault, inbox, cart, user, code, bank and transfers

Close-up of the Autopilot sidebar navigation with Flow, Transactions, Checkout, Connections and Treasury, with Checkout active

Payment timeline showing accept payment, a cancelled Stripe authorisation and a follow-up email step

Close-up of the dashboard map with Germany filled in a blue to purple gradient and a 180 s latency badge

Autopilot is an active, thinking system. Translating that into the product meant bringing technical clarity, intuitive design and dynamic visual cues together.

Product Concept: Tammo Mamedi, Julian Bauer
Product Strategy: Julian Bauer
Creative Concept: Kwadwo Malcolm, Semir Greven
UX/UI: Kwadwo Malcolm, Semir Greven
Design Systems: Semir Greven, Kwadwo Malcolm
Front-end Development: Jonny Snow
PM & Ops: Anastasiia Bezhevets

Stack

Weavy (now Figma Weave) and Cavalry for brand visuals

Rive for logo animation

React Router, Tailwind and Shadcn for product design

Astro + Dato CMS for website

Autopilot x Overnice

A partnership that spanned one very full year. We worked with Autopilot across branding, website and product, collaborating closely with their engineering team and helping shape key product decisions along the way.

Photorealistic billboard mockup for Autopilot with the tagline Nothing to fix, everything to build between city buildings

More from Autopilot

We joined Autopilot at the start, shaping the Brand and website and entire Product(Just seen) as one connected experience.

More product cases

GraphCDN Product

Product for Stellate

FormFollows product preview

Product for a real-estate company

Puls app on an iPhone

Product for GoPuls