.
Please enable JS

ATM Screen Flow Demo

Product Creative Direction, UX, Branded Interface Design, Interactive Demo

PROJECT DETAILS

ORGANIZATION: Cardtronics

PROJECT: Branded ATM Screen Flows • Allpoint Network

ROLE: Product Creative Direction • Interface & Interaction Design • Front-End Build

An ATM screen is the least forgiving surface a brand can live on. Someone walks up stressed, distracted, in a hurry. Sometimes in the cold, sometimes in the dark. They are not there to admire anything. They want their cash and they want to leave.

That is exactly why it is the hardest place to make a brand felt. No room for decoration. No patience for cleverness. Every screen has to earn its place by making the next decision obvious.

So I designed the brand into the function, not on top of it.

What the flows had to carry

Type that reads in a glance, in glare, at arm's length. Hierarchy that tells you what to do before you finish reading. Color used for guidance, not garnish. Motion that confirms an action without slowing it down.The brand showed up in how fast it felt, how sure it felt, how little it asked of you. Not in a logo on a splash screen.

The screens

Three core paths, withdrawal, deposit, and cardless, each a decision tree built for speed and confidence, so a first-time user and a daily user both move through without thinking. Cash amounts sized largest because that is the one thing everyone came to choose. Deposit confirmations held a beat longer, because money going in needs more reassurance than money coming out. And every cardless step stating what happens next, because the user is trusting a process they have never done before.

ReadyCode

One flow had no precedent. Cardless access, then ATM Pass, now ReadyCode: generate a secure code on your phone, use it at the machine instead of a card. New behavior means no muscle memory to lean on, so I designed the confidence in step by step, until a person trusted a process they had never done before with their own money. Product design at its least forgiving.

Proof it shipped

To put these flows in front of people, I rebuilt the full experience as an interactive iPad app for trade shows. Customers completed a real transaction and watched it play out on a live ATM beside them. Not a demo. The product, in a different form.

View the interactive experience

Why it matters

A brand carried all the way down: strategy, identity, environment, and into the screen where the customer actually transacts. Most brand work stops at the marketing layer. This one went to the hardest surface to survive on, and held.

Allpoint ATM welcome screen
Allpoint ATM Meun Screen
Allpoint ATM instert cash screen
Allpoint ATM Deposit Review
Allpoint ATM bill selection
ATM Screen Flow Demo