Return to Mission Log
Case Study // Product Strategy & UI Architecture ⚡ Live Prototype
MISSION LOG // 01 — PRODUCT STRATEGY & UI ARCHITECTURE

AGENCY OS.

Bringing TikTok Shop Agency Operations Into One Workspace.

Project Type Self-initiated concept
Role & Focus Product Thinking, UI/UX Design & Web Dev
Operational Ecosystem TikTok Shop E-Commerce
Platform Architecture Multi-tenant Web Application
Agency OS dashboard showing live creator operational metrics and studio timetable
FIG 0.0 // PRODUCTION DEPLOYMENT INTERFACE — UNIFIED WORKSPACE ARCHITECTURE TIKTOK SHOP AGENCY OPERATIONS
// 01. EXECUTIVE OVERVIEW

THE MISSION

Agency OS is a workspace concept designed to help TikTok Shop agencies manage creators, brand campaigns, LIVE studio schedules, and commission payouts in one place.

The goal was simple: make complex daily operations easier to organize, monitor, and scale without cross-platform friction. By anchoring every operational entity into a single synchronized database, agencies transition from fire-fighting daily logistical chaos to running predictable, high-velocity broadcast campaigns.

// 02. THE CORE PROBLEM — THE FRAGMENTED STACK

SILOED DISRUPTION

Managing an agency involves far more than running campaigns. Creator information, brand briefs, content deadlines, LIVE schedules, and commission records frequently end up scattered across disconnected spreadsheets and siloed communication tools.

This separation creates unnecessary handoffs, makes end-to-end campaign progress difficult to track, and introduces high operational friction during monthly payout reconciliations.

FIG 1.0 — SYSTEM ARCHITECTURE TRANSFORMATION MAP SILOED DISRUPTION ➔ UNIFIED OS
✕ Siloed Disruption (Fragmented Stack)

✕ Sheets: Creator Data

Disconnected spreadsheets, out-of-sync roster contacts, broken formulas, and version drift across team members.

✕ Chat: Brief Approvals

Buried WhatsApp/Telegram messages, unlogged revisions, missed brand requirements, and delayed sample shipping.

✕ Calendars: Studio LIVE

Uncoordinated room schedules, double-booked studio gear, missing host rosters, and zero real-time shift accountability.

AGENCY OS CORE

Automated Operations Engine
✦ Unified Data Schema
✦ Event-Driven State Relays
✦ Multi-Tenant RBAC Workspaces
✓ Unified OS (Synchronized Reality)

✓ Single Creator Truth

Indexed creator directory with contractual tier status, category affinity, verified GMV history, and live availability.

✓ Studio LIVE Rosters

Synchronized room timetables, host and technician pairing, live stream telemetry, and shift-specific GMV targets.

✓ Instant Settlements

Direct algorithmic commission calculations tied directly to verified shift broadcast revenue without spreadsheet audits.

// 03. THE STRATEGIC GOAL

CONNECTED WORKFLOW

Create one centralized workspace where teams can manage their operations through a connected, transparent, and predictable workflow.

✦

ZERO DATA ISOLATION

Eliminates fragmented spreadsheets. Creators, brand briefs, samples, and studio rosters share a single source of truth across all agency departments.

System Foundation // Relational Integrity
✦

PREDICTABLE HANDOFFS

Clear milestones govern the progression of each brief: from initial client ingestion to creator matching, script approval, and physical studio broadcast.

Workflow Design // Clear Accountability
✦

AUTOMATED RECONCILIATIONS

Replaces end-of-month financial disputes with programmatic commission models linked directly to verified LIVE shift telemetry and GMV metrics.

Financial Logic // Algorithmic Settlement
// 04. THE SYSTEM APPROACH

FOUR INTERCONNECTED MODULES

The interface purposefully models these workflows as parts of one continuous operational system rather than disconnected standalone tools.

[MOD 01] Identity & Roster

Creator & Brand Directory

Organize creators, brand profiles, and tier relationships into indexed records with clear contractual visibility.

Talent Record @sinta_beauty
Contract Tier Tier 1 (Macro Creator)
Niche Affinity Skincare & Cosmetics
Status Signed // Verified for LIVE
[MOD 02] Deliverable Engine

Campaign & Content Pipeline

Track incoming briefs, talent assignments, milestone deadlines, and multi-stage content review approvals in real time.

Active Campaign GlowSkin Serum Launch
Brief Ingest ✓ Approved by Brand
Script Review Stage 2 // Review Complete
Sample Dispatch Delivered (T-minus 24h to LIVE)
[MOD 03] Studio Ops

LIVE Studio Scheduling

Coordinate physical studio rooms, on-air hosts, tech operators, and shift-specific GMV sales targets seamlessly.

Studio Bay Room A // Studio Bay 01
Live Host & Operator Rian K. + Bayu (Tech)
Shift Window 19:00 - 23:00 [ON AIR]
Shift GMV Performance Rp 64.2M (128% Target)
[MOD 04] Settlement Ledger

Commissions & Settlements

Structure commission logic, payout approvals, and auditable financial records without manual spreadsheet reconciliation.

Payout Batch #SETTL-2026-WK42
Gross Shift GMV Rp 128.400.000
Host Split (15%) Rp 19.260.000
Audit Status ✓ Verified & Ready for Payout
FIG 2.0 — OPERATIONAL FLYWHEEL LOOP

CONTINUOUS DATA PIPELINE

How system workflows reinforce and accelerate each other

Continuous Loop
Step // 01

01. DIRECTORY

Talent & Brand Base. Ingests contractual creator data, tier ratings, and brand niche requirements.

➔ Feeds into Pipeline
Step // 02

02. PIPELINE

Briefs & Deliverables. Maps verified talent to campaign briefs, script approvals, and sample delivery.

➔ Schedules Live Studio
Step // 03

03. LIVE STUDIO

Rooms & Shift Targets. Executes broadcast timetables, tracks real-time sales telemetry and GMV goals.

➔ Generates Settlement
Step // 04

04. SETTLEMENT

Payouts & Commission. Programmatically calculates splits, audits deductions, and issues verified payouts.

↺ Loops Back to Directory
// 05. PROJECT OUTCOME

UNIFIED BACKBONE

The project resulted in a fully deployed product concept that communicates a modern, organized approach to TikTok Shop agency operations.

It practically demonstrates how creator management, campaign execution, LIVE studio scheduling, and financial workflows coalesce into a unified operational backbone.

Good operations software is not just about putting more features on one dashboard. It is about connecting information, clarifying responsibilities, and making the next step obvious.
Core Product Retrospective & Design Takeaway
INTERACTIVE PROTOTYPE DEPLOYMENT

EXPLORE THE LIVE INTERFACE

Inspect the live interface, system workflows, and operational views deployed on Vercel.

agency-ruby-alpha.vercel.app ↗