Crackle Orchestrator · Prototype

Pick a flow below — each one drops you on the starting screen, then the in-page CTAs walk you through to the end.
Run locally npx serve docs/orchestrator/assets/mockups -l 4321 http://localhost:4321

Flows · click "Start" to walk a journey

1

Admin setup

primary admin first-time login

A new tenant admin lands from an invite email, sets a password, signs in, completes the org profile, connects Google + Facebook, and invites the team.

  1. screen 00 · Email — click Set your password →
  2. screen 00a · Set password — click Set password & sign in
  3. screen 01 · Login — click Sign in
  4. screen 05 · Dashboard — sidebar → Settings · Org profile (or skip)
  5. screen 03 · Org profile — click Save changes
  6. screen 05 · Dashboard — sidebar → Connected accounts
  7. screen 06 · Connected accounts — click Connect Google Ads
  8. screen 06a · Google — click Save & test connection
  9. screen 06 · Connected accounts — click Connect Facebook
  10. screen 06b · Facebook — click Save & test connection
  11. screen 06 → 07 · Users & roles — sidebar → Users & roles
  12. screen 07 · Users — click + Invite user
  13. screen 07a · Invite modal — click Send invite · done!
~3 min · 10 screens
2

Set up an ad (create a campaign)

admin marketing

Run the unified 5-step wizard from the dashboard. Stepper at the top of every step also navigates the wizard.

  1. screen 05 · Dashboard — click + New campaign (top-right)
  2. screen 09 · Wizard landing — click Start →
  3. screen 09s1 · Goal — pick a tile, click Continue to budget →
  4. screen 09s2 · Budget — click Edit schedule → (optional) or Continue to targeting →
  5. screen 09s2a · Day-parting — click Save schedule
  6. screen 09s3 · Targeting — click Continue to creatives →
  7. screen 09s4 · Creatives — click Review all variants → (optional) or Continue to review →
  8. screen 09s4a · Hero variants — click Done
  9. screen 09s5 · Review — click Submit campaign
  10. screen 11 · Campaigns list — your new campaign is at the top · done!
~4 min · up to 11 screens
3

See reports

admin marketing reporting_admin

Browse aggregated metrics, trigger a heavy report (cache-miss state), then drill into a single campaign's performance.

  1. screen 12 · Reports — review the aggregated table (top of page)
  2. Click 90d or Custom in the date picker to fetch a heavy window
  3. screen 12 · Cache-miss — see the queued-job state, click ← Back to 30-day cached view
  4. screen 12 · Reports — click Drill in → on the App install · IN row
  5. screen 11a · Campaign detail — switch to the Performance tab · done!
~1 min · 3 screens
4

Manage creative recommendations

admin marketing

Find a campaign with fatiguing creatives and refresh them via the campaign-detail Performance tab.

  1. screen 11 · Campaigns — click Drill in → (or View →) on any row
  2. screen 11a · Campaign detail — scroll to the Creative health card under the Performance section
  3. Click Refresh creatives → on the Creatives card
  4. screen 11b · Edit creative — change the headline / hero, click Cancel to abort or follow flow 5 to submit · done!
~2 min · 3 screens
5

Create a change request & approve it

marketing requests admin approves

Marketing edits a campaign field; in Lower roles only approval mode the edit becomes a pending request the admin approves on screen 18. Activity log records both events.

  1. screen 11 · Campaigns — click Drill in → on App install · IN
  2. screen 11a · Campaign detail — scroll to the Creatives card, click Edit on the row
  3. screen 11b · Edit creative — make a change, click Save (route via approval) →
  4. screen 18 · Pending approvals — find the request, click Approve (or Reject)
  5. screen 13a · Activity log — see change_pending_approval + change_approved rows · done!
~2 min · 5 screens
All 50+ screens (jump directly to any screen)

Auth & onboarding 4

00Invite email · magic link 00aSet password · 2FA enrol 01Login · email + password 04Org switcher dropdown

Super-admin 9

02Organisations consolesuper 02aCreate org + admin (modal)super 03bTenant configs · approval defaultsnew 08KVM key managersuper 08aRotate secret (confirm)super 10Distribution SSP · global / per-tenantsuper 14API logs · 7d / 30dsuper 14aAPI log detail (request / response)super 15System health · queues, KMS, jobssuper

Tenant · onboarding & setup 12

03Org profile · settings + governanceedit 06Connected accounts 06Connected accounts · emptyalt 06Connected accounts · Google onlyalt 06aConnect Google Ads · OAuth + picker 06aGoogle credentials · review & save 06aAdd credentials · legacy modallegacy 06bConnect Facebook · OAuth + picker 06bFacebook credentials · review & save 07Users & roles 07Users & roles · emptyalt 07aInvite user (modal)

Tenant · day-to-day 12

05Dashboard · post-onboarding 05Dashboard · after-setup variantalt 05Dashboard · empty statealt 11Campaigns list & status 11Campaigns · pending statealt 11aCampaign detail (tabs) 11bEdit creative (drawer) 12Reports · aggregated 12Reports · cache-miss statealt 13Notifications centre 13aActivity log · customer eventsnew 13aToast component samplealt

Campaign wizard 9

09Wizard landing · ADR 0002new 09s1Step 1 · Goal & name 09s2Step 2 · Budget & pacing 09s2aDay-parting schedule (drawer)new 09s3Step 3 · Targeting basics 09s3aTargeting · advanced disclosure 09s4Step 4 · Creatives + hero 09s4aHero variants reviewnew 09s5Step 5 · Review & submit

Admin / ops 5

16Billing · invoices & plan 16aInvoice detail (drawer) 17Asset library · grid 17aAsset detail / replace (drawer) 18Pending approvals