From Assisted Sales to Self-Service: Redesigning SPH Media's advertising platform to reduce operational dependency and empower advertisers to launch campaigns independently

From Assisted Sales to Self-Service: Redesigning SPH Media's advertising platform to reduce operational dependency and empower advertisers to launch campaigns independently

Streamlining the ad creation journey for advertisers and account managers with intuitive tools and independent control.

Overview

Every campaign required a salesperson. That wasn't sustainable

As Singapore's largest media network expanded its digital advertising business, campaign creation remained heavily dependent on account managers. Advertisers couldn't launch campaigns independently. Sales teams spent significant time configuring routine campaigns instead of growing customer relationships.


The challenge wasn't simply improving an interface. It was redesigning the operating model behind media buying.

As Singapore's largest media network expanded its digital advertising business, campaign creation remained heavily dependent on account managers. Advertisers couldn't launch campaigns independently. Sales teams spent significant time configuring routine campaigns instead of growing customer relationships.


The challenge wasn't simply improving an interface. It was redesigning the operating model behind media buying.

Role

UX Designer

  • User Flows

  • Information Architecture

  • Wireframes

  • Design Documentation

  • Stakeholder Management

  • Prototyping

UX Designer

  • User Flows

  • Information Architecture

  • Wireframes

  • Design Documentation

  • Stakeholder Management

  • Prototyping

UX Designer

  • User Flows

  • Information Architecture

  • Wireframes

  • Design Documentation

  • Stakeholder Management

  • Prototyping

Team

2 UX Designers

1 UI Designers

1 Product Lead

1 Design Lead

2 Project Managers

Timeline

10 months (May 2023 - Feb 2024)

Estimated launch date to be updated

Dive Into The Problem Space

Buying ads was confusing, inefficient, and overly reliant on sales teams

Buying digital ads was

😰

😰

Confusing

Confusing

⏱️

⏱️

Inefficient

Inefficient

🧑🏻‍💻

🧑🏻‍💻

Heavily dependent on account manager

Heavily dependent on account manager

↓↓↓

Advertiser struggled with

Fragmented workflows

Fragmented workflows

?

?

Unclear pricing

Unclear pricing

Steep learning curve

Steep learning curve

🎯Our Goal

To create a seamless, intuitive platform that enabled businesses to buy ads independently, without needing expert guidance.

To create a seamless, intuitive platform that enabled businesses to buy ads independently, without needing expert guidance.

Challenges & Constraints

Every decision required balancing 3 competing needs

Simplicity vs Flexibility

Serve first-time advertisers without limiting experienced buyers.

Serve first-time advertisers without limiting experienced buyers.

Self-service vs Human Support

Reduce operational dependency while preserving opportunities for consultative sales.

Reduce operational dependency while preserving opportunities for consultative sales.

Product Vision vs Technical Reality

Build an MVP capable of evolving with legacy infrastructure.

Build an MVP capable of evolving with legacy infrastructure.

Approach & Process

Before redesigning the platform, I mapped why people need sales in the first place

Before redesigning the platform, I mapped why people need sales in the first place

Buying digital ads was confusing, inefficient, and heavily dependent on account managers. Advertisers struggled with fragmented workflows, unclear pricing, and a steep learning curve. Our goal was to create a seamless, intuitive platform that enabled businesses to buy ads independently, without needing expert guidance.

Buying digital ads was confusing, inefficient, and heavily dependent on account managers. Advertisers struggled with fragmented workflows, unclear pricing, and a steep learning curve. Our goal was to create a seamless, intuitive platform that enabled businesses to buy ads independently, without needing expert guidance.

Understanding User Needs & Pain Points
Understanding User Needs & Pain Points

We began with in-depth user research to identify key frustrations and opportunities:

User Interviews

Spoke with multiple small business owners and experienced advertisers to understand challenges in campaign setup.

Sales & Support Insights

Gathered feedback from sales, operation, marketing teams on common advertiser struggles.

Competitor Analysis

Studied global self-serve ad platforms (e.g. Meta, Google) to identify best practices and gaps.

Defining Core Experience & Prioritizing Features
Defining Core Experience & Prioritizing Features

Given technical constraints and business goals, we focused on delivering a streamlined MVP:

Guided Campaign Setup

Simplified the ad-buying process into step-by-step flows, reducing confusion.

Budget & Performance Transparency

Designed real-time cost estimations and performance projections to build user confidence.

Smart Defaults & Recommendations

Leveraged smart suggestions for targeting, bidding, and creative selection.

Designing for Self-Sufficiency
Designing for Self-Sufficiency

To reduce reliance on sales teams, we incorporated:

In-Product Education

Contextual tooltips, walkthroughs, and FAQs to guide users.

Template-Based Campaigns

Pre-configured setups for common objectives (e.g., brand awareness, conversions).

Error Prevention & Validation

Inline feedback to prevent mistakes before submission.

Cross-Functional Collaboration
Cross-Functional Collaboration

Success required close alignment with multiple teams:

Sales, Marketing & Ops

Worked closely to understand and steer towards the direction and approaches that are feasible for all teams and align with the business goals

Engineering

Worked within technical constraints while ensuring a scalable architecture.

Compliance & Legal

Ensured ad policies and data privacy regulations were met.

Solution: The Redesigned Experience

A deep dive into how our UI decisions solved some of the biggest frictions across the user journey

A deep dive into how our UI decisions solved some of the biggest frictions across the user journey

We redesigned the platform’s self-serve media buying workflow to streamline campaign setup, enhance usability, and reduce errors, ultimately empowering users to manage their media purchases more efficiently.

We redesigned the platform’s self-serve media buying workflow to streamline campaign setup, enhance usability, and reduce errors, ultimately empowering users to manage their media purchases more efficiently.

Chapter
Chapter

Replace expert knowledge with guided decision-making

Replace expert knowledge with guided decision-making

Before
  • Media planning knowledge and know-hows stay within individual sales manager

  • Advertiser rely heavily on the sales team to manually configure ad campaigns

  • Advertiser lacks visibility into pricing, targeting options, and campaign requirements

🔍Design Exploration

🔍Design Exploration

Approach 1

Approach 1

Create a step-by-step guided setup process with clear instructions and preset defaults.

Approach 2

Approach 2

Provide real-time validation and inline recommendations to reduce errors and user confusion.

💡Final Solution

💡Final Solution

Implemented an intuitive campaign setup wizard that allowed advertisers to configure campaigns independently, with built-in guidance at each step.

Added educational tooltips and FAQs within the platform for immediate self-help.

Designed pre-configured templates (packages) for commonly used ad formats and seasonal promotional package to further streamline setup.

🌟Outcome

🌟Outcome

Advertisers could launch campaigns independently without needing sales team assistance

Reduced campaign setup time significantly

Improved advertiser confidence in managing their own campaigns

Chapter
Chapter

Design one platform for customers and internal teams

Design one platform for customers and internal teams

Before
  • Sales Team needs to switch between multiple platforms for media plan creation, feedback gathering and proposal finalisation

  • Manual review and approval process across multiple internal lines and levels

🔍Design Exploration

🔍Design Exploration

Approach 1

Approach 1

Streamline media planning processes into single platform

Approach 2

Approach 2

Enable one-stop internal review and approval process

💡Final Solution

💡Final Solution

Facilitate streamlined discount approval process for Direct Selelrs

Streamline media plan proposal for client on single platform, with capabilities to showcase multiple options and upload supporting documents

Facilitate Insertion Order endorsement seamlessly through SMP (without switching platforms)

🌟Outcome

🌟Outcome

Reduced time spent switching between platforms for internal processes

Improved workflow efficiency for the internal sales team

Accelerated proposal turnaround time

Chapter
Chapter

Give advertiser confidence before they spend money

Give advertiser confidence before they spend money

Before
  • Users lacked clarity on pricing structures and expected campaign outcomes, leading to hesitation in ad spending

  • Advertisers found targeting and budget settings confusing, leading to inefficient spending and poor campaign results

🔍Design Exploration

🔍Design Exploration

Approach 1

Approach 1

Provide dynamic selection which filter through ad offerings and enable accurate media product purchase.

Approach 2

Approach 2

Explore ways to allow user preview and review steps before finalizing the campaign.

💡Final Solution

💡Final Solution

Clear and transparent price and ability to review before placing order, giving user greater control over the media buying process

Clear overview of the campaign information and allowing ease of navigation into different orders and ads planned for each campaign

Clear overview of ad and the status, and allowing user to upload the creative directly on the platform

🌟Outcome

🌟Outcome

Significantly reduced campaign setup errors

Minimized the need for follow-ups and corrections, improving operational efficiency

Advertisers completed campaign bookings more efficiently

What We Validated Before Launch

Faster Setup, Fewer Errors, and Happier Teams

Faster Setup, Fewer Errors, and Happier Teams

While the product has not yet launched, extensive user testing and internal validation suggest the redesigned experience will drive significant improvements in efficiency, usability, and adoption.

🚀

Increased Efficiency in Campaign Creation

Increased Efficiency in Campaign Creation

Early usability testing showed faster completion times, as users navigated the ad creation flow with fewer errors. The streamlined setup process reduced cognitive overload, making it easier for advertisers to complete tasks without assistance.

😎

Enhanced User Confidence & Self-Sufficiency

Enhanced User Confidence & Self-Sufficiency

The new guided media buying flow helps users select the right ad type, reducing confusion and reliance on support teams. Internal stakeholders anticipate a decrease in support queries related to campaign setup errors.

🔀

Improved Internal Workflow & Sales Team Productivity

Improved Internal Workflow & Sales Team Productivity

Direct Sellers can now create proposals in one platform, significantly reducing time spent switching between tools. The consolidated feedback system is expected to shorten the proposal revision cycle, improving turnaround time.

🌟Next Step

Post-launch, we will track key success metrics such as conversion rates, user adoption, and task completion times to measure the real-world impact of these improvements.

Post-launch, we will track key success metrics such as conversion rates, user adoption, and task completion times to measure the real-world impact of these improvements.

Learnings & Takeaways

Balanced automation and flexibility, built internal buy-in, and made education core to UX

Throughout the design and iteration process, several key learnings emerged that shaped the final experience and will guide future improvements.

Balancing Automation with User Control

Balancing Automation with User Control

Initially, we explored a fully automated media buying experience, but early testing revealed that users still wanted a level of control over key decisions. The final design struck a balance—simplifying workflows while allowing flexibility where it mattered most.

Internal Stakeholder Alignment is Just as Crucial as User Needs

Internal Stakeholder Alignment is Just as Crucial as User Needs

While designing for advertisers, we also had to streamline internal workflows for the Direct Sellers. Constant collaboration with internal teams ensured that both external user experience and operational efficiency were improved simultaneously.

Education is Essential for Adoption

Education is Essential for Adoption

Given the shift from a sales-assisted to a self-serve model, we realized that product adoption relies not just on intuitive design but also on clear onboarding and education. Future iterations may include tooltips, guided walkthroughs, and embedded support to ensure a seamless transition.

Progressive Disclosure is Key to Reducing Overwhelm

Progressive Disclosure is Key to Reducing Overwhelm

The original process required users to input a large volume of information at once, leading to cognitive overload and increased drop-off rates.

By breaking the process into structured steps with contextual guidance, users felt more confident and completed tasks more efficiently.

Create a free website with Framer, the website builder loved by startups, designers and agencies.