GZERO Media

UX Designer, Project Manager    Media Website    December 2017 - July 2018    Completed at Ironpaper

GZERO Media

  UX Designer, Project Manager

  Media Website

  December 2017 - July 2018

  Completed at Ironpaper

GZERO Media

  UX Designer, Project Manager

  Media Website

  December 2017 - July 2018

  Completed at Ironpaper

GZERO Media

  UX Designer, Project Manager

  Media Website

  December 2017 - July 2018

  Completed at Ironpaper

PROJECT OVERVIEW

GZERO Media is a new media company created in 2017 as a subsidiary of Eurasia Group, the world’s leading political risk-analysis firm. They’re dedicated to providing the public with intelligent and engaging coverage of global affairs and are best known for Signal: a twice-weekly political newsletter with a biting wit.

With a referral from the team at Intellience Squared US, the GZERO team contracted the Ironpaper team to build a powerful media site on Wordpress with a lean budget.

 

OBJECTIVES

GZERO’s new media site needed to create an integrated home for existing media that was scattered across several channels: newsletter posts on Medium, videos on Facebook, and podcasts on Soundcloud.

While video distribution will continue across social media, the Signal newsletter would move fully from Medium to the GZERO Media domain. With newsletter subscribers in the tens of thousands, it was important that the latest posts were easy to browse, read, and share.

The site needed to be easily digestible, simple to navigate, with clear pathways to the latest content.

 

THE APPROACH

Information Architecture & Template Taxonomy

For the site’s architecture, we kept things as simple as they come: Watch, Read and Listen to the media that GZERO creates.

PROJECT OVERVIEW

GZERO Media is a new media company created in 2017 as a subsidiary of Eurasia Group, the world’s leading political risk-analysis firm. They’re dedicated to providing the public with intelligent and engaging coverage of global affairs and are best known for Signal: a twice-weekly political newsletter with a biting wit.

With a referral from the team at Intellience Squared US, the GZERO team contracted the Ironpaper team to build a powerful media site on Wordpress with a lean budget.

 

OBJECTIVES

GZERO’s new media site needed to create an integrated home for existing media that was scattered across several channels: newsletter posts on Medium, videos on Facebook, and podcasts on Soundcloud.

While video distribution will continue across social media, the Signal newsletter would move fully from Medium to the GZERO Media domain. With newsletter subscribers in the tens of thousands, it was important that the latest posts were easy to browse, read, and share.

The site needed to be easily digestible, simple to navigate, with clear pathways to the latest content.

 

THE APPROACH

Information Architecture & Template Taxonomy

For the site’s architecture, we kept things as simple as they come: Watch, Read and Listen to the media that GZERO creates.

gzero-sitemap-v3

This structure, as translated into the templates we designed and deployed, supported GZERO’s existing properties and allowed for the addition of new shows in the future—without developer assistance.

gzero-content-types
Wireframes & User Interface Design

On the homepage, we balanced automation with curation: the hero area allows GZERO to feature a highlighted piece of content, while the sections below feature the latest posts within each show.

Homepage Sketch

gzero-homepage-sketch

As with the post types, the homepage template uses flexible modules to accomodate the addition/removal of new programming over time. No developer assistance is required: this was a key requirement to allow GZERO’s non-technical team to update the site with new shows.

As with the post types, the homepage template uses flexible modules to accomodate the addition/removal of new programming over time. No developer assistance is required: this was a key requirement to allow GZERO’s non-technical team to update the site with new shows.

A key update we made in the transition from wireframe to final UI design was to collect the latest posts within their main categories, rather than showing everything in one reverse chronological feed. The flexibility of the page allows the GZERO team to re-order properties depending on which they choose to feature in a given timeframe.

As with the post types, the homepage template uses flexible modules to accomodate the addition/removal of new programming over time. No developer assistance is required: this was a key requirement to allow GZERO’s non-technical team to update the site with new shows.

A key update we made in the transition from wireframe to final UI design was to collect the latest posts within their main categories, rather than showing everything in one reverse chronological feed. The flexibility of the page allows the GZERO team to re-order properties depending on which they choose to feature in a given timeframe.

Homepage Wireframe

gzero-homepage-wire

A key update we made in the transition from wireframe to final UI design was to collect the latest posts within their main categories, rather than showing everything in one reverse chronological feed. The flexibility of the page allows the GZERO team to re-order properties depending on which they choose to feature in a given timeframe.

A key update we made in the transition from wireframe to final UI design was to collect the latest posts within their main categories, rather than showing everything in one reverse chronological feed. The flexibility of the page allows the GZERO team to re-order properties depending on which they choose to feature in a given timeframe.

A key update we made in the transition from wireframe to final UI design was to collect the latest posts within their main categories, rather than showing everything in one reverse chronological feed. The flexibility of the page allows the GZERO team to re-order properties depending on which they choose to feature in a given timeframe.

A key update we made in the transition from wireframe to final UI design was to collect the latest posts within their main categories, rather than showing everything in one reverse chronological feed. The flexibility of the page allows the GZERO team to re-order properties depending on which they choose to feature in a given timeframe.

Homepage UI Design

Version 2

gzero-homepage

For the Signal section of the site, we were inspired by the site design of media outlet Axios. The posts to appear in an infinite feed, with the option to share each individual post to social media.

For the Signal section of the site, we were inspired by the site design of media outlet Axios. The posts to appear in an infinite feed, with the option to share each individual post to social media.

For the Signal section of the site, we were inspired by the site design of media outlet Axios. The posts to appear in an infinite feed, with the option to share each individual post to social media.

Signal Wireframe

gzero-signal-wire

The feed acts as a live version of their bi-weekly static newsletter, which is distributed via Mailchimp. Past Newsletters are linked in an archive in the sidebar for future reference.

The authors are also featured in the page sidebar. This was an addition made during the UI phase of the project. Each author has a featured page with their bio, social media links, and a feed of their most recent contributions on the site.

The feed acts as a live version of their bi-weekly static newsletter, which is distributed via Mailchimp. Past Newsletters are linked in an archive in the sidebar for future reference.

The authors are also featured in the page sidebar. This was an addition made during the UI phase of the project. Each author has a featured page with their bio, social media links, and a feed of their most recent contributions on the site.

The feed acts as a live version of their bi-weekly static newsletter, which is distributed via Mailchimp. Past Newsletters are linked in an archive in the sidebar for future reference.

The authors are also featured in the page sidebar. This was an addition made during the UI phase of the project. Each author has a featured page with their bio, social media links, and a feed of their most recent contributions on the site.

Signal UI Design

Version 2

gzero-signal

KEY TAKEAWAYS

In the end, we created a custom media CMS on top of Wordpress that beautifully served the client’s needs. They were very excited with the result, which launched just in time for the announcement of key partnership with CBS, as well as the press junket for GZERO figurehead Ian Bremmer’s new book.

KEY TAKEAWAYS

In the end, we created a custom media CMS on top of Wordpress that beautifully served the client’s needs. They were very excited with the result, which launched just in time for the announcement of key partnership with CBS, as well as the press junket for GZERO figurehead Ian Bremmer’s new book.

More Work

CHPC New York CityProject type

MobilewallaProject type

GZERO MediaProject type

JoynProject type