Dan Owens

Snapshot

Role:
Senior Product Designer
Scope:
Mobile app alerts and email notifications
Platforms:
Mobile app and email
  • Mobile app message center
  • Alerts subscription management
  • Mobile-optimized email
  • Alert email content strategy
  • Unified inbox and alert management
  • Reusable design supporting 50+ alert types
  • New mobile email template used to update key alerts and build new ones

Starting point

The problem

The mobile experience pulled the responsive desktop site into the app. Inbox and alert settings were separate destinations, with another layer of tabs inside each. The settings screens used dated desktop patterns, with delivery options tucked into accordions.

The redesign gave us an opportunity to rethink that structure for a native mobile experience.

Original Message Center with separate Alerts History and Inbox tabs.Original Manage Alerts screen with nested tabs and delivery-channel icons.Original single-purchase subscription with delivery settings inside collapsed controls.

Outbound email was another challenge. The legacy template was designed for desktop, forcing users to zoom and scroll on mobile.

Original alert email shown on a phone, with dense small text and desktop-oriented formatting.

Alerts as a system

Alerts are a multi-channel system, not just a feature inside the mobile app.

Account activity can trigger alerts through several channels, while the mobile app gives customers one place to review and manage them.

The redesign focused on simplifying how these pieces work together.

Customer Event leads to Alert Trigger, then Push / Email / Inbox, Message Center, and Subscription Controls.

The redesign

Three design principles

  1. Alerts should live in one place

    Bring messages and alert settings together instead of making customers navigate between separate destinations.

    This should make alerts easier to find and manage.

  2. Options should be obvious

    Use mobile patterns to show available choices instead of hiding them behind tabs, dropdowns and collapsed controls.

    Customers should be able to see their choices without having to hunt for them.

  3. Alerts must be glanceable

    Content and layout need to communicate the essential information immediately.

    Every screen should make its purpose and next step clear at a glance.

Mobile app redesign

The new Message Center allows customers to quickly move between Inbox and Manage Alerts.

Manage Alerts puts all account types in one clear list. Selecting one shows the available alerts, with status and delivery options visible at a glance.

Redesigned Message Center inbox with Inbox and Manage alerts tabs together.Manage alerts tab showing general alerts and account types in one list.Checking-account alerts with subscription status and delivery channels visible in each row.

Reusable alert template

I designed a flexible subscription template that supports more than 50 alert types across 13 account categories.

Each alert screen uses a consistent structure that allows customers to quickly:

  • Enable or disable alerts
  • Configure any thresholds or timing
  • Select delivery channels

This made it easier to add new alerts without reinventing the interaction each time.

Overdraft protection alert using an on/off control and visible delivery options.Payment due alert adding a days-before-payment setting to the subscription template.Card purchase alert adding an amount threshold and individual delivery-channel switches.

Mobile-optimized email

I analyzed notification emails across several industries to identify patterns that worked well on mobile devices.

The new template focused on:

  • Minimal branding
  • Large typography
  • Concise content
  • Clear hierarchy
  • Prominent call to action

My guiding principle was simple:

Glanceability: eight words and a call to action.

User research compared illustration, photography and iconography. Illustration struck the best balance between clarity and warmth.

Redesigned Zelle confirmation email with illustration, prominent payment summary, details, and a Send another payment button.

Results

Outcome

  • Unified Message Center for alerts and subscriptions
  • Reusable template supporting 50+ alert types across 13 account categories
  • Mobile-optimized email template used for key existing and new alerts

Design lessons

Alerts sit at the intersection of information design and user trust, where clarity often matters more than branding or marketing.

This project reinforced the importance of:

  • Making the purpose of every screen clear at a glance
  • Keeping choices visible and easy to understand
  • Treating notification content as part of the interaction design