Personal Finance Product Strategy at PNC Bank

Fintech
Mobile Design
Data Visuals

Project Overview

In my role at PNC Bank, I was tasked with modernizing the spending and budgets feature using our new design system. The existing experience was outdated, difficult to use, and misaligned with our new strategic design direction. My goal was to create a new, intuitive interface that would delight customers and help them better manage their finances.

Design

UX & UI Design

Strategy

Competitive Analysis, Workshop Facilitation, Stakeholder Interviews

Tools

Sketch, Invision, Figma

Industry

Fintech

Competitive Analysis

I conducted a competitor analysis of the following companies in the market. Mint, Rocket Money, Monarch, Copilot, and NerdWallet. Each experience was visually catalogued to better understand the underlying design, interaction and feature set. I often find it's helpful for stakeholders to reference visuals when exploring and talking through concepts.

Analysis Cont.

In addition to visual concepts, I quantified the features, key product offerings, target audiences, app navigation, and design strengths into a competitor analysis table.

View Catalog

Concepts & strategy

Working with stakeholders from the spending and budget team, we identified the following 4 areas to explore that would increase engagement and drive value to customers:

Dashboard - aggregating data into a single page

Monthly Cashflow - calculating money in vs money out

Spending - exploring data visualizations

Budgets - increase ease of use for budget creation and management

Explorations

I brought the team together for a workshop to view and evaluate the concepts I had explored for our focus areas. In Invision freehand, I talked through each design, people asked questions, and then we dot voted on our favorite concepts (as seen with  🔥).

Hi-Fidelity Design

Spending & Budget Dashboards

Business Goals

  • Increase engagement with spending and budgets experience
    • Increase the # of budgets created
    • Increase # of landings and click throughs on the spending, budget and cashflow pages

User Goals

  • Allow for more granular visibility into spending, categories, budgets, cashflow and transactions
  • Improve ease of use by better structuring the hierarchy of information

Editing a Budget
Monthly Cashflow