The Grid

Launched October 2012

A live events platform originally created for the political conventions in 2012. It started as a way to organize social conversations and sharing that occurred during a news event.

My contribution: Overall UX, design strategy and art direction

The Grid bridges the gap between live video, blogging and the best curated content from social streams. The flexible format is designed to paint a complete picture of a live event with The Post's original reporting mixed in with the best tweets and Instagram photos — anchored by a live video stream.

During a live event, a user can watch a streaming video, catch up on latest headlines from the live blog, and see the grid populate with a flutter of tweets, curated YouTube videos, Instagrams from various points of view in addition to analysis by Post experts.

Here are some examples of the most recent iteration of the design:

The interface was designed to give the optimal display across platforms. We started the project by defining the mobile experience and worked to scale it up for larger desktop browsers. Here are some of the initial wireframes I created:

Because every live event is different, we knew we needed to build this platform in a flexible way — both in design and infrastructure. What we ended up with was a simple, clean layout, lead by streaming video, where every content item appears in a stream based on recency. You can read through the entries from left to right or scroll down the page to scan the scene — it’s best viewed during a big event.

We even developed a stream view and a soon-to-launch geographic view where we plot location data from all tweets and instagrams on a map.

For more information, here’s a blog post I cowrote with a colleague.

Hat tip to Amanda Zamora, Greg Franczyk, Joey Marburger, Ryan Kellett, Will Van Wazer, Leslie Passante, Tim Wong, Jude Bowman, Dakota Williams, Ashish Laghate, Ryan Baer and Cory Haik for making this project awesome.