Fintech
Envestnet

Client Portal

A modular, widget-based wealth management portal giving advisors and their clients a single, cohesive view of their entire financial landscape.

100k
Advisors
$4.5T
In assets managed
2
Components contributed to the design system

Senior Product Designer

I led the design of the Client Portal end-to-end, working alongside a junior designer and closely with product, engineering, and executive stakeholders throughout.

  • Created the responsive design framework for a data-heavy single-view portal
  • Designed the widget system, later formalized into the design system for use across products
  • Planned and facilitated moderated user testing sessions using Maze
  • Defined dark mode information color standards ensuring accessibility compliance

Advisors needed a single view of a client's entire financial life

Advisors were using multiple portals and experiences to view and advise client financial information. Clients didn't have a view of their advisor information outside of emails and phone calls. It became difficult for advisors to demonstrate value and for clients to understand their full financial picture.

  • No single consolidated view of managed and external accounts
  • Dashboard lacked customization — advisors couldn't personalize views per client
Business Goal

Build a portal that consolidates a client's entire financial life into a single, customizable interface and gives advisors tools to show their value in real time.

From testing insights to shipped product

The architecture of the portal was created by the design team through a new dashboard and widget system that was adopted into the design system.

The context was shaped by product owner experts. Research surfaced the gaps; design closed them.

Testing with real advisors using Maze

I ran moderated user testing sessions with 3 financial advisors, specifically targeting two high-friction areas: the dashboard's add-widget feature and the realized gain/loss page.

Finding 01

Add a new widget needs context

Advisors didn't know what a widget would look like before placing it. Without a preview, they hesitated or placed the wrong widget, adding friction to the setup flow.

Finding 02

Widget arrangement - Drag-and-drop wins

We tested two interaction models for adding widgets. Drag-and-drop significantly outperformed a curated list for speed and first-time task success.

Finding 03

Advisors tried to drag column headers

Advisors attempted to rearrange columns by dragging column headers. This led to us adding a column rearrange drag and drop to the realized gain/loss page and reorganize the default columns.

Realized Gain/Loss · Column Rearrangement

Based on advisor feedback, we rearranged the column order to match how they actually process client data putting the fields they reach for first and added a drag&drop column customization.

Before
After

Components built for scale

The widget system and dashboard components were formalized and contributed to the Envestnet design system for use across multiple products. I also defined the information color tokens for dark mode ensuring WCAG-compliant contrast across all data visualizations.

Shipped, systemized, and scaled

The work extended beyond the portal itself, contributing foundational components and standards to the broader design system used across Envestnet products.