CNN_Logo

Framing the story in motion

Framing the story in motion

Framing the story in motion

Framing the story in motion

CNN is one of the world’s leading news broadcasters. With an increasing number of users accessing the service through mobile and web, we partnered with CNN to create a unified design vocabulary across on air and digital products.

CNN is one of the world’s leading news broadcasters. With an increasing number of users accessing the service through mobile and web, we partnered with CNN to create a unified design vocabulary across on air and digital products.

CNN is one of the world’s leading news broadcasters. With an increasing number of users accessing the service through mobile and web, we partnered with CNN to create a unified design vocabulary across on air and digital products.

CNN is one of the world’s leading news broadcasters. With an increasing number of users accessing the service through mobile and web, we partnered with CNN to create a unified design vocabulary across on air and digital products.

CNN is one of the world’s leading news broadcasters. With an increasing number of users accessing the service through mobile and web, we partnered with CNN to create a unified design vocabulary across on air and digital products.
CNN_Point_01

Unique channel mnemonic

Unique channel mnemonic

Unique channel mnemonic

Unique channel mnemonic

Unique channel mnemonic

The mnemonic defines the over arching direction for all CNN's motion language. Allowing the team to develop transitions and animations that feel coherent and consistent.

The mnemonic defines the over arching direction for all CNN's motion language. Allowing the team to develop transitions and animations that feel coherent and consistent.

Set of motion principles

Set of motion principles

Set of motion principles

Set of motion principles

Eight distinct principles form all aspects of the motion language. These principles are applied across digital and on air channels.

CNN_Motion_Icons-20

Building signature moments

Building signature moments

Building signature moments

Building signature moments

Snapshots of video content, framed and animated with our new language, created a new device for CNN to use across their platforms. It can be used to promote an upcoming show or as a new advertising slot.

Next generation CNN Go app

Next generation CNN Go app

Next generation CNN Go app

Next generation CNN Go app

Motion principles were applied across CNN Go, the network’s Catch up and On Demand content platform.

Motion principles were applied across CNN Go, the network’s Catch up and On Demand content platform.

Next_generation_3

Motion red lines

Motion red lines

Motion red lines

Motion red lines

Motion red lines

A bespoke set of deliverables were created for CNN. Providing a way for internal teams to continue developing and pushing the boundaries of motion in the app and across broadcast.

© W12 Studios 2018

© W12 Studios 2018