The opportunity

How might we make notifications
clear for users and simple for teams to evolve?

This is how our legacy system was handling notifications:

This is how our legacy system was handling notifications:

Audits were slow

Controllers need a single record for review and compliance

Alerts lived in different places

Urgent items were frequently missed

And this is how I want to help:

And this is how I want to help:

Build a future-ready system that scales easily for WEX's goals

Build a future-ready system that scales easily for WEX's goals

Alerts that are clear for users and teams + adaptable to WEX’s growing platform

Alerts that are clear for users and teams + adaptable to WEX’s growing platform

Research and discovery

Finding the right pattern for finance workflows

Finding the right pattern for finance workflows

Left: Dovetail (customer insights tool), Right: Mobbin (design patterns library). Blurred for confidentiality.

Supported by our research team, I analyzed customer insights of notifications patterns. I also took a look at how fintech competitors successfully handle notifications

I mapped out key patterns, and shared 3 design tracks to product and stakeholders

Mapping out the key patterns

Mapping out the key patterns

Track A

Inbox-only (full page)

Good for: History, search, bulk actions

Not great for: Quick peeks

Chosen to build

Track B

Bell + Modal Popover

Good for: Quick peeks

Not great for: Detailed review, history

Add later, if needed

Track C

Badges/Toast

Good for: Highly-visible nudges

Not great for: Record-keeping

Use sparingly

After internal audit, 'Inbox-only' was strategically chosen

After internal audit, 'Inbox-only' was strategically chosen

Finance work needs space to scan details, filter, and export. After consulting with stakeholders, our teams chose to prioritize Inbox-only for Phase 1.

Finance work needs space to scan details, filter, and export. After consulting with stakeholders, our teams chose to prioritize Inbox-only for Phase 1.

Track A

Inbox-only (full page)

Good for: History, search, bulk actions

Not great for: Quick peeks

Product decision

Why we didn’t ship a popover (yet)

Why we didn’t ship a popover (yet)

Doesn't meet immediate needs right now

Too little space for full finance details. Adds duplicate entry points

Prioritizing effectively

We're shipping the inbox-only first, but the popover design is ready as a future option

AI for WEX

How AI helped refine the product experience

How AI helped refine the product experience

Classified alert types

To help categorize notifications like “Security,” “Spending Alerts,” “Admin,” etc.

Evaluated alert copy tone and clarity

Evaluate if notification text felt vague, alarming, or confusing, especially for critical alerts that affect business actions

Explored industry best practices across fintech

Surface how top B2B fintechs handled in-app alerts, giving a faster starting point for competitor analysis

Note: WEX is exploring AI-driven workflows through partners like Gemini. AI accelerated research and ideation, so I could focus on refining design strategy and experience

Technical constraint

Turning a limitation into a workflow win

Turning a limitation into a workflow win

We faced an unmet need that needed a solution

We faced an unmet need that needed a solution

Finance users expected each alert to take them straight to that specific transaction

Finance users expected each alert to take them straight to that specific transaction

But first, let's consider the constraints

But first, let's consider the constraints

The known technical constraint

The backend didn’t support deep-linking to a specific transaction yet

Making sure our users still stay oriented

Making sure our users still stay oriented

Finance teams often review multiple transactions together, so I added the “Go to Transactions →” button that opens the full Transactions page

Finance teams often review multiple transactions together, so I added the “Go to Transactions →” button that opens the full Transactions page

Each alert lets you copy the Transaction ID, so you can paste it into search and find the exact record

Each alert lets you copy the Transaction ID, so you can paste it into search and find the exact record

Why this feature is a win for everyone

Why this feature is a win for everyone

After considering the full picture, landing on the full list actually matches finance teams' workflows while keeping dev effort light

After considering the full picture, landing on the full list actually matches finance teams' workflows while keeping dev effort light

Design system

Creating scalable components

Creating scalable components

Note: Other components that are not specified here are from WEX's existing design system

Note: Other components that are not specified here are from WEX's existing design system

Notifications - Popover

1 frame + 3 elements

Disclaimer: The careful decision to move forward with 'Inbox-only' came afterward so a popover design remains ready for future use

Notifications - Popover

1 frame + 3 elements

Disclaimer: The careful decision to move forward with 'Inbox-only' came afterward so a popover design remains ready for future use

Notifications - Popover

1 frame + 3 elements

Disclaimer: The careful decision to move forward with 'Inbox-only' came afterward so a popover design remains ready for future use

Then I reused this component to build the inbox-only version, keeping visual consistency and saving build time

Then I reused this component to build the inbox-only version, keeping visual consistency and saving build time

Handoff

Handing off new 'Inbox-only' and 'Popover' designs

Handoff

Handing off new 'Inbox-only' and 'Popover' designs

Handoff

Handing off new 'Inbox-only' and 'Popover' designs

Interaction highlights

Fewer steps, more certainty

Fewer steps, more certainty

Designed to save time and keep busy finance teams in flow

Designed to save time and keep busy finance teams in flow

Start with what matters most. Automatically opens the latest alert instantly

Act where you are. Take action right from the alert to keep workflows fast and focused

Copy Transaction ID. Copy instantly to search, share, or track later, eliminating manual lookup

Copy Transaction ID. Copy instantly to search, share, or track later, eliminating manual lookup

See more in context. Jump to the Transactions page to see every detail in context

See more in context. Jump to the Transactions page to see every detail in context

The outcome

Setting the company up for what's next

Setting the company up for what's next

Established a scalable notifications system

A flexible system that adapts to growing needs, helping finance teams stay informed and responsive across alert types

Aligned design with engineering & business goals

Balanced dev constraints with UX quality to ship on time and drive adoption

Streamlined alert handling for finance teams

Enabled quicker resolution and fewer bottlenecks by simplifying how alerts are tracked, viewed, and addressed

Improved clarity across alert types

Reduced cognitive load by prioritizing what matters, making it easier for users to understand and act on alerts

Validated with 92% task success rate

Supported by our research team, testing with 10 finance workers showed a 92% task success rate, 12.3s comprehension, 11% errors, and strong sentiment (4.3 clarity, 4.6 usefulness)

Supported by our research team, testing with 10 finance workers showed a 92% task success rate, 12.3s comprehension, 11% errors, and strong sentiment (4.3 clarity, 4.6 usefulness)

Supported by our research team, testing with 10 finance workers showed a 92% task success rate, 12.3s comprehension, 11% errors, and strong sentiment (4.3 clarity, 4.6 usefulness)

Next steps

What I'd do moving forward

Explore edge cases

I'd explore more “messy” real-world states to make the final system even more resilient

Refine the visual hierarchy to scale

Refine visual hierarchy

As more alert types are added, I’d evolve the design language to keep the interface clear even under higher volumes

Credits and special thanks

A huge thank you to my team who supported me and helped shape this project:

Lead Payments Product Manager

Senior Product Manager

Product Design Director

Senior Product Designer

Product Designer

Senior UX Reseacher

UX Reseacher

Paola Aguayo

Rebecca Clark

Chris Dilios

Adam Cassidy

Nick Zimmerman

Lucas Montandon

Jeet Purohit

© 2025 Olivia Suki Wu

Made with enough lattes

Probably in Stars Hollow

Résumé

LinkedIn

© 2025 Olivia Suki Wu

Made with enough lattes

Probably in Stars Hollow

Résumé

LinkedIn

© 2025 Olivia Suki Wu

Made with enough lattes

Probably in Stars Hollow