FINTECH - NEW FEATURE
This project is not directly affiliated with Vanguard. No one from Vanguard was contacted for this concept or design.
When looking for Fintech product designs to work on, my mentor, shared with me her grievances with stock trading on Vanguard’s website. After she provided me with screenshots, I decided to evaluate and redesign their process of purchasing a stock.
The interface design looked outdated and inconsistent with their current marketing. I found this also a good opportunity to test my ability to design UI components to fit a design system.
From the homepage, users can quickly search and trade a stock. Along with adding the Quick Trade feature, I updated the user interface of the home page and stock info page with clear call-to-actions for trading.
To test Vanguard's stock trading flow, I used screenshots of an existing account going through the flow. I made a clickable prototype on Figma and tested it with 3 users that were experienced in stock trading products. Users really struggled to search for information on the cluttered pages and couldn't find key call-to-actions.
I'm a day-trader. It would drive me nuts, if I couldn't trade within 5-6 clicks.
- Tommy, 31
During my usability testing, I asked users to walk me through their preferred stock trading product. I used the footage from testing, screenshots, and viewed competitor sites to evaluate design patterns. I found patterns for quick trade and for searching stocks that I wanted to recreate for my Vanguard design.
Among my user testers, Robinhood was the favorite finance tool for trading. Robinhood was the first brokerage with a mobile-first app that offered free trading. The app is considered quick and easy for stock-trading by young investors. The average age of a Robinhood user is 31 years old, relatively young compared to other investment sites.
Knowing there's a market of young investors I envisioned a persona that valued easy stock trading. Utilizing information from my conversations with my usability testers and gathering data from this article on Vanguard demographics, I formed a user persona.
I decided to focus on creating a new feature - a quick stock trade. Also, there were complaints about how searching for a stock would not directly take the user to a stock page, so I decided to improve on that flow. I realized that search needed to be integrated into the quick trade flow.
VANGUARD UI DESIGN
The original screenshots I received of the Vanguard customer portal looked very outdated, so I wanted to modernize their UI design. Looking at some of their other sites, there were UI improvements but they were inconsistent. I decided to pull inspiration from their newer products. I inspected the site's code to identify key UI details like the color and fonts for my redesign.
In my user testing, I asked what info and charts they found most important on the home and stock info pages. My goal was to make the info easier to process and bring more attention to the call-to-action for stock trading. I sketched iterations then created the pages from scratch on Figma.
Compared to the original trade screen, the quick trade feature is easier to access and has a more linear flow on the page. One of my key design decisions was to differentiate the review order screen and the final submission screen, so it was clear a transaction was being made.
REMOTE USABILITY TESTING
To save time and try out this testing methodology, I used remote testing on Maze. The test started with a screener question of "Have you used a stock trading product before?" With the users that completed the test, I had the following results:
"I rated it high because it's very well designed and actions are easy to find. However, I don't see anything that makes it stand out from other similar trading platforms. Robinhood, for example, also has a simply designed action for trading. "
- Tester, December 22nd, 2020
"I currently use both Robinhood and Fidelity. With their interfaces and website designs in mind, the website you created feels like a good mix of the two. The website you created felt easier to navigate compared to Fidelity and required a little bit more exploration compared to Robinhood."
- Tester, December 21st, 2020
Working on a Fintech project was difficult because I had no real reference of company standards or a subject-matter expert to check with. I know mistakes were made, by omitting information on certain screens. I wanted to provide a version that was simpler, but still recognizable and functional in purpose. I made design decisions focused on my user research and delivered a product that could stand-up well against competitors. If I were to continue on this project, I would want to fact-check more of the content and UI component design details.