Case Study · Video Content Management System · Web App

Video Streaming Management Platform

Designing the backend for a global video platform. Giving editors tools to control layouts and manage Live-to-VOD workflows.

Type
Web App
My role
UX Designer
Context
VOD & Video Streaming
B2B SaaS
Media Management
Core skills
Information Architecture
Interaction Design
Backend UX
Headless CMS Logic
Usability Testing

My Role & Responsibilities

Architecting the editor's workspace

As a UX Designer, I focused on translating complex data structures into an intuitive web application for content editors and administrators.

Working in a modern, tech-forward environment allowed me to focus purely on usability and interaction design. I collaborated closely with an agile IT team and a Product Owner to ensure the logic was flawless before implementation.

  • Information Architecture

    Defined the taxonomy and structure for modular page building and Live-to-VOD asset management.
  • Interaction Design

    Built advanced clickable prototypes with variables and conditions to test complex workflows.
  • Usability Testing

    Conducted hands-on testing sessions with content administrators using high-fidelity prototypes to refine the experience.
  • Backend UX Design

    Transformed technical publishing flows into user-friendly interfaces tailored for daily editorial tasks.

The Challenge

Structuring the foundation of a modern streaming platform

Building a competitor to giants like Netflix requires a massive engine to manage content. The challenge was designing a system for complex media workflows that does not rely on developers for daily updates.

The platform needed to act as a headless CMS, allowing editors to build promotional pages and manage the transition of live TV broadcasts into the VOD catalog in a clear, frictionless environment.

  • Dynamic Merchandising

    Designing a modular system for editors to build thematic promotional pages without writing a single line of code.
  • Catch-up TV Workflows

    Structuring the logic and interface to seamlessly schedule and convert live TV programs into VOD assets.
  • Frictionless Operations

    Translating dense, technical database actions into intuitive workflows that minimize human error.
  • Future-Proof Logic

    Building a resilient taxonomy and interaction model that developers could accurately implement months after the design phase.

Preview

Designing a seamless publishing ecosystem

To empower the content teams, I focused on modularity and logic clarity. Here is how we structured the core pillars of the streaming management platform.

Page Builder

Empowering editors with dynamic layouts

Marketing teams needed to react to events instantly. I designed a modular page builder so editors could create custom pages using components like hero banners and carousels.

For example, for a James Bond movie premiere, an editor could instantly assemble a dedicated landing page. They could upload creatives and link curated playlists—such as classic spy movies and documentaries—all without developer support.

Catch-up TV

Bridging live broadcasting with VOD

Catch-up TV required merging two different mental models: scheduled linear broadcasting and on-demand libraries.

I designed a workflow that empowered administrators to easily select which upcoming live TV programs should be recorded. The interface streamlined the process of transforming these scheduled broadcasts directly into fully categorized VOD assets.

Design and validation

Ready for development.

I delivered a highly structured, user-tested backend interface. The engineering team received clear, validated design patterns, making it easier to build dynamic pages and Live-to-VOD scheduling.

Validated Workflows

Ensured a low learning curve for editors by testing complex backend logic directly with users before handoff.

Development-Ready Blueprints

Delivered comprehensive interface specs that allowed the engineering team to easily implement complex features.

Live-to-VOD Workflows

Created intuitive scheduling interfaces that drastically simplified the management of Catch-up TV.

Marketing Autonomy

Provided marketing teams with the tools needed to launch dedicated promotional hubs without IT overhead.

Future-proof by design

A flawless viewer experience begins with a flawless editor experience on the backend.

This project proved that enterprise software needs rigorous testing. By building advanced prototypes, we tested every edge case of the Catch-up TV workflow before writing any code.

The ultimate proof of the design's resilience came during implementation. When development began a full year after the design phase, the system withstood the test of time and was built exactly as specified.

Get in touch

Let's work together.

Looking for a senior designer who thinks like a product owner and ships in code? Let's talk about complex platforms, design systems, or phygital products.