Wealth Management
Personalized
UBS Wealth Management Visual
BACKGROUND

UBS, a global firm providing financial services, previously worked with Deloitte Design on an IOS app for their Wealth Management services. The project was a success and UBS returned to Deloitte to re-design the wealth management portal using the app as a template.

The Wealth Management portal serves as an entry point for UBS's most valued customers. Users can manage their banking needs there or connect with their Financial Advisor. The target audience is emerging affluent and high-net-worth users with multiple investable assets.

THE ASK
Re-think the customer experience

While the visual design of the app would guide the re-design, the functionality of the main responsive site would require a more robust interface. The customer experience needed to be re-thought.

Result
A personalized and holistic view of clients' total wealth.

The new dashboard is tailored to meet individual client needs while providing an all-encompassing overview of their finances. The experience adapts to all devices and variations in content.

APPROACH
  • Aligned to the spirit of previous app designs
  • Initiated project with team Discovery sessions
  • Strategized regularly with the client 
  • Guided by targeted in-person user testing each sprint
  • Designed desktop first and three additional breakpoints
  • Integrated new UI Patterns into the design system on approval
  • Created full WCAG audit on completion

Challenges
  • Complex data and constantly shifting requirements.
  • A global brand with a design system in flux. 

My Role

Alexis, the Lead UX Designer, worked on research, initial wires, and delved into the financial complexities. My role was UI and accessibility. The dashboard was tackled in five months of collaborative design sprints.

As the project progressed, UI/UX merged and overlapped. Alexis often helped with UI design and I iterated on the experience. While roles were morphed, she and the CD were always there to provide direction.

This project is distinct for me as it's one of the few times I've focused primarily on visuals and had the opportunity to work so in sync with other designers.

 

CLIENT

Deloitte Digital

Role

Freelance Senior UI Designer

Team

Creative Director
Lead UX Designer

User research and client conversations allowed us to outline three critical areas of success:

customization, personalization,
& clarity

The new dashboard focuses on account data and limits promos. Ample spacing and a strong hierarchy helped readability.

D-Dashboard
M-Dashboard
1
2
3
4

Dashboard Features

  1. Financial Advisors Communication

    A direct connection to your personal advisor

  2. Detailed Net Balances

    Overview of current balances

  3. Tiered Accounts Overview

    Account details that you can drill into

  4. Recent Activity

    Individual transactions highlighted

  1. Visual Milestones

    Financial goals tool

  2. Personalized Activity Modules

    Active loans, mortgages, and credit cards

  3. Financial News and Markets

    Daily content snapshots

  4. Promotional Ads

    Limited ads that cycle through on load.

Dynamic modules highlight an individual's unique financial activity.

The included components follow a set of rules and scale to the grid: 

  • Milestones – A financial planning tool
  • Mortgage Tracker
  • Credit Card Balance
  • Credit Line Balance
  • Mortgage Balance
  • Letter of Credit Overview
GRID
2 mods
7 mods
5 mods
6 mods

Customers can customize and group their accounts for convenience and clarity.

Surfacing high amounts of data clearly was the goal in the accounts section. I experimented with higher density designs, but this worked better.  The accordion starts open, but when users can close sections manually, or collapse all at the top.

All
NamingAccounts

I incorporated established UI patterns when available and created new ones when needed.

Screen Shot 2022-02-25 at 6.43.14 PM
 

Initial Research

Discovery

We started with stakeholder interviews and discovery meetings run by the Lead UX Designer. The goal was to better understand some of the pain points and areas to improve.

  • The experience was too confusing and overwhelming.
  • The site lacked the features users needed.
  • The current dashboard didn't meet  individual needs.

 

 

UX Meeting Photo

Visual Explorations

Using graphics and images to make the site feel more welcoming and accessible didn't test well.  Users preferred a data-driven approach.

Old Visual Design 1
Old Visual Design 2

Previous Dashboard

old