Wireframe – CAMPAIGNS (mock up)

CAMPAIGNS

Step 6.

Create Wizard (Step 1 → Step 2 → Step 3 flow) / Campaign Dashboard (ROI metrics, graphs)

The CAMPAIGNS will GO HERE

Create Wizard (Step 1 → Step 2 → Step 3 flow) / Campaign Dashboard (ROI metrics, graphs)

✅ STEP 6 — Campaigns

Structure:
  1. Campaigns Main Dashboard (HTML)
    • Overview stats
    • List of campaigns with status
    • CTA → “Create New Campaign”
  2. Campaign Create Wizard (HTML)
    • Step 1: Select KOLs
    • Step 2: Define Budget / Deliverables
    • Step 3: Review & Confirm
  3. Campaign Details (HTML)
    • Metrics dashboard (CTR, Engagement, ROI)
    • Progress tracker
    • Export options
KOL Radar AI Logo DBG v2.22

CAMPAIGNS

Mockup (HMTL)

Main CAMPAIGN Page

Sample Content for Wireframe MOCKUP

  • 1. Campaigns Main Dashboard (HTML)
    • Overview stats
    • List of campaigns with status
    • CTA → “Create New Campaign”
KOLRadar • Campaigns

Campaigns

Create, track, and optimize KOL campaigns. ROI is computed from tracked clicks, engagement, and attribution.
Active
Spend (MTD)
Avg ROI
In Draft
CampaignChainStatusBudgetSpendCTRROIUpdatedActions
KOL Radar AI Logo DBG v2.22

CAMPAIGNS

Mockup (HMTL)

Campaign Create Wizard

Sample Content for Wireframe MOCKUP

  • Campaign Create Wizard (HTML)
    • Step 1: Select KOLs
    • Step 2: Define Budget / Deliverables
    • Step 3: Review & Confirm
KOLRadar • Create Campaign — Step 1

Create Campaign — Step 1: Select KOLs

Pick creators for this campaign. You can mix chains & formats; we’ll score fit automatically.
1. KOLs
2. Budget
3. Review
Selected KOLs
KOL Radar AI Logo DBG v2.22

CAMPAIGNS

Mockup (HMTL)

Campaign Details (HTML)

Sample Content for Wireframe MOCKUP

Campaign Details (HTML)

  • Metrics dashboard (CTR, Engagement, ROI)
  • Progress tracker
  • Export options

KOLRadar • Create Campaign — Step 3

Create Campaign — Step 3: Review & Confirm

Double-check selections, budget, and timelines.
1. KOLs
2. Budget
3. Review
Summary
Name
Budget
Currency
Model
Dates
Tracking
Deliverables
Notes
KOLs
KOL Radar AI Logo DBG v2.22

CAMPAIGNS

Mockup (HMTL)

Campaign Details "VIEW"

*Optional* (HTML)

Sample Content for Wireframe MOCKUP

Campaign Details (HTML)

  • Metrics dashboard (CTR, Engagement, ROI)
  • Progress tracker
  • Export options

KOLRadar • Campaign Details

Sui Summer Push — Details

Live tracking of deliverables, metrics, and ROI.
Spend
$11,800
Impressions
1.9M
CTR
3.2%
ROI
2.10x

Deliverables

KOLTypeStatusLinkClicksEngagement
AlphaSignalThreadPostedlink4,2109.8%
KOLMatrixYT VideoIn progress
SuiSignalsTweetPostedlink1,1205.4%
Timeline
Start: 2025-08-15 • End: 2025-09-30

🖥 Mockup Site Structure for DEVELOPER

Homepage (Step 1)

  • Hero: Tagline + CTA (Explore Radar / Join Now)
  • Background: Radar sweep (static or video)
  • Buttons: “View Dashboard” → takes you to the MVP directory

Dashboard (Step 2)

  • 3 Big Modules:
    1. Radar Sweep (data blips)
    2. Trending KOLs (top movers snapshot)
    3. Social Feed (latest posts integrated)

Leaderboards (Step 3)

  • Filter controls (chain, category, verified toggle)
  • Sortable KOL table (Reach, Engagement, Velocity)

KOL Profiles (Step 4)

  • Deep Stats (graphs)
  • Content Mix (pie chart)
  • Audience Overlap (Venn diagram)

Watchlists (Step 5)

  • Snapshot cards (KOL tiles)
  • Traffic Indicators (green/yellow/red signals)

Campaigns (Step 6)

  • Create Wizard (Step 1 → Step 2 → Step 3 flow)
  • Campaign Dashboard (ROI metrics, graphs)

Account / Onboarding (Step 7)

  • User Type (Retail / KOL / VC / Agency)
  • Personalization Options
  • Freemium vs Paid Comparison

⚡ My tip: Use dummy data + blurred placeholders for now. Show the structure, not the final metrics. That way, it’s obvious this is a systematic AI-driven trust layer, not a subjective hand-picked directory.

KOL Radar AI Logo LBG v2.22
>