Livestream Video Platform
Encoding, delivery, and viewer experience for broadcast-grade livestream and video-on-demand.
Resi Media
Executive Summary
Overview
- Product: Livestream Video Platform
- Company: Resi Media
- Role: Lead Product Designer
- Timeline: 9 months
- Scope: Encoding, delivery, analytics, and viewer experience for broadcast-grade livestream and VOD
Key Contributions
- Designed operator workflows across encoding, monitoring, and stream management
- Unified analytics and experience touchpoints across platform surfaces
- Improved viewer experience through player and playback UX enhancements
Outcomes
- Increased reliability and operational clarity for broadcasters
- Improved visibility into stream health and performance
- Established a scalable foundation for additional platform capabilities
Context & Problem
Resi Media (pseudonym: Video Stream Co.) was building a live-streaming platform for broadcasters who needed enterprise-grade reliability, high video quality, and a professional viewer experience.
The challenge was fragmentation.
Broadcasters were using:
- Separate encoding tools
- Disconnected analytics dashboards
- Basic or white-labeled players
- Manual workflows for organizing and sharing content
There was no unified system connecting stream health, audience engagement, monetization, and post-stream content management.
The opportunity was to design an integrated platform that supported:
- Live broadcast reliability
- Video library management
- Playlist creation and sharing
- A custom, branded video player
- Viewer analytics and engagement
This was not a single feature. It was a product ecosystem.
Objectives & Metrics
The product team aligned around measurable performance and experience goals:
Reliability
- 99.9%+ uptime target
- Optional sub-10s latency mode
Operational Clarity
- Unified stream health dashboard
- Real-time monitoring for broadcasters
Viewer Experience
- Custom, accessible player
- Multi-device responsive design
- Reduced buffering and playback failures
Engagement & Retention
- Improved NPS for broadcasters
- Increased average watch time
- Better playlist usage and content reuse
My Role
Role
Lead Product Designer
Tools
Figma, FigJam, Jira, Storybook
Timeline
9 months
I owned:
- Encoding workflow UX
- Stream health monitoring dashboards
- Video library and playlist architecture
- Custom video player design
- Microinteractions and responsive behavior
- Cross-functional alignment with engineering and product
This was a 9-month initiative spanning multiple releases.
Approach & Key Decisions
Designing for the System, Not Just Screens
Rather than designing isolated features, I mapped the end-to-end lifecycle:
Encode → Go Live → Monitor → Archive → Organize → Share → Analyze
This ensured every surface — dashboard, library, playlists, player — worked as a cohesive system.
Unified Stream Health Dashboard
Broadcasters needed confidence while live.
I designed a centralized dashboard that surfaced:
- Stream status
- Viewer counts
- Health indicators
- Revenue and engagement metrics
The goal was reducing cognitive load during live events.
Instead of navigating multiple tools, everything was visible in one operational surface.
Library & Playlist Architecture
After a stream ended, broadcasters needed to reuse content quickly.
I designed:
- A scalable video library
- Playlist creation and management
- Drag-and-drop ordering
- Cross-channel sharing workflows
This turned livestream content into long-term reusable assets instead of one-time events.
Custom Video Player
The viewer player was a critical surface.
I designed:
- Quality selection controls
- Adaptive resolution behavior
- Accessible controls and subtitles
- Scrubbing with chapter previews
- Volume state microinteractions
- Responsive layout across breakpoints
Special consideration was given to:
- Live state indicators
- Viewer count during live streams
- Visual hierarchy during full-screen playback
The player balanced brand customization with performance constraints.
Microinteractions for Clarity
Small details mattered:
- Timeline image slices with timestamps
- Volume icon states based on level
- Hover states for chapter markers
- Smooth transitions during quality switching
These interactions reinforced trust and polish in a high-stakes environment.
Responsive System
The player and controls were designed to scale across:
- Desktop
- Tablet
- Mobile
Rather than shrinking controls, I restructured interaction models to preserve usability at every breakpoint.
Outcomes & Impact
- Uptime and latency targets achieved
- Reduced broadcaster friction during live events
- Improved NPS across broadcasters and viewers
- Increased content reuse through playlists
- Stronger perception of platform reliability
Most importantly, the platform moved from a set of tools to a cohesive product experience.
What I'd Do Next
If I were to evolve this platform further, I would explore:
- AI-driven encoding optimization
- Automated highlight and clip generation
- Predictive stream health alerts
- Smart playlist suggestions based on viewer behavior
The next evolution would focus on automation and intelligence layered onto the existing system.
Reflections & Learnings
This project shaped how I think about platform design. It reinforced that:
- Reliability is UX.
- Systems thinking matters more than isolated features.
- Microinteractions build trust.
- A player is not just a component, it’s a brand surface.
Designing across encoding, dashboards, content management, and playback required zooming out to see how every decision impacted the broader ecosystem.