Case Study: Translate an Advertising Deck to Online Experience for On3 Ad Sales Team

Project Metadata

  • Role: Lead UX, Product Designer & UI Engineer
  • Timeline: High-Velocity Sprint (Driven by upfront system mapping and AI-assisted implementation)
  • Platform: Responsive Web
  • Tech Stack: Figma, Claude Code
  • Core Focus: Replace existing content page / Email Advertising link with KPI-centered informational pages (case studies, ad placement examples, audience reach) and contact form

The Business & User Challenge

The previous Advertising page was temporary and not well thought out.

  • The Core Objective: Translate the Sales team's existing Advertising deck to an online version where we can highlight some key facts and value props:
    • Key Metrics: Uniques, Subscribers, Social Impressions, Direct Traffic
    • Audience Buckets
    • Potential Markets
    • User Demographics
    • Case Studies
    • Display, Video, and Newsletter Units
    • Shows and Podcasts
    • Events and NIL
    • Contact Form: Allow potential advertisers to submit an online contact form instead of traditional email sends.

AI Market Reach Map

On3 covers college sports in most markets around the country. Utilizing Claude AI, create a map that visually respresents each market On3 currently has boots on the ground covering local athletic programs.

  • Publishers present: Find the school's location and insert the official logo to indicate On3 has publisher-suported coverage.
  • Channel sites (future expansion): Find school's location and display a small dot to represent additional markets still in need of a local site publisher.

The map respresnts the vast amount of localized market coverage for On3, with additional areas where it can grow.

Next
Next

Case Study: Onboarding flow for On3 App using FinTech Process