ATM Transformation
Modernizing Citi’s ATM experience through a scalable design system
Senior Product Designer
2021–2025
Creative Director
Product Design
Product
Engineering
Overview
Rebuilding 400+ ATM screens into one scalable system
Citi’s ATM experience needed a full modernization driven by WCAG 2.1 accessibility requirements.
What began as a UI refresh quickly became a systems challenge: hundreds of fixed-layout screens, hardware constraints, and a rollout spanning thousands of ATMs across multiple countries.
As a Senior Product Designer, I helped transform the experience into a reusable, token-based design system built to scale.
400+
ATM screens rebuilt
65K+
ATMs impacted
20+
Countries supported
Design Approach
Design rules instead of individual screens
Rather than redesigning every screen independently, we built a reusable system of components, tokens, and accessibility patterns that could scale across the entire ATM ecosystem.
Accessibility became part of the foundation—not a QA checklist—and every decision was designed to support consistency across hardware, markets, and future releases.
Impact
A stronger foundation for Citi’s next generation of ATMs
The redesign established a scalable design system that supported Citi’s global accessibility rollout while making the experience easier to maintain and extend over time.
This project reinforced that when products span hundreds of experiences, the real design challenge isn’t the screens—it’s the system behind them.
Next project
All workCase study
In My Father’s Words
Preserving my dad’s poetry as a living digital book.
View case study