Mark Barilla
Interaction Design and Creative Direction
election2016-Home.png

Election 2016

Defining the UX and design of CNN Digital’s 2016 Election results experience.

election2016-A.png
A distinctive visual language

A distinctive visual language

The experience utilized a streamlined color palette and award-winning photography to give CNN’s coverage a fresh and unique feel.


Optimized for small screens

Optimized for small screens

Modules were designed for easy consumption on mobile devices, with ample clarity and tapability.

election2016-D.png
election2016-E.png
Visualizing race results using color

Visualizing race results using color

Results modules were designed to change color as races were called, giving users a strong visual indicator of which party won each race.

A dramatic and impactful homepage

A dramatic and impactful homepage

On CNN.com, a dark theme was utilized to provide dramatic impact and to elegantly pair results modules with streaming live video.

New approaches to data

New approaches to data

Initial explorations included data dashboards and new ways to visualize race results, like filterable state snapshots, live results tickers, and pairing editorial headlines with race data in real-time.