Ad Platform App
AC
Advertising Cloud — End-to-End Ad Management Platform
Overview
An ad platform for agencies to create, manage and analyse campaigns across every major platform.
A full-stack creative operations tool: brand management, AI-labelled asset libraries, distribution across Meta, TikTok, Google, Amazon and LinkedIn, brief workflows and analytics — in one dark, dense interface.
Role
Lead UX/UI Designer
Platform
Desktop Web App
Duration
9 months
Tools
Figma, FigJam, Maze, Lottie
Team
PM, 3 Engineers, UX Researcher, Designer, BA
13+
Ad Platforms Integrated
32
Pages of Brand Data
60%
Faster Campaign Setup
5★
Internal NPS Score
01 — Onboarding
A clean, guided entry point to AC
Contextual overlays walk new users through core features — such as the New Brand workflow — with a magnified callout and step counter, without leaving the live interface.
Step-by-step feature tours without leaving the app
Contextual callouts highlight exact UI elements
Progress indicators across multi-step walkthroughs
Dismissable at any point — returns to last position
02 — Brand Management
Every client and brand, paginated and searchable
The Brands module is the central hub for agency operations, with paginated navigation across 32+ pages of entries.
03 — Analytics
Deep campaign performance, broken down every way
KPI header bar
CPM, Spend, Reach, CTR and VTR as scannable metric cards.
Sprint performance charts
Sprint 1–4 trends, with VCR and CTR split by format.
Breakdown tables
Every creative listed, with colour-coded cell performance.
04 — Asset Library
A structured creative library for every brand
Each brand has a dedicated Assets section with folder-based organisation and thumbnail previews.
Asset detail panel
Full metadata view shows AI labels (Google Vision + Amazon Rekognition), multi-ratio version previews (Source, 16:9, 1:1, 9:16, 4:5), activity log, and one-click download of all versions or individual formats.
Template compositions
After Effects template details list every composition with group, role, placement, output type, size, and variables. A validation system confirms templates are production-ready before creative render.
05 — Strategic Brief
A guided 6-step workflow from brief to submission
Step 1
Tag Category
Ad format, brief type and funnel stage, colour-coded.
Step 2–5
Platform, Audience, Template & Assets
Platform, audience, template and assets, with inline validation.
Step 6
Review & Submit
All parameters summarised, one Submit Brief CTA.
06 — Platform Integrations
Connect to every major ad platform in one click
The Add a Platform modal surfaces all 13 supported ad platforms as a branded icon grid.
Projects are configured once and campaigns are distributed to all selected platforms without leaving the AC interface.
Summary
Overview
An ad platform for agencies to build, run and analyse campaigns across 13+ networks.
Challenge
Campaigns lived across fragmented dashboards, limiting visibility and forcing context switching.
Solution
One hub for distribution, AI-labelled assets, briefs and analytics — 60% faster setup.
Key Results
07 — User Testing
Power user validation — agency teams stress-testing the full workflow
Media buyers and creative ops tested briefs, asset search and analytics under deadline.
Maze unmoderated testing
Global task flows measured click paths and misclicks across the 6-step brief.
Think-aloud creative review sessions
Moderated reviews exposed CPV/CPC confusion and weak hover states.
Workflow timing benchmarks
Brief-to-submission timed across variants against an 8-minute target.
Key Outcomes
60%
faster setup than legacy tools
Step 1
Tag Category relabelled — errors fell 34% to 6%
5★
internal NPS after onboarding redesign
Analytics
KPI bar took 3 label rounds; tooltips fixed CPV/CPM
"Brief B"
assets-before-template order adopted
Methodology
Design System
A high-density visual language built for power users
Every component was built for speed and clarity in a dark, data-heavy interface used daily.
Colour Palette
AC Indigo
#4F46E5
Primary CTAs, active nav, selected states, brief step progress
Surface Dark
#0F0F17
Primary background across all app screens
Surface 01
#1A1A2E
Card surfaces, modals, sidebar panels
Surface 02
#252540
Elevated components, dropdowns, hover states
Signal Green
#10B981
Success states, active integrations, included features
Amber Alert
#F59E0B
Warnings, pending campaign states, budget alerts
Text Primary
#F1F5F9
Headings, metric values, brand names
Text Secondary
#94A3B8
Labels, descriptions, timestamps, meta info
Typography Scale
40px / 700w
Display / Brand Name
Brand and client name headings on overview pages
28px / 600w
Heading 1
Section titles, analytics page headings
20px / 600w
Heading 2
Card headers, module names, brief step titles
14px / 400w
Body
Descriptions, asset metadata, brief content
11px / 500w
Label / Eyebrow
Uppercase column headers, status tags, filter labels
24px / 700w
Metric Value
KPI numbers — CPM, Spend, CTR — dominant data anchors
Core Components
KPI Metric Card
Stat tile with figure, muted label and trend arrow.
Brand Row
Logo, name, client count and status, with bulk selection.
Asset Thumbnail
Ratio-aware preview with AI labels and hover actions.
Platform Icon Grid
Branded icon tiles for all 13 ad platforms. Toggle-select with active ring highlight and disabled state.
Brief Step Indicator
Six-step progress bar with back-navigation.
Onboarding Callout
Contextual tooltip with step counter and Next/Skip.
"The unified campaign platform has been transformative — distribution, AI assets and analytics cut setup time in half."
Sarah Whitmore
Creative Director, Advertising Cloud