Spotify Advertising

Improving Navigation for Advertisers on Spotify

Objective
Spotify Advertising needed clear navigation to support complex ad formats and a growing global presence.
Background

Ad Studio, Spotify's Self Serve ads booking experience, launched in 2017. Since then, Ad Studio expanded into global markets, built various ad formats, and made it possible for teams to collaborate within the platform.

Ad Studio's navigation was sparse, burying critical user tasks and leading to low completion rates. We set out to improve the Ad Studio user experience and prepare the product for upcoming waves of innovation.

Problem

The circuitous routing of 1XY creation and reporting was keeping advertisers from using many of Ad Studio's new, powerful features. Unpredictable interactions created confusion, reducing the likelihood of successful task completion.

Solution

Our hypothesis was to expose clear paths to actions within Ad Studio’s top 3 behavioral modes to enable better wayfinding, team collaboration, and task completion by improving navigation across 1st and 2nd-level surfaces.

Defining the Problem
How might we build a clear, unified navigation system to match the complexity of our capabilities and user needs?
Process
Current State
Step 1

Initial evaluation of existing Ad Studio Site Structure

Key Tasks
Step 2

Identifying key tasks per behavioral mode

UI Exploration
Step 3

UI Exploration of new navigational concept - adding new navigation items for Behavioral modes like Create, Manage, and Report.

Testing
Step 4

Information Architecture that was tested via tree test

Process
Current State
Key Tasks
UI Exploration
Testing
01
Step 1

Initial evaluation of existing Ad Studio Site Structure

02
Step 2

Identifying key tasks per behavioral mode

03
Step 3

UI Exploration of new navigational concept - adding new navigation items for Behavioral modes like Create, Manage, and Report.

04
Step 4

Information Architecture that was tested via tree test

Process
Current State
Key Tasks
UI Exploration
Testing
01
Step 1

Initial evaluation of existing Ad Studio Site Structure

02
Step 2

Identifying key tasks per behavioral mode

03
Step 3

UI Exploration of new navigational concept - adding new navigation items for Behavioral modes like Create, Manage, and Report.

04
Step 4

Information Architecture that was tested via tree test

Process
  • Information Architecture Analysis
  • User Research
  • Design and Content Ideation