AI Smart Sales Activity Dashboard

A major redesign of an outdated, underutilized feature, now integrated with AI.

Problem Statement

The sales dashboard is a feature that’s essentially collecting dust. Its outdated interface is neither user-friendly nor visually appealing. The existing metrics lack context and don’t provide users with the insight they need to assess performance trends.

User Research

A key part of ensuring the new dashboard included genuinely useful widgets was speaking with people who use our platform daily. In a research session, a customer success manager confirmed that the sales activity dashboard was rarely used because of its clunky design and outdated UI. They emphasized the need for data to be presented in a less text-heavy format and also highlighted the importance of a notification center. This widget could feature ‘areas to review,’ such as renewal opportunities or orders requiring completion.

Based on this research session, the team decided to incorporate more graphs and visuals to better convey the data on the page. I used pre-existing graphs from our design system to ensure consistency with the rest of the platform. I also removed superfluous widgets that the customer success manager indicated were not useful to users.

The main pain points we established were:

  • Outdated, clunky UI makes information hard to find
  • The data is too text heavy - looses the attention of the user too quickly
  • No notification center

Objective

Create a performance dashboard with an updated user interface and more insightful metrics. The dashboard should also include more visual elements and be less text-heavy. Additionally, a notification center will be included to display important alerts for the user to review.

The original dashboard design

Design Process

The initial bulk of the work involved removing sections that were no longer useful. After that, I updated the remaining content to align with the platform's design system.

The initial re-design

I then returned to the wireframes and added a new notification center for users. I also increased the size of the headers and text to improve legibility on such a content-dense page. The final component the team decided to add was a benchmark comparison feature, which allows users to set sales goals for the company, individual salespeople, and more.

Completed V.1

V.1 Conclusion

The final version was well received by users, leading to a significant increase in traffic compared to the previous design. Average daily usage of the sales dashboard tripled, with 30% user adoption within the first month of launch. Additionally, participants saw a 20% quarter-over-quarter increase in revenue.

V.2 Updates

After the success of V.1, the team realized that are more features that would be beneficial to the sales dashboard platform. Although the new metrics design was easier to view, it still lacked the depth needed to provide users with meaningful insights. The dashboard also did not include a system for setting or managing goals.

We decided to enhance the feature by adding a goal-setting wizard, customizable views for different users and personas, the ability for users to prompt AI for sales insights.

A PM and I began by brainstorming what this goal-setting dashboard would look like and what it could accomplish. The goal-setting wizard would be used to set goals for employees, establish monthly office targets, and more.

V.2 Objective

Create a sales dashboard that allows managers and executives to set goals, monitor team progress, and ensure their teams are meeting performance standards. Integrate AI-generated insights and analysis of sales.

New User Journey

New landing page: managers and executives see updated dashboards

Notifications: highlight new goals and progress risks

Cards: high-level team/market metrics

Graphs: show progress against monthly and quarterly goals

Goal setting drawer: access to current and historical goals

Goals overview widget: tracks team progress and flags risk

AE goal widget: replies benchmark view with goal status 

Initial diagram of goal setting wizard

Smart goal setting
Step to set office targets

Design Process

I began by creating low-fidelity wireframes outlining the features for each major user’s dashboard. A new feature added for every user was a sales metrics section at the top of the dashboard, highlighting the number of proposals and orders the team had generated, along with metrics for realized and booked revenue. We also introduced a new AI chat feature, allowing users to prompt the AI to perform various tasks, such as creating a goal-performance graph or generating a table showing AE performance for the current quarter. The tables from the previous version of the sales dashboard were included at the bottom of the page, as we wanted to include the flashier, more engaging graphics at the top of the dashboard.

The original low-fidelity wireframe of the manager dashboard
The completed manager dashboard

V.2 Conclusion

The integration of AI makes the sales dashboard more interactive and engaging. AI-generated team member reviews, designed to be succinct and timely, provide users with richer insights. The addition of visually appealing data charts creates a more engaging experience upon landing, avoiding the overwhelm of data-heavy tables. The updated design also introduces more meaningful metrics, offering users better insights. Overall, the AI integration makes the second version of the sales dashboard significantly more useful and interactive.

My other works

TV Schedule Builder

An end-to-end solution for creating TV schedules

Web Design

Analytics Dashboard Design

A modern analytics dashboard created for advertising technology.

Web Design

Kaiser Permanente Dental of Oregon

Re-design for Kaiser Permanente's Dentistry website for their services in the State of Oregon.

Web Design

Web Design: The Danger of Data

Created using Adobe XD, this website prototype informs its users about how to retain their online digital privacy.

View All Works
Mobile App

SafeLink

A mobile app that helps keep you and your friends safe.

Mobile App

Budget.ly

A budgeting app designed for young adults and college students.

View All Work
Web Design

Analytics Dashboard Design

A modern analytics dashboard created for advertising technology.

Web Design

Kaiser Permanente Dental of Oregon

Re-design for Kaiser Permanente's Dentistry website for their services in the State of Oregon.

Web Design

Web Design: The Danger of Data

Created using Adobe XD, this website prototype informs its users about how to retain their online digital privacy.

Web Design

Goodreads Redesign

A redesign of a website I love (but whose UX constantly pains me) Goodreads.

View All Work
Illustrations

KCPR Graphic Design

Graphics I created as a designer for KCPR.org - anything from drawings of coffee to Miley Cyrus.

View All Work