CNNgo

Refreshing CNNgo’s streaming tiles.

Refreshing CNNgo’s
streaming tiles.

Optimizing content discovery across screens.

Red CNN sign against a blue skyA red CNN microphone held by a reporter

Role

Product Designer

Scope

Tile artwork
Content systems

Platforms

Connected TV
Web
Mobile

The challenge

Strong identities.
Different viewing contexts.

CNN’s original programming had strong individual show identities, but plain imagery was not enough to help viewers decide what to watch. A composition that worked on one screen could become difficult to read when resized or cropped for another.

Titles, episode information, and focal imagery needed to remain clear on a phone, on the web, and across the room on a TV. The challenge was to preserve each CNN Original Series’ identity while making its key art work for the way viewers browse.

CNNgo featured show artwork displayed on a television home screen
CNNgo's top shelf content on Apple TV

The approach

Compose for the screen.

I treated each breakpoint as its own composition. Across three purpose-built aspect ratios, I adjusted image crops, title placement, episode information, scale, and visual hierarchy for mobile, web, and connected TV.

Consistent title and episode treatments gave viewers recognizable patterns to scan, while each series retained its own visual identity.

Layered CNNgo series browsing screens featuring The Eighties, The Sixties, and United Shades of America
CNNgo Apple TV browsing interface, example one
CNNgo Apple TV browsing interface, example two
CNNgo Apple TV browsing interface, example three
CNNgo Apple TV browsing interface, example four

Tile artwork in the connected TV experience.

The system

One library.
Three purposeful formats.

The tile assets and backgrounds were designed across three breakpoints: 16:9, 16:5, and 3:4. Each format balanced the imagery with the information viewers needed, building consistency across the library without flattening the character of the shows.

CNNgo tile assets and backgrounds arranged in three breakpoint formats
Tile assets and backgrounds in three breakpoints.

Category tiles

Explore by interest.

U.S. category tileWorld category tilePolitics category tileEntertainment category tileTechnology category tileLiving category tileHealth category tileBusiness category tile

Promotional explorations

Coming Soon & Watch Live.

Four Soundtracks Coming Soon explorations comparing placement and typography for the April 21 availability date
CNN Watch Live promotional tiles and their placement in CNNgo series browsing and featured screens
Watch Live promotions and their placement within CNNgo.

Selected artwork

Distinct shows. Consistent formats.

Promotional artwork for four CNN Original Series, adapted across portrait, wide banner, and landscape layouts.

United Shades of America promotional artwork in portrait, wide banner, and landscape formats
Street Food with Roy Choi promotional artwork in portrait, wide banner, and landscape formats
Soundtracks: Songs That Defined History promotional artwork in portrait, wide banner, and landscape formats
Anthony Bourdain: Parts Unknown promotional artwork in portrait, wide banner, and landscape formats

CNN Style

Fashion. Design. Art. Luxury.

Nine CNN Style artwork designs combining the CNN Style wordmark with fashion, design, art, and luxury imagery

The impact

A more cohesive viewing experience.

Content library

Updated ~75% of CNNgo’s content library, including hundreds of assets

Across screens

Optimized artwork across 3 breakpoints and aspect ratios

Viewing experience

Improved title and episode legibility and consistency

Explore more work