top of page

Vanguard

Helping Finance Advisors

Shop for Investment Products

Role: Designer (UX + Visual) at HUGE

Mobile.gif

Overview

Vanguard's Financial Advisor Portal provides advisors a new way to shop for investments for their clients.

As part of a larger scope of work including a rehaul of Vanguard's brand and website, we redesigned the Financial Advisor Services portal. FAS is where advisors come to shop for investment products for their clients.

Working within a small team at HUGE, I was tasked to propose a new UX for the Investment Page showcasing investment offerings, using Vanguard's updated style guide.

User Research

Understanding what advisors are looking for when they're shopping for products

We interviewed Financial Advisors at Vanguard and screen-recorded them interacting with the Investments Product page across a number of different competitor sites to understand better the kind of information they looked for.

We looked at competitors, including Blackrock and Pimco, and asked advisors what content was most important and how different ways of organizing and presenting information improved or inhibited the quality of their search.

vanguard-sketch.jpg

User research allowed us to narrow in on a few key themes for product exploration.

  • How might we make the Investment page more digestible and create a better sense of hierarchy?
    The current site had no sense of hierarchy and all information is displayed at the same level. 
     

  • How might we use other ways of searching to inform the way we design the site?
    By looking at different sites outside the financial realm that empower users to search content in other ways, we were able to provide fresh recommendations to the client and advisors. (For example we looked at e-commerce websites like Urban Outfitters, inspiration sites like Behance, and others non-financial sites to get inspired by other ways of searching.)
     

  • How might we expedite the shopping process? 
    In order to accelerate the search process, I explored different ways of organizing and presenting the information to make it more scannable and quickly help advisors find what they were looking for. This included changing the data into data vis and incorporating a sidebar filter to quickly narrow in on specific products.

Market Research

E-Commerce: Shopping for Investments vs Browsing

Looking at sites outside the financial realm allowed me to bring fresh design perspectives to the table. I argued that essentially what financial advisors were doing was shopping — so why not make that process more scannable, visual, and familiar. 

All Investments: Before

Screen Shot 2019-09-10 at 2.29.46 PM.png

Early
Explores

Design explores

By looking into successful e-commerce platforms, I was able to apply similar user experience strategies to the financial world. The user-centric design of sites like Behance and Urban Outfitters influenced my approach, helping to make complex financial workflows as easy and intuitive as browsing an online store.

Early
Explores

Prototypes

Drawing inspiration from Urban Outfitters’ clean and intuitive navigation, I created a prototype in Principle to further explain my vision to the team. This prototype illustrated how we could enhance the user experience for financial advisors, making workflows more visual and accessible. By presenting the prototype, I was able to effectively communicate the potential of this cross-industry approach, showing how familiar e-commerce design strategies could simplify complicated financial processes.

Prototype

2background-widegreen.jpg
Vanguard-Selecting.gif
2background-widegreen.jpg
Vanguard-DataVis2.gif

"Clio brought fresh UX ideas to the table that we hadn't even considered."

— Alex Bluman, Client Engagement Director

2iphones.jpg

Final Product

Embracing Industry Standard

Because we were working with a tight timeframe, we weren't able to do user testing so we decided to stick with the industry-standard design but make content changes based on what financial advisors had expressed was helpful information to see. (This info was gathered during initial calls with them at the beginning of the project.) 

Main changes included:

- adding a tab for 'Performance' and 'Yield' to decrease information overload

- adding the number of results shown 

- re-jigging the prioritization so that the investments displayed reflected their relative importance (i.e. Kind of Investment, Strategy Class, and then Asset Class)

Mobile.gif
L AllInvestments Equity.png

Final Product

Leveling up the design system

The final design direction shaped the digital system we delivered to Vanguard. This system was handed off to their internal team, allowing them to implement it across other parts of the product that were beyond our original scope.

Frame 13.png
bottom of page