Sending money should be simple. Making it simple with 150M+ users? That's the hard part.

A little context before we dive in. Designing at Zelle is a bit different from most product design roles. Zelle isn’t a standalone app. Instead, it’s built directly into our partner banks’ mobile apps, which means every design decision has to work across thousands of implementations while meeting the needs of both the banks integrating it and the people using it.

Most of this page gives a look into that world and the different kinds of work that come with it.

Zelle Structure

A whole network,
not an app.

Zelle is embedded inside the mobile banking apps of its partner banks, not a standalone product. Every design decision has to work across thousands of implementations, and serve both the banks who ship it and the people who use it.

B2B2C

The work at a glance

A few of the threads I’m actively shaping right now, from research and benchmarking to the design system that ships across every partner bank.

Desktop Benchmarking

Zelle lives inside 2,000+ banking apps but had no desktop standard. I ran a click-by-click teardown of how the biggest banks build their send-money flows on web, counting steps and mapping patterns to define Zelle’s first desktop design system.

6-week sprint 9 banks audited 5 research categories
Desktop send-flow teardown across Bank of America, Capital One and Chase, annotated with click counts.
Send-flow teardowns across Bank of America, Capital One, Chase and six more, scored by click count.

Mobile UX Compliance Reviews

Every partner bank ships its own Zelle experience. I review each one against Zelle brand guidelines and Nielsen Norman heuristics, grade it red / amber / green, and hand back prioritized, DFIUX-required fixes.

UX Scorecard 6 heuristics Nielsen Norman
Heuristic scorecard grading seven banks across Zelle branding and five Nielsen Norman criteria with red, amber and green dots.
Heuristic scorecard: every bank rated across Zelle branding plus five Nielsen Norman criteria.
Key recommendations slide with annotated phone screens, each tagged to the heuristic it resolves.
Recommendations delivered with annotated screens and the heuristic each one resolves.

Avatar & Verification System

A single avatar hex has to say who you’re paying, that they’re verified, and that the payment is protected. I’m designing it at the component level with a phased rollout across business, SMB, and purchase-protection states.

Component-level Phased rollout Trust signals
Pixel-level construction spec for the verified Zelle avatar mark, dimensioned at 18 by 18 pixels.
Pixel-level spec for the verified Zelle avatar mark.
Phased rollout map showing the avatar and shield states across business, SMB and purchase-protection scenarios.
Rollout mapped in phases across business, SMB, and purchase-protection scenarios.

Design System Evolution

The Zelle mobile system carried years of drift from Sketch and iOS 8. I’m rebuilding it in Figma for iOS 16, tightening every screen of the send flow so 2,000+ partner banks inherit one consistent, current experience.

Sketch → Figma iOS 8 → iOS 16 2000+ banks
Original Zelle send flow: landing, select recipient, enter amount, review, processing and confirmation, in the iOS 8 visual style.
iOS 8
iOS 16
Rebuilt Zelle send flow for iOS 16 with a refreshed landing, limit tooltip and updated components across every screen.
The full send flow rebuilt screen for screen, from iOS 8 in Sketch to iOS 16 in Figma.

Let's work
together?

or we can have a coffee chat

ritikarramesh@gmail.com