Pitchbox · design prototype
Sitemap
A code-based design surface for iterating on the real app. Recreate existing screens under /screens and prototype new ideas under /wip.
Menu
Navigation explorations — left rails and shells.
Campaign Management
Campaign dashboards, creation, settings, and AI reply tooling.
Campaign Dashboard
Single-campaign dashboard — campaign title with status badges, outreach chart, summary tiles, two-column card rows (tasks, assignees, snapshots, mentions, workflow donut, sequence), opportunity health chart, and opportunities table.
campaignsdashboard
Campaigns
Campaigns v2 dashboard — pipeline stat tiles, project outreach chart, info alert, and a grid of campaign cards with stage badges, stats, and an Outreach Queue progress bar.
campaignsdashboard
Custom Fields
Settings → Data Management → Custom Fields. Grouped table of custom fields with per-surface availability toggles and per-row actions.
settingscustomizationsdata-management
Create Campaign
Campaign type picker. Two sections — line-art "Create campaign" cards (Spider, Blogger Outreach, Roundups, CSV Import…) and brand-tinted "Integration campaigns" cards (ahrefs, Semrush, Majestic, Moz).
campaignscreate
Campaign Settings → Custom Fields
Campaign Settings → Custom Fields tab. In-project nav + campaign header (breadcrumb, title, campaign-settings tabs), with a grouped Name / Type / Description table (e.g. Opportunity Enrichment) of Multi-Line, Number, and AI-Powered field types.
campaignscustom-fieldssettings
AI Reply Playbook
Edit Campaign → AI Reply Playbook. Stats, condition → draft → send → chase-up flow with auto-send warning.
campaignsaiplaybook
As-is
Recreations of existing screens in the real app.
Work in progress
New designs being explored.
New Project — Email Accounts step
Reworked step 2 of the New Project wizard. Replaces the long toggle list with a table-based picker grouped by domain (multi-select, group-level select-all, search) so users with many mailboxes can bulk-pick by domain.
new-projectemail-accountsexploration
AI Playbook header — options
Three rendered directions for the section heading above the AI playbook flow.
campaignsaiexploration
AI Playbook + Template selector — options
Four visual treatments for the two top-level selectors (Template + Playbook), each shown in filled and empty states.
campaignsaiexploration