The CBS News "watch experience" was a catchall term used to describe the video/live section of the website, which hosted live streams and video-on-demand clips.

This case study covers a few projects I worked on, large and small, related to the CBS News watch experience on web. See iOS-related work here.

In reverse chronological order:

Redesign Concepts

Alongside the 2025 homepage redesign, I created concepts for how the watch experience would look and function. Below are before-and-after mockups, with example VOD content, in this case, a full episode of 60 Minutes:

CBS News
Before-and-after mocks of the watch experience, at the smallest breakpoint
CBS News
Before-and-after mocks of the watch experience, at the widest breakpoint

Below are two concepts for livestreams. A recurring issue at CBS News was the product and editorial need for an EPG (electronic program guide), of the type a user might expect in a terrestrial cable TV onscreen channel guide. The issue was that while CBS News had many FAST channels, the feed data was not particularly interesting for display. Most local affiliate channels, for example, would have hours-long blocks of "shows" called something like "Live Breaking News and Weather".

The first example below includes a basic channel switcher, with branded 1:1 logo buttons. The second is closer to what we sometimes called a "faux-PG", displaying a stack of what's currently playing in various channels. The content is aspirational; in reality, most of these "show titles" would not be useful information.

CBS News
Livestream redesign concept 1
CBS News
Livestream redesign concept 2

Legacy Live Channel Switcher Concepts

Years earlier, for the original version of the web watch experience, I was tasked with exploring concepts a channel switcher. Below are two mockups I found in my archives. This project never went anywhere.

CBS News
Unproduced channel switcher concepts for the legacy watch experience

Legacy Viewability Player

Also circa 2017, the original web watch experience included a floating video player that would appear when the primary player at the top of the page scrolled out of view. A major issue with this, aside from usability, was that it obscured several ad units on the page, and affected revenue.

I was tasked with designing a draggable version of the player. Below are static mocks and a screen recording of my prototype.

CBS News
2017 viewability player
Screen recording of my viewability player prototype

This was no longer an issue for the video player introduced in the 2025 redesigned article and liveblog template, which never left the page, and did not obscure anything. This same player was slated to be incorporated into the homepage redesign.