Advertiser Self-Serve DSP

2025  Nexad

An Advertiser Onboarding and Campaign Management Platform

Designed the advertiser onboarding flow and campaign creation experience for Nexad’s first self-serve ad platform, supporting ad campaigns reaching 30M+ active users. Collaborated closely with the PM and development team to ensure technical feasibility under tight timelines.

Team

2 UX Designer
1 Developer
1 PM

Role

UX/UI Designer

Tools

Figma
Photoshop

Duration

3 weeks

Overview

Nexad is the first AI-native ad network, delivering real-time, personalized ads within AI-powered conversations. Previously, all campaigns were managed internally with no self-service option. My team was tasked with building the first self-serve ad platform.

I independently designed the advertiser onboarding and campaign creation experience, focusing on a clear, intuitive, end-to-end UX.

Challenge

  • 0 to 1 Self-Service Advertising Platform
    Build a new self-service advertising platform directly on the official website, where none existed before.

  • Balancing Simplicity with Complex Information
    Design an onboarding and campaign setup flow that is easy for non-technical users while handling information-heavy requirements.

  • Maximizing Survey Completion Without Disruption
    Integrate a survey into the campaign form in a way that minimizes friction and keeps the user moving forward.

Solutions

  • AI-Powered Ad Demo in Onboarding Flow
    Users input their website URL to instantly see a personalized demo ad, making onboarding faster and clearer.

  • Streamlined Campaign Creation
    Grouped form sections and added a progress indicator to simplify setup and help users stay on track.

  • Seamless Survey Integration
    Embedded the survey with consistent UI and simplified its structure to minimize friction and keep users moving.

Impact

Increased autonomy & revenue potential

Early validation & positive feedback

Scalable campaign reach

Highlights

Personalized AI-Powered Ad Demo

Help advertisers defining target audience effortlessly and precisely

Navigate Campaign Setup with Clarity and Control

Placed mid-form to boost completion, the tabbed layout keeps inputs focused and clear.

Seamless Survey Integration for Higher Completion

The tabbed layout made input more focused, leading to higher survey completion and better insights for campaign optimization.

Context

WORK SCOPE

In this project, product manager did early research, we are going to design a platform for Nexad’s advertiser to manage their ads campaign,  I was assigned for design the whole on boarding flow and create campaign form.

My work scope
Self-Serve DSP-User flow chart
Two access for advertiser on boarding
1
Create campaign from dashboard
Primary user: Existing advertiser
Advertiser on boarding user flow 1
2
Create campaign from AI insights page
Primary user: New client (first-time user)
Advertiser on boarding user flow 2
DESIGN GOALS

Turn dense setup details into streamlined steps so advertisers instantly grasp Nexad’s value, launch campaigns effortlessly, and drive higher completions.

Demo generation page

Highlight the URL input so it’s instantly noticeable and intuitive.

Clarify the AI‑powered insights and live‑chat demo with a guided, easy‑to‑follow flow.

Campaign creation form

Seamlessly embed the survey in the campaign flow to lift completion rates.

Streamline navigation so users stay oriented and in control.

Ideation

Information Architecture  & User Flows

The PRD’s original flow hits users with too much info at once

I refined the demo generation flow into clear step‑by‑step stages and reorganized the campaign form’s information architecture by grouping fields and adding a side‑nav stepper, cutting information overload and keeping advertisers on track.

Clarified the AI-powered demo flow to keep information lean and focused.

Early wireframe-AI Insights Page

Lack of Hierarchy
It's unclear where users should focus first, which may lead to hesitation or missed information.

Cognitive overload
Too many elements (e.g. video/text/buttons) delivered at once can overwhelms users.

User Frustration
Users felt rushed and disoriented by the dense information, which made them feel less in control.

Refined wireframe-AI Insights Page

Progressive disclosure
Divides the flow into two steps so users can process less information at one time.

Give user control
Adds a Check My Demo button so users can process information at their own pace.

Maintain context
Keeps content on the same page so users can revisit insights without losing their place.

Segmented the campaign form and added a side‑nav stepper to give users clear progress and control.

Campaign creation form layout before VS. after
1.
Split the form into 5 clear sections

So advertisers can instantly see progress and what’s next.

2.
Added a side-nav stepper

For real‑time progress tracking and one‑click navigation between sections.

3.
Surfaced the survey earlier

To boost response and overall completion rates.

Iterations

With a compressed timeline and validated IA/user flows, I moved directly to mid‑fidelity prototypes. Through 3‑4 rapid feedback loops with stakeholders, I refined the design to keep usability high.

Campaign demo

If website doesn’t have enough data from data crawling, the user needs to input additional information data for AI analysis

Get AI-powered data insights  user flow

Earlier design-Add additional information modal

Modal using scenario
URL editing flow friction

If user want to edit original URL, they must exit the modal and restart the flow, creating unnecessary friction and disrupting task continuity.

Empty insights risks user confusion

Closing the modal without input leaves the AI insights blank, creating a dead-end that can confuse users and make the system feel broken.

Unsaved input loss

If users accidentally close the modal, they may lose unsaved input, which is frustrating

Final design-Add additional information page

Add additional info page using scenario
Greater Flexibility and Control

Users can edit the URL and add info on the same page, reducing interruptions and enabling seamless corrections without losing context.

Better clarity and continuity

AI insights appear after input, keeping users on track with a smooth experience and no confusing gaps.

Improved reusability and scalability

The page structure can be reused across different steps in the flow and scales easily to support added complexity or new fields.

Campaign creation form-Interaction Flow

Exploring interactive form patterns that balance information clarity, user focus, and task efficiency.

Prototype A: Multi-step form

Muti-step form interaction
Pros

Lower cognitive load

Showing one section at a time helps users focus on the current task without feeling overwhelmed.

Progress awareness

The stepper offers clear guidance and a sense of progress, helping users stay oriented throughout the process.

Cons

Longer and more rigid experience

Showing one section at a time helps users focus on the current task without feeling overwhelmed.

Implied linear progression

While users can skip ahead, the format implies they must complete each step, which may leave them stuck if they're unsure how to proceed.

Low process visibility
Lack of visibility into upcoming sections can lead to uncertainty or reduce user confidence in completing the form.

Prototype B: Single-page form

Single-page form interaction
Pros

Holistic overview

Users can see all sections at once, offering a clear, big-picture understanding of the form.

Flexible completion

Easy to jump between sections and complete them in a non-linear, user-driven order.

Low process visibility
Lack of visibility into upcoming sections can lead to uncertainty or reduce user confidence in completing the form.

Cons

Information overload

Displaying all sections at once may overwhelm users due to the sheer volume of content, increasing cognitive effort

Campaign creation form-Survey layout Design

Enhancing completion rates while maintaining a smooth, uninterrupted form experience

Earlier design-Vertical expansion

Earlier survey design interaction

Longer scrolling experience

Adding friction

Potential for misreading

Final design-Tabbed layout

Final survey design interaction

Shorter form length, cleaner layout

Focus on one set of inputs at a time

More scalable structure for handling multiple country-specific inputs

Final Design

I designed the entire onboarding flow, including Sign In / Sign Up, Forgot Password, and the survey form

On boarding

Sign in / Sign up final design and flow

Campaign creation

Reflection

Designing through ambiguity

This project pushed me to navigate unclear and shifting requirements. The PRD had many undecided parts at the start, I learned how to move forward by identifying priorities with product manager and designing around the unknowns.

Fast-paced, intentional iteration

Working under tight timelines taught me to iterate quickly without losing clarity. I had to decide what to design first, what could wait, and how to communicate design intent even when the product was still evolving.

Balancing constraints with experience

Integrating the survey into the campaign form flow challenged me to align business goals with a smooth user experience. I realized that under time pressure, design is about making smart trade-offs, balancing functionality, usability, and priorities to deliver the most effective solution.

Future improvement

Advocate for earlier user testing, even in fast sprints. This time, testing was led by the PM with advertisers; next time, I’d aim to be directly involved. I’d also explore more modular components to support easier scaling and faster iteration.

Previous
Next