Product Strategy:Financial Planning

01

Introduction

Creating a web-based experience for financial planners to help their clients understand and manage their personal finances, including banking, credit card accounts, and other assets not managed by the advisor.

I served as the design lead, engaging directly with the client stakeholders, internal product owner, and design team to shape the vision and execution of the experience. I worked closely with another designer on our team to shape the user interface and visual design direction.

02

Goal

The primary goal is reducing the number of administration, data collection, and customer service related phone calls, so the advisor can have more time to focus on planning and analysis services. The portal also helps advisors compete with robo-advisor products like Betterment or Mint. It will also enable them to engage with clients as they begin to build wealth and help them shape their financial future.

03

Challenges

There were several existing software products that needed to be integrated into the experience. Many of these had interactions that were explicitly defined by APIs, so the experience we created around those needed to work seamlessly with those. There was also a very detailed and established corporate style guide that our designs had to work within or compliment.

04

Primary Persona

"Maintainer"

Retired and established client who wants to monitor balances and market performance to make sure their investments are safe. They are less concerned with planning since they are actively using up retirement assets.

Activities

  • Check balances
  • Monitor returns
  • Receive updates on market conditions

Pain Points

  • Not tech savvy
  • Only basic knowledge of finance
  • Relies heavily on advisor

Opportunities

  • Ample free time
  • More focused goals
  • Not worried about wealth accumulation

Theme: “How am I doing?”

05

Design Objectives

Enhance context

We want to provide an appropriate level of detail necessary for understanding factors affecting valuation without being confusing or overwhelming.

Establish comfort

The application should make the user feel that assets are being managed appropriately and securely.

Encourage truth

The advisor and the client need to be transparent with each other to have open and honest evaluations of personal expenses, progress toward financial goals, and asset performance.

XD Strategy

The net worth number is the key element

But the number needs to be more than just a quantity

We will focus on interpretation, not just representation

Cool, but what's the difference?

Think of it like a building...

The engineer uses numbers for representation

Engineer:

Describes the world in physical and functional terms

Relationships are represented by statistics and demographics

The architect interprets the numbers

Architect:

Creates space and flow to inspire how we feel about the world

Relationships are created between users and spaces

The number needs to interpret the design objectives

Here are some examples:

Calendar showing Friday the 13th as the date

Number thirteen

Representation: A numeral 1 next to a numeral 3

Interpretation: Bad luck

Old advertising image of a woman standing on a scale

Weight

Representation: A quantity of pounds/kilograms

Interpretation: Health and self-esteem

Objective 1: Enhance Context

Representation: Current total assets

Interpretation: This is the direction things are going

Objective 2: Establish Comfort

Representation: Global market 'barometer'

Interpretation: Based on the world markets, it's to be expected that your net worth aligns with global financial trends

Objective 3: Encourage Truth

Representation: Detailed spending reports

Interpretation: There is more to your net worth than just market assets and more ways that you can personally control it

The number is the key element

How can we make it mean something more?

07

UI Design and Concept

Through a strong collaboration with the client's design leadership team, we were able to create an interface that worked within their digital styleguide but presented a more consumer-friendly direction.

One of the key elements of the new design was to add market information on the sign in screen. This was in response to advisors wanting to reduce the calls from concerned clients every time the markets were down. We wanted to prime the user so that when they entered the portal, they would be prepared to understand the current state and expected trends of their net worth. If the global markets are down, one would expect that your net worth would be trending downward, so hopefully doesn't come as a shock when you sign in.

Mockup of financial planning portal sign-in page

The landing page shows net worth as "the number" big and bold at the top, along with trend information. Financial advisors try to help clients understand that short term volatility is expected. Rash decisions can cause unrecoverable losses. With a proper plan and risk mitigation strategy, returns may be a smaller percentage but more reliable, especially over a longer period of time. Seeing current net worth and understanding how and where it is trending is key to consuming the big picture rather that what's happening immediately.

Mockup of financial planning portal landing page
08

Testing

We created a clickthrough prototype with the final UI and presented it to end users for task-based usability evaluation.

Goals

  1. Feedback on organization and presentation of information
  2. Understanding of page content
  3. Understanding of graphs
  4. Feedback on amount and usefulness of information
  5. Expectations vs. delivery of relevant information
09

Feedback

  • Users found the tool to be intuitive and well designed
  • Aggregation of accounts and summary of asset allocation and spending analysis are very helpful
  • Overall, users felt the tool is very valuable for managing finances at retirement
  • Users would be comfortable sharing transaction information with their advisor, provided that the account numbers were hidden
  • Depth of detail is appreciated
  • Most users didn’t understand or find value in the “Portfolio vs. Benchmark Return” or “Portfolio Holding vs. Benchmark Risk/Reward” graphics
  • More context is required to understand the “Market Barometer”