top of page

Vanguard

Vanguard is the largest provider of mutual funds and the second-largest provider of exchange-traded funds (ETFs) in the world after BlackRock's iShares.

Working with a small team at HUGE, I helped design key pages for the new Financial Advisor's portal site and create a thorough set of brand guidelines for Vanguard's internal design team to follow.

My Role: Designer

Art Director: Ilgin Selzer, 
Experience Designer: Felipe Sarmiento

Research

Brand Guidelines

User Experience Design

Responsive Web Design

Visual Design

Strategy

2iphone3.png

Goals:

  1. Take existing style guide + sketch files and continue to evolve the brand, helping Ilgin & Felipe build out the other pages of the FAS site.
     

  2. After completing the handoff for the FAS site, create a set of brand guidelines for Vanguard's internal team to follow.

Challenges

  • How can I help provide innovative ways to push the visual and user experience of the work, while maintaining the integrity of what's already been developed by Ilgin and team?

  • How can we as a team embrace the work that's already been done for Vanguard to avoid breaking brand trust while developing a new vision?

Challenge:

Vanguard's FAS team includes of designers with a wide range of experience levels, technical skills and other areas of focus.

The Style Guide Novel:

A Systematic Approach to *Everything*

 

Once we wrapped up the final site design for the FAS portal, we created a thorough set of design guidelines for Vanguard's internal team to follow.

This included a 3-part interactive Sketch novel, a library of components and symbols, and a systematized way to approach future design work: including how to choose photography and where and when to use color.

Research

 

Working closely with stakeholders and Vanguard's internal team, we leaned on the three main brand pillars in the development of the brand: sophisticated, disciplined, and empowering.

We embraced their current typeface Univers. It represents confidence, boldness, and trustworthiness -- all key aspects of the Vanguard brand.

We also maintained brand trustworthiness by keeping the Vanguard red but updated the sophistication and relevance of the brand by injecting teal, the complementary color.

2webmockup copy 7.png
vanguard-finalhero2020.jpg

Speaking to the Financial Advisor:
"Your Practice, Our Products"

We played with a number of ways to speak to the Financial Advisors on the homepage but ultimately bisected the user journey based on the two main goals of the site: showcase investment options and elevate the client/advisor relationship.

 

'Your Products' outlines ways to deepen client relationships and 'Our Products' takes advisors to Vanguard's investment offerings.

2webmockup copy 15.png

The Vanguard FAS design system enables marketers, designers and content creators to create unified experiences that are on-brand.

2replace2.png
2iphones copy.png

Wrapping it all Together:

Shopping for Investment Products

The 'All Investments' page was one of my favorite parts of the design project because it combined user research, competitor analysis, and visual design.

I explored other ways of thinking about the problem of 'shopping' for investment products, outlined here.

bottom of page