Fidelity Sales Management Dashboard

Experience Design, Interface Design
The Brief

My team at Fidelity's Center for Advanced Technology received company funding to build a client management interface for the sales department. Our project's primary objectives were to consolidate existing tools on a single platform; offer product data analysis to create sales opportunities for Managing Directors and Account Executives; and present those opportunities in a visually dynamic and easily digestible way.

Role
UI Designer
User Research, User Journey Mapping, Wireframing, Visual Design, Prototyping, User Testing
Team
The Solution

A management system that leverages AI insights and Salesforce technology to improve product sales and client relationships.

ServiceDashboard_edited.png
2 Designers
1 Product Manager
1 Business Analyst
3 Developers
Client
Fidelity Investments
Date
2019 - 2021
Client Service page
Research
"
I'm always hunting and pecking for information
"
-  user observation
Interviews

We began the project by meeting with Managing Directors (MDs) and Account Executives (AEs), two of the primary roles on the Fidelity sales team. Documenting and sorting through the resulting 30+ hours of interviews helped us understand their current sales experience, the tools they used, and how they managed clients and products.

User Journey Mapping

To better define our users' specific needs, we mapped workflows for both AEs and MDs through their respective sales cycles. This also allowed us to pinpoint moments for AI intervention and data sourcing.

MDJourneyMap.jpg
MD Journey Map
Sales cycles are complex and require months of preparation. To accurately capture pain points, we broke the cycle up by client interactions.
AEJourneyMap.jpg
AE Journey Map
Key Takeaways
Pain Points
  1. Sales uses a wide range of platforms to organize client meetings and notes

  2. Users often “hunt and peck” to find client information 

  3. Current platform holds lots of data but is overwhelming and
    difficult to navigate

Opportunities
  1. Incorporate sales insights generated through machine learning algorithm

  2. Utilize and consolidate Salesforce's data repository

Process
Sketches

Because our interface would be pulling data from so many applications, we quickly determined that the dashboard should be expanded to include multiple landing pages. I began arranging cards according to client needs.

Sketch3.png
Sketch4.png
Sketch1.png
Sketch2.png
Quick sketches organizing cards and Salesforce information
Wireframes

After determining the rough outline and informational hierarchy of each dashboard page, I built out lo-fi wireframes. Rapidly iterating helped me test layouts, play with progressive disclosure, and consider different ways users might interact with page content.

Products (1).jpg
Products v2 (1).jpg
Next Best (1).jpg
Engagement (1).jpg
Interface

I designed our final interface for MDs and we prototyped and built four landing pages to organize the management dashboard.

This is a study in progressive disclosure
"
"
-  our design perspective
Products Page
Navigating Clients

MDs can have over 20 clients per sales cycle. This side bar shows a list of clients and helps users filter by account name or team member. Selecting the tab then displays that corresponding client's information.

ProductsTab2.gif
Organizing Data

This section, in particular, was what our team called "a study in progressive disclosure." Client can have multiple products and those products can have multiple. Categorizing and displaying that information quickly becomes confusing. To help users prepare for meetings, we consolidated plan data, previously located across multiple pages, to a single card. MDs can view plan details according to products and use a segmented controller to compare their client's stats with competitor's. 

ProductsTab.gif
Search dropdown gives filter options for clients and helps MDs
Screen Shot 2022-06-30 at 12.57.19 AM.png
Screen Shot 2022-06-30 at 12.57.36 AM.png
Benchmarking averages from competitors appears next to corresponding data categories
Service Page
Utilizing Limited Real Estate

During interviews, we learned that most users log to-do projects in tables, either in Salesforce or through Excel. To economize on space and not overload users with spreadsheets of data, I split their projects between in progress and awaiting action. MDs can click on either tab to view their action items and reveal more information through accordions.

Card progressively reveals action items according to progress made
ServiceTab1.gif
ServiceTab2.gif
Utilizing scroll within cards and accordions to economize on page space without overwhelming users 
Action items that require attention, grouped by business quarter
Screen Shot 2022-06-30 at 1.00.45 AM.png
AI-generated analytics for participant calls
Screen Shot 2022-06-30 at 1.00.59 AM.png
Next Best Page
Feeding the Algorithm

We built this page around an AI-algorithm that recommends the products and product features MDs should sell to clients - i.e. "the next best product." Users can provide feedback on these recommendations, to continually improve the algorithm. 

NextBestTab1.gif
MDs can assess recommendations through feedback form and compare potential products with existing peer data
AI Insights in Context

We also designed a slide-out drawer that, when opened, highlights and explains AI-generated insights in the context of the page. 

Screen Shot 2022-06-30 at 1.01.46 AM.png
NextBestTab2.gif
Users see tagged insights by opening insights panel
Book of Business Page
Glanceable Grid

Users specifically wanted a view of all their clients and the products they currently have, could have, and can't have (called a Book of Business). This grid needed to be understandable at a glance, with the option for users to reveal more information by interacting with the grid cells. I utilized color and iconography to differentiate between product viability.

BookofBusinessTab1.gif
Screen Shot 2022-06-30 at 1.04.42 AM.png
Screen Shot 2022-06-30 at 1.04.03 AM.png
Clicking on grid cell gives an overview of product, possible growth, and retention (if product is owned)
Screen Shot 2022-06-30 at 1.04.22 AM.png
Filter Products

Users can toggle between prospective or current products and apply filters to further drill down to specific client opportunities.

Screen Shot 2022-06-30 at 1.03.03 AM.png
BookofBusinessTab2.gif
Results

Our team conducted regular interviews with MDs throughout the research and designing phases. These interviews allowed users to review the interactive prototype and provide detailed feedback that we could apply before the dashboard went into development.

Several users reported being confused by the page for their Book of Business, namely the interactive grid feature. Based on these responses, we added an interface key.

We finished transitioning all MDs over to the new sales dashboard by February of 2021, with a 100% adoption rate.