Highspot

Highspot

Highspot

A sales enablement platform that drives strategic productivity among sales teams.

A sales enablement platform that drives strategic productivity among sales teams.

A sales enablement platform that drives strategic productivity among sales teams.

Length

Length

Length

8 min read (1 min skim)

8 min read (1 min skim)

8 min read (1 min skim)

Areas

Areas

Areas

UX Design

UX Design

UX Design

Product Strategy

Product Strategy

Product Strategy

Design System

Design System

Design System

Team

Team

Team

1 Design Manager

1 Design Manager

1 Design Manager

1 Senior Designer

1 Senior Designer

1 Senior Designer

Contribution

Contribution

Contribution

UX + UI

UX + UI

UX + UI

User Flows

User Flows

User Flows

Prototyping

Prototyping

Prototyping

Tools

Tools

Tools

Figma

Figma

Figma

Highspot Internal App

Highspot Internal App

Highspot Internal App

Part 01

Overview

Context: About Highspot

Context: About Highspot

Highspot is a sales enablement platform used by sales teams and organizations to better drive strategic growth. The enterprise software’s main use cases are to manage content, guide sellers, train & onboard, coach reps, and engage customers.

I was brought onto the Information Services team to expedite and elevate existing product features. The Information Services team is a relatively new team that was created last year to help align horizontal product experiences in the Highspot app such as search, support & nurturing, content guidance & governance, settings, and analytic tools.

During my time, I supported the team with a new initial version of a help and support experience, an updated version of promoted search feature flows, and miscellaneous design asks.

Overview of Design Involvement

Settings & search

Settings & search

Main design effort improving admin features

Main design effort improving admin features

Help & support

Help & support

Main design effort designing user nurturing experiences

Main design effort designing user nurturing experiences

Analytics

Analytics

Design effort addressing scorecard responsiveness

Design effort addressing scorecard responsiveness

Content governance

Content governance

Design effort exploring universal messaging and notifications

Design effort exploring universal messaging and notifications

Constraints

Constraints

The main challenge I faced was navigating a resource-constrained environment. As a contractor, my access to resources, internal features, and direct user interaction was limited. To overcome these constraints, I sought communication and input from senior designers, leveraging their experience to gain a better understanding of the Highspot product. Additionally, I relied on previous design files to inform my design decisions and maintain coherence with the design system.

The Main Deliverables

The Main Deliverables

01

Conceptualized a new help and support experience

I designed multiple directions for Project Wayfinder, an updated user nurturing and help experience within the Highspot app. I explored and iterated through help and support UX models to identify potential design solutions, aiming to increase retention metrics and align with Highspot's strategic goals.

02

Prototyped user flows for V2 Promoted Search in admin settings

I owned the design efforts for V2 Promoted Search, creating new admin features and user interactions. I annotated the design flows for development and documented new components and interactions, ensuring clear understanding and implementation with development.

TLDR: A refresh to the Highspot Help Center experience and new UX flows of Promoted Search V2 in Highspot Admin Settings.

TLDR: A refresh to the Highspot Help Center experience and new UX flows of Promoted Search V2 in Highspot Admin Settings.

Project Wayfinder

Promoted Search

Part 02

Project Wayfinder

Customer Need and Kickoff

Customer Need and Kickoff

I dived into Project Wayfinder by first understanding the current help and support experience through customer research and insights gathered by the PM and user research team.

01

Inaccessible self-service resources

Highspot’s extensive range of self-service resources is currently inaccessible to customers. They can only search Zendesk Help Articles via the Help widget, leaving a significant amount of valuable content undiscovered. As a result, customers are often unaware that various help and support content exists.

02

Fragmented and weak help center experience

The current help center navigates customers away from the Highspot app to external Help Center pages. To enable quicker unblocking and a seamless return to their activities, customers should be able to self-serve within the Highspot environment. Integrating search, navigation, and content usage within the Highspot experience is crucial for achieving this goal.

03

Limited support interface

The current support UI limits the data provided to the Support Team, complicating issue troubleshooting. Customers cannot attach files or provide detailed information when filing a support ticket, leading to increased back-and-forth communication, longer Average Resolution Times (ART), and higher support costs.

04

Overdependence on direct customer support

When customers give up on self-service options, they contact support directly, wasting significant Support Team time and resources. This approach is inefficient and costly. Enhancing the self-service capabilities within the Highspot app would reduce the dependency on direct support, allowing the Support Team to focus on more complex issues and improving overall customer satisfaction.

My Design Process

Design Principles

Design Principles

Drawing from the insights gained from understanding the context and customer problem, I applied three design principles to guide my design process. These principles helped clarify my end goals and make sure I was addressing the problem at a high level.

The overall focus was to ensure my solutions were customer-centric and aligned with Highspot's strategic goals.

Simplexity

Simplexity

How might we navigate complexity and simplify the Help & Support experience? Are there opportunities for product learning moments?

How might we navigate complexity and simplify the Help & Support experience? Are there opportunities for product learning moments?

Less is More

Less is More

How can we utilize existing patterns, minimize new UI elements, and reduce clicks to achieve the same results?

How can we utilize existing patterns, minimize new UI elements, and reduce clicks to achieve the same results?

Fast and Fluid

Fast and Fluid

How can we ensure a smooth and frictionless flow so users can resolve issues more quickly? Does the UX feel responsive and performant?

How can we ensure a smooth and frictionless flow so users can resolve issues more quickly? Does the UX feel responsive and performant?

Project Goals

Project Goals

The project had two main goals. The first was to create a centralized, updated help and support experience that allows users to access various Highspot self-service resources. This aimed to reduce the number of support tickets for the Customer Support team, increase the adoption of self-service resources, and cultivate more "trained" customers. The second goal was to make in-context support more relevant within the Highspot app, enabling users to resolve issues more quickly, ultimately enhancing retention and success metrics.

The Design Goals

Update the Help & Support Experience

Update the Help & Support Experience

Centralizing and updating the current experience means reducing the number of support tickets and increasing the adoption of self-service resources.

Centralizing and updating the current experience means reducing the number of support tickets and increasing the adoption of self-service resources.

Enhance In-Context Support Relevance

Enhance In-Context Support Relevance

By contextualizing in-app help, customers can quickly resolve issues and resume their activities, leading to higher retention within the Highspot app.

By contextualizing in-app help, customers can quickly resolve issues and resume their activities, leading to higher retention within the Highspot app.

Illustrating the User Scenarios

Illustrating the User Scenarios

There are three personas that represent the main use cases of Highspot’s Help & Support experience. This was synthesized from insights gathered by the Customer Learning Team and the Support Team to best guide a informed and user-centric design solution.

01

The publisher

Publishers manage and organize content within Highspot. This persona requires tailored resources to efficiently navigate their roles. Therefore, they need easy access to a variety of self-serve resources such as Highspot University courses, SmartPages, Chameleon tours, enablement success content, Quicktake videos, and relevant articles.

02

The sales representative

Sales representatives need quick, precise information to engage buyers. This persona requires robust search functionality within Highspot, allowing them to successfully find answers. By searching for specific queries, they should access instant answers, Highspot University courses, Chameleon tours, Quicktake videos, and help articles.

03

The solution owner

Solution owners handle technical issues and ensure smooth operations within Highspot. They need efficient troubleshooting resources and the ability to submit detailed support tickets. When encountering problems such as trouble enrolling users, they can search for solutions through help articles and videos. If the search results do not address their issue, they should have the option to submit a support ticket to the Support Team.

User Personas for Help & Support

The Publisher

Focuses on a browsing experience

The Sales Rep

Focuses on a searching experience

The Solution Owner

Focuses on a troubleshooting experience

Help & Support Experience

Help & Support Experience

My work led to three main ideas for improving the help and support experience. The first idea was to make support more contextual, providing help right where users need it. The second idea was designing a help library, offering easy access to a wide range of self-service resources. The third idea was to integrate the customer help experience with the universal search bar, making it easier for users to find support materials across the platform. These user nurturing models aimed to increase Highspot’s user retention, NPS, and CSAT metrics.

Since the project wasn't completed during my time at Highspot, I can't show the full extent of my design work. However, these design directions provided a solid plan for improving the Help & Support experience for customers.

Sample of Designs

Part 03

Takeaways

Lessons Learned

Lessons Learned

01

Ensuring pattern coherence with a mature design system

Working within Highspot’s detailed design system required understanding its application and creating new designs and interactions that fit within its patterns. I navigated discrepancies in components as the design and team evolved, learned best practices behind design patterns, and ensured consistent application across my work.

02

Guiding my designs with principles and frameworks

I learned how Highspot’s design principles were essential in informing solutions and serving customer needs. It was important to think big picture and approach problems holistically, intentionally, and specifically. Applying these principles and frameworks allowed me to create solutions that were both creative and aligned with long-term goals.

03

Embracing an unfamiliar design environment

I gained experience navigating new design processes, which challenged me in unexpected ways. The Highspot design environment emphasized leading with principles to produce high-quality UX that scales efficiently. Feedback sessions with senior designers provided valuable learning opportunities, enhancing my knowledge and validating my designs.

Thanks for reading!

Amie Deng

Hi, let’s get in touch

I'm a product designer with a focus on productivity tools and web applications. If you have an idea or want to talk about what I do in more detail, please reach out!

Designed in Figma

Developed in Framer

Set in Playfair Display and Rubik

Last Updated Jul 2024

Amie Deng

Hi, let’s get in touch

I'm a product designer with a focus on productivity tools and web applications. If you have an idea or want to talk about what I do in more detail, please reach out!

Designed in Figma

Developed in Framer

Set in Playfair Display and Rubik

Last Updated Jul 2024

Amie Deng

Hi, let’s get in touch

I'm a product designer with a focus on productivity tools and web applications. If you have an idea or want to talk about what I do in more detail, please reach out!

Designed in Figma

Developed in Framer

Set in Playfair Display and Rubik

Last Updated Jul 2024