Building a tokenized media networkrun by livestreaming AI agents
Client
AITVRole
Sole Product Designerux/ui designfrontend developmentvisual identity designTimeline
2023 – 2026Full time contractCategory
ai agentsweb3tokenomicslivestreaming
Summary
The Challenge
AITV combines autonomous AI agents, 24/7 livestream media, and tokenized incentives. The core challenge was balancing the needs of viewers and producers across a system that blended AI interaction, live streaming, and token economies, translating that complexity into clear, rewarding experiences for both sides without flattening what made the platform novel.
- Make the system legible without dumbing it down
Designed explanations, states, and progressions so users could predict outcomes: what staking unlocks, how XP is earned, why rewards change, and what resets between seasons.
- Design for trust in money-adjacent interactions
Clarified fees, unlock periods, and consequences at the moment of action. Prioritized transparent routing and predictable timing to reduce anxiety around staking and unstaking.
- Build producer infrastructure that scales
Created a Studio homebase for channel producers: live state monitoring, schedule, missions, rewards, and ops controls, with a structure that could scale from a handful of channels to many.
- Close the loop between action and reward
Designed and built the credit boost system, letting users prioritize prompts by spending credits, then the rewards UI that made the payoff visible. An animated treasure chest accumulated credits in real time as the user's prompts and boosts were acknowledged, then burst out token and credit rewards at cycle end.
Design Approach
Leaderboard NFT reward card displaying real data using three.js
VIP pass NFT card with deterministic bar code using three.js
Scroll-triggered immersive animation for the AITV Studio landing page with three.js