PayBridge account overview shown on a laptop screen beside the BOK Financial wordmark
Product DesignCross-platformFintech

Building PayBridge, a pay day feature

Designed a fully self-service digital experience for customers to access short-term advances with transparent fee-based pricing across iOS, Android, and Web.

Role: UX/UI Designer → Lead Designer

Timeline: Dec 2025 – May 2026

Platform: iOS / Android / Web

Read full case study

IMPACT

~900K

Eligible accounts at launch

Customers with qualifying direct deposit history who become eligible for a PayBridge advance from day one.

55–65%

Enrollment completion rate

Projected completion for eligible customers who start the opt-in flow, from a streamlined enrollment journey.

<3 min

Time to complete an advance

Target time from opening the flow to a funded advance, thanks to optimized steps and smart defaults.

iOSPayBridge advance amount screen on iOS
  • Liquid Glass-aligned components
  • Face ID-first enrollment confirmation
  • Native tab bar navigation
AndroidPayBridge advance amount screen on Android
  • Material-aligned components
  • Adaptive layouts for tablets
  • Platform back-gesture support
WebPayBridge take an advance screen on web
  • Responsive account dashboard
  • Keyboard + screen-reader accessible
  • Desktop-first enrollment education

Process

1

Discovery & requirements

2

Design iteration

3

Stakeholder review

4

Cross-platform handoff

5

Dev collaboration & launch

UX strategy

Stakeholder presentations

Created and maintained a Figma Slides deck for presenting designs to Marketing, Compliance, Fair Banking, and Legal teams.

Non-happy path documentation

Designed error states, edge cases, and alternate flows for stakeholder visibility.

Cross-platform consistency

Established shared design language and guardrails across iOS, Android, and Web.

EnrollmentPayBridge enrollment introduction screen

Goal: guide users from awareness to understanding through enrollment.

Take an advancePayBridge take an advance amount screen

Goal: users can easily take an advance that can be immediately utilized.

Make paymentPayBridge make a payment screen

Goal: show how repayment works, making clear that automatic repayment is default and manual is optional.

Opt outPayBridge opt out confirmation screen

Goal: emphasize how quick and effortless it is to opt out, with clear control and minimal friction.

Team

Ananya Nuggehalli

Ananya Nuggehalli

Lead Designer · Current
JD

Josh Denton

Head of Product
BB

Bailey Benton

Line of Business Stakeholder
PY

Pachee Yang

Technical Analyst
K

Keaton

iOS Developer
PS

Parker Simms

Android Developer
Z

Zaiquise

Web Developer

Reflection

Designing while requirements moved

Discovery, design, and development happened simultaneously, so requirements evolved in real time. I leaned into a highly iterative approach with flexible component systems and close, constant communication with stakeholders — treating the roadmap as something to negotiate weekly, not lock at kickoff.

Mapping complexity into clarity

Seven eligibility rules, cooling-off periods, suspensions, and overdraft interactions meant dozens of possible account states. I mapped every state, built a clear visual hierarchy, and wrote contextual messaging that explains why an option isn't available — not just that it isn't.

Modernizing marketing navigation