Redesigning a Video Player Ecosystem for Content and Ads

about the project

We were managing two separate products, a Content Player and an Ad Player. They worked, but the UI was starting to show its age, navigation felt cluttered, and they weren't built for the interactive features we wanted to launch.

I led the redesign to create a unified visual system that gave publishers more flexibility and made the entire experience feel like one smooth, connected product.

+5%

+5%

revenue

revenue

+16%

+16%

content impressions

content impressions

+10%

+10%

ad impressions

ad impressions

00:01

/

00:10

Video title

Click to unmute

00:01

/

00:10

Video title

Click to unmute

my role

I led the redesign for both players, from the core UI to specific features like the Clipchoice interactive format and playlists. I also helped build a unified component library to keep our design consistent across the board. To make sure we were moving in the right direction, I worked closely with engineering and product through 15 A/B tests to iterate safely and drive KPI growth.

00:01

/

00:10

Ads in

5

Video title

Click to unmute

Next video

Focus music for work and study…

00:01

/

00:10

Ads in

5

Video title

Click to unmute

Next video

Focus music for work and study…

problems to solve

  • The old player was strictly linear which made it impossible to launch the interactive features we were planning.

  • Limited customization meant brands couldn’t easily adapt the player to match their own unique look and feel.

  • The UI was stuck in the past and the navigation felt too limited, which kept the viewing experience from feeling truly modern.

my goals

  • Refresh both players with a modern UI that is much easier for people to use.

  • Integrate the new Clipchoice format to bring interactivity to our video ads.

  • Build a playlist system to help users discover more content and stay on the platform longer.

  • Focus on growing key metrics like unit fill rate and revenue through better design.

  • Create a unified design language to keep the experience consistent across every player.

00:01

/

00:10

00:01

/

00:10

Video title

Click to unmute

01:03

Best teen TV-show

07:13

The history of Oasis

04:47

Throwback celebrity couples

02:35

Netflix action movies

03:56

Lady GAGA

01:03

Best teen TV-show

07:13

The history of Oasis

04:47

Throwback celebrity couples

02:35

Netflix action movies

03:56

Lady GAGA

01:03

Best teen TV-show

07:13

The history of Oasis

04:47

Throwback celebrity…

2:35

Netflix action movies

01:03

Best teen TV-show

07:13

The history of Oasis

04:47

Throwback celebrity…

2:35

Netflix action movies

key decisions

  • Redesigned the core UI and navigation for both players to prioritize clarity and strip away any unnecessary visual noise.

  • Introduced playlists to make it faster for viewers to move between videos and stay focused on the content for longer.

  • Created a unified component system to align the visual style across both players and finally get rid of all the inconsistencies.

  • We ran 15 A/B tests to validate our hypotheses and make sure every design change actually worked for the users.

  • Also drafted a concept for a Live Streaming player as a future direction, making sure we were prepared for the next step without slowing down our current roadmap.

00:01

/

00:10

00:01

/

00:10

Video title

01:03

Best teen TV-show

07:13

The history of Oasis

07:13

The history of Oasis

04:47

Throwback celebrity couples

04:47

Throwback celebrity couples

02:35

Netflix action movies

02:35

Netflix action movies

03:56

Lady GAGA

03:56

Lady GAGA

Some videos in the playlist are restricted and unavailable

the results

  • Boosted unit fill rate and ad impressions by 10% through a more effective player design.

  • Increased content impressions by 16% and total revenue by 5% after the full rollout.

  • Proven reliability with zero rollbacks in 2.5 years because our experimentation process allowed us to catch and fix issues early

  • Our iterative approach allowed us to fix early performance issues and turn an initial dip into long-term growth once the new UI and features were fully rolled out.

Video Title

00:01

/

00:10

Video Title

00:01

/

00:10

Video Title

00:01

/

00:10

Video Title

00:01

/

00:10

Hola 👋

Senior Product Designer with 5+ years of experience building B2B, SaaS solutions across analytics platforms, automation platforms and video players.

I turn complex user jobs into simple interfaces by following the “Shazam” approach: do it in one button if possible.

36°43′13″ N, 4°25′13″ W

/ Now here

Yauheni Salau

Senior Product Designer