Vertical Video Experience Platform-B2B Platform Design
Product Thinking | Complex Systems | End-to-End Design Interaction Design | Scalable Systems
Product & System Design
Project
Role
Product Designer
Year
2026
The Vertical Video Experience Platform was designed to help publishers bring their social video content directly into their own websites.
The solution includes a scalable vertical player, an embeddable widget as an entry point, and a configurable system that allows publishers to customize the experience and monetize their content.
It also integrates with platforms like YouTube and Instagram, enabling publishers to easily import existing content without duplicating workflows.
*This project was created as part of my work at a global media-tech company. Some visuals and details have been modified to respect client confidentiality.
The Problem
Publishers were increasingly looking for ways to bring their social video content into their own platforms, but existing solutions were limited and not tailored to vertical experiences.
This became especially clear when working with a leading global sports media publisher, where scale and content volume exposed the limitations of existing tools.
The challenge went beyond designing a player - it required building a flexible system that could support different publisher needs, site structures, and monetization models without adding unnecessary complexity.
Content management was a key friction point, as publishers already managed large volumes of content across platforms like YouTube and Instagram, making duplicated workflows inefficient and unsustainable.
Approach
To address the problem, we approached the solution as more than just a vertical video player.
In addition to the player itself, we designed a complete end-to-end system that includes a configurable setup, an embeddable widget as the entry point, and a content ingestion system that integrates with social platforms.
This allows publishers to import existing content, customize the experience to their needs, and seamlessly integrate the full product into their sites through a simple embed.
This project includes multiple interconnected systems:
Carousel Widget
Vertical Player
Configuration system
content ingestion system
01 Carousel Widget
The widget serves as the entry point into the vertical video experience, allowing publishers to seamlessly introduce the player into their existing layouts.
The goal was to create a component that feels native to the site, while encouraging engagement and discovery.
Design Decisions
Key considerations included:
• Designing a layout that integrates naturally within different publisher environments
• Creating a clear visual hierarchy to highlight content without overwhelming the page
• Encouraging interaction while maintaining a non-intrusive experience
• Supporting flexibility in layout and behavior to fit different use cases
One of the key challenges was designing a widget that could integrate seamlessly across different publisher layouts, as each site has its own unique grid structure.
To address this, we focused on creating a flexible system that adapts to various embed sizes. The solution was based on defined breakpoints, with three card sizes that adjust according to the available space.
These breakpoints were informed by analyzing layout patterns across multiple publisher sites - both from our clients and leading content platforms - allowing us to define a set of sizes that work effectively across most use cases.
02 Vertical Player Experience
The player was designed to deliver a seamless vertical viewing experience across different publisher environments.
The challenge was balancing engagement and usability, while keeping interactions intuitive across various content types and use cases.
Bonus Value: Driving Subscriptions
We introduced an optional registration wall, prompting users to sign up after a set number of videos.
This turned the player into a tool for both engagement and user acquisition, and became a key factor in adoption.
Decision Making
The player experience was designed to feel familiar to users coming from social platforms, while adapting to the constraints of a publisher environment.
A key focus was simplifying interactions within a vertical format, ensuring users can easily navigate content while maintaining context within the host site.
Design decisions were guided by the need to balance engagement, usability, and flexibility across different placements and use cases.
03 Player Configuration
To support different publisher needs, flexibility became a core part of the system.
We designed a configurable experience that allows publishers to customize both the player and the widget - including content behavior, interaction patterns, visual presentation, recirculation flows, and monetization settings.
The goal was to make the product feel adaptable to different publisher environments and content strategies, while still maintaining a scalable and consistent product experience.
04 Content Ingestion
Publishers already manage large volumes of video content across social platforms such as YouTube and Instagram, where most of their content is originally created and distributed.
Introducing a new system without addressing this reality would require duplicating workflows - manually uploading and managing the same content across multiple platforms - creating significant friction and inefficiency.
The need was to integrate with existing content sources, allowing publishers to leverage their current workflows rather than replace them.
The Need
The Solution
To address this, we designed a content ingestion system that integrates directly with social platforms, enabling publishers to import existing content into the system.
The goal was to create a seamless flow that reduces manual effort while maintaining full control over what content gets published.
How It Works
The system automatically pulls new content from social platforms at defined intervals.
Publishers can configure the time range for each batch (e.g. every 48 hours), allowing the system to continuously fetch new videos that haven’t yet been imported.
In addition to the automated flow, publishers can trigger a manual import at any time, enabling them to quickly bring in newly published content without waiting for the next scheduled batch.
Once fetched, videos enter a review stage where publishers can approve or reject content before it’s added to their library.
After selection, the approved videos are imported into the system, where they can be organized into playlists or displayed based on categories such as topics, leagues, or other structures.
Impact
What started as a request for a vertical player evolved into a broader ecosystem supporting content ingestion, configuration, monetization, and distribution workflows.
Designing this product required balancing business goals, publisher flexibility, and user experience across multiple connected systems - while keeping the overall experience intuitive and scalable.
This project strengthened my ability to think beyond individual screens and approach products as complete systems shaped by both user needs and operational complexity.