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.
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.
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.
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