2022
YC | Vstream
Vstream.com
Designing a VTuber Content Creation with a Next-Gen Streaming Platform
Project Overview
VStream was a Y Combinator–backed live streaming and video-on-demand (VOD) platform created exclusively for the VTuber community content creators who perform using 2D or 3D animated avatars instead of their real faces. The platform aimed to merge the real-time engagement of Twitch with the discoverability of YouTube, while giving VTubers a dedicated and emotionally safe space that understood their unique workflows, culture, and audience dynamics.
Company Mission:
To create a streaming ecosystem where virtual performers could express themselves safely, monetize sustainably, and connect with audiences without platform bias.
My Role & Involvement
I worked as a UI/UX Designer on the product team alongside a Lead Product Designer, collaborating closely with the founder. I led user research, IA, wireframes, prototyping, and design system creation ensuring that every flow aligned with real VTuber behavior. My focus was balancing creative freedom with usability, and delivering a scalable system that could grow with the community’s needs.
Problem Statement
There was no dedicated platform built for VTubers creators were forced to adapt to tools made for conventional streamers.
Twitch offered strong live interaction but poor accessibility for virtual models and limited community safety tools.
YouTube had powerful VOD infrastructure but lacked a creator-friendly interface for live-first workflows.
This created friction at every level from onboarding and audience management to monetization transparency.
The challenge: Build a platform that combines the engagement and simplicity of Twitch with the organization and depth of YouTube, but built entirely around the needs of VTubers and their ecosystem.
Defining the Approach
We followed a Design Thinking + Double Diamond approach exploring the problem deeply, defining focus areas, then iterating rapidly toward validation.
Core Objectives:
Create a creator-first dashboard that simplifies stream management.
Build an integrated patron system for direct monetization.
Enable role-based experiences for VTubers, Moderators, Viewers, and Clippers.
Establish a dark-mode design system to ensure scalability and visual harmony.
My Process
Discovery & Research
I began with user interviews and competitor analysis.
Competitors studied: Twitch, YouTube, Patreon
Participants: 10+ VTubers, 3 moderators, 2 clippers, and 5 active fans
Goal: Understand what makes streaming hard for VTubers and where current platforms fail them.
Key Findings:
Twitch dashboards were confusing and visually heavy.
YouTube creator tools were too complex for live-first workflows.
Monetization was fragmented across multiple external tools.
Community control and identity protection were top concerns.
These insights shaped the MVP priorities: simplicity, safety, and self-expression.
Personas & Journey Mapping
I built four primary personas:
VTuber — The main creator managing streams, patrons, and uploads.
Clipper — Secondary content creator generating short-form highlights.
Viewer/Patron — The fan contributing financially or emotionally.
Moderator — The safety layer ensuring respectful chat and community conduct.
Each persona had distinct needs and UI entry points — influencing navigation, dashboard content, and interaction depth.Information Architecture & Flows
The core IA was split into two spaces:
Public side: Live, Videos, Subscriptions, Debuts, Creator Pages.
Creator Center: Dashboard, Schedule, Content, Analytics, Monetization, Community, Settings.
Each flow was mapped for clarity from “Go Live” to “Manage Patrons” with minimal clicks and contextual guidance (“Tap Here” callouts for new users).Wireframes → Prototypes
I translated flows into low-fidelity wireframes in Figma and tested early with creators.
Feedback cycles helped identify unnecessary friction:
Collapsed overly detailed widgets.
Simplified event creation modals.
Improved visibility controls for “Patron-only” vs. “Public” streams.Building the VStream Design System
We established a dark-mode-first design system, emphasizing clarity and legibility for long streaming sessions.
It included:
Color tokens with accessibility-tested contrast ratios
Component library for buttons, modals, and dashboards
Typography hierarchy with consistent weight and rhythm
Interaction patterns for hover, click, and focus states
This system unified all UI modules and significantly reduced design-to-dev turnaround.
User Personas
User Flows
Low Fidilety Screens
UX Design Decisions
This was the most iterative and insight-driven part of the project translating user research and real creator pain points into a structured, scalable design ecosystem.
Rethinking the Creator Dashboard
Problem:
Creators on Twitch struggled with cluttered dashboards filled with secondary metrics. The sheer number of panels overwhelmed users who only needed immediate, actionable insights before going live.
Solution:
We condensed the creator experience into a modular dashboard with six prioritized widgets Stream Overview, Schedule, Revenue Snapshot, Audience Analytics, Recent Uploads, and Patron Activity.
Each module served a single action, with contextual hints (“Next stream starts in 30 mins” → “Go Live”).
Outcome:
Testing with VTubers showed a 30% reduction in time-to-live compared to Twitch-like setups. The dashboard was repeatedly described as “intuitive” and “less stressful.”
Designing for Role-Specific Context
Problem:
A one-size-fits-all dashboard created cognitive noise. Moderators, clippers, and viewers had completely different goals and didn’t need creator-level tools.
Solution:
We introduced role-based dashboards
VTubers: Stream management, monetization, analytics.
Moderators: Chat filters, flagged user view, quick mute/ban panel.
Clippers: Access to stream archives with timestamp tagging.
Viewers: Personalized feed + patron hub.
By separating permissions and layouts, we made the system both safer and clearer.
Outcome:
The design reduced navigation depth and simplified onboarding for new moderators and clippers.
Integrating Monetization Seamlessly
Problem:
Creators relied on external tools (Patreon, Ko-Fi) to monetize, fragmenting audience experience and hurting retention.
Solution:
We designed a native patron flow a single modal for tier selection, benefits display, and instant payment. Each tier was represented visually with unique emotes and background gradients for recognition.
Design Intent:
To keep emotional connection at the forefront, the modal framed patronage as support, not just payment. Subtle animations and feedback states created a sense of celebration after joining.
Outcome:
During testing, 80% of creators preferred the in-platform patron flow over third-party links due to reduced friction and clearer feedback.
Stream Setup & Event Scheduling
Problem:
Setting up a stream often required navigating multiple pages and inconsistent settings (OBS integration, thumbnails, metadata).
Solution:
We designed an inline stream setup modal with guided tabs for title, tags, thumbnail, and visibility. The adjacent “Preview” pane helped creators visualize how their stream page would look before publishing.
For ongoing creators, a Schedule calendar view allowed quick creation and rescheduling of events with week and list views for flexible planning.
Outcome:
This structure mirrored real creator behavior: testing under simulated load showed creators completing setup 40% faster.
The Design System as a Living Product
Goal:
To ensure visual harmony and speed across releases, I worked with the Lead Product Designer to build the VStream Design System a dark, vibrant, and expressive visual identity that resonated with anime-inspired VTuber aesthetics but stayed professional for developers and partners.
Key Pillars:
Dark-first theme to minimize strain during long streams.
Layered cards for depth and visual separation.
Rounded geometry for warmth and approachability.
Motion tokens to give feedback and delight in subtle ways.
Outcome:
This system cut handoff inconsistencies dramatically. Developers reused over 80% of existing components when adding new features post-MVP.
Streamlined Upload Flow
The upload experience was redesigned into a single, focused workspace where creators can manage everything from video metadata to visibility without switching tabs.
Key choices included:
A live progress indicator at the top for instant feedback.
Two-column layout separating essentials (title, description) from advanced options (visibility, monetization).
Flat checkbox controls for clarity and faster scanning.
A persistent “Upload” CTA placed at the bottom right for predictable access.
This layout cut upload time, reduced errors, and made the process feel intuitive even for first-time creators.
Solution
The final product offered a clean, minimal yet expressive interface built around VTuber workflows.
Key UX Outcomes:
Unified Creator Center with scheduling, analytics, and monetization.
Patron flow allowing quick subscriptions and benefits within the platform.
Community-first design with safety, moderation, and emotional control at the forefront.
A fully documented VStream Design System the first built exclusively for a VTuber platform.
Results
Launch Impact:
Dozens of creators debuted on launch day.
High early adoption among small VTuber agencies.
Engagement metrics exceeded initial projections with users praising simplicity and dashboard UX.
However, in April 2024, VStream officially shut down after exhausting funds and failing to raise its next round. Despite this, it remains a design milestone a rare attempt at building a safe, VTuber-first creator platform with a design system and UX architecture built from the ground up.
Impact snapshot:
Unified 4 user journeys into one cohesive platform
Reduced dashboard friction (validated through usability tests)
Delivered a reusable design system for future creator tools
Learnings
Designing for digital subcultures demands deep empathy safety and belonging weigh more than feature volume.
Building a design system early allows a team to stay agile even in uncertain startup phases.
Simplification is strategy clarity and discoverability always trump feature density.
Even though VStream’s business lifecycle was short, its design foundations set a benchmark for niche community-first streaming experiences.
