DIGITAL DESIGN

CNN PRESS ROOM REDESIGN

CNN PRESS ROOM REDESIGN

While freelancing for CNN, I was presented with the opportunity to redesign the global public relations hub for the CNN organization. The CNN press site aggregates all of the all of the news about the CNN organization.

BRAND

CNN

ROLE

UX Design, Concepting, Production

YEAR

2017

The Problem

The site was running off of an old version of Wordpress and similarly an old template as well. There was no structure to where posts should go or where certain information should be housed and in turn, it was difficult to navigate. Lastly, the frontend was not being maintained and it was a struggle to fix any issue.

The issue with the site was that it was running off of an old version of wordpress and similarly an old template as well. There was no structure to where posts should go or where certain information should be housed and in turn, it was a mess to navigate. Lastly, the frontend was not being maintained and it was a struggle to fix any issue.

Users

The CNN Press Room is where all CNN announcements regarding shows, hosts, films, and ratings are posted. It also lists all of the company's anchors and reports, transcripts, and all of the press contacts. The users of the site are members of the press from various industries looking to find out more about specific CNN initiatives; media reporters, business reporters, entertainment reporters. They need to be able to find what they need fast, with as few clicks as possible and without much effort.

The CNN Press Room is where all CNN announcements are posted regarding shows, hosts, films, and ratings. It also lists all of the companies’ anchors and reports, transcripts, and all of the press contacts. The users of the site are members of the press from various industries looking to find out more about specific CNN initiates; media reporters, business reporters, entertainment reporters. They need to be able to find what they need fast, with as few clicks as possible and without much effort.

Team & Role

The CNN Public Relations team has great representatives but is lacking in digital resources. I was asked to overhaul the entire site. I was responsible for figuring the strategy behind the new site, figuring out the UX, designing the UI, and working together with a freelance developer to see that the site was executed correctly. Furthermore, we had a project manger who was the liaison between us and the PR team. The three of us were responsible for getting the site up and running. Our stakeholders were a couple members of the PR team, CNN's Head of Communications, and the creative director for CNN.

The CNN Public Relations team has great representatives but is lacking in digital resources. I was asked to be brought in to overhaul the entire site. I was responsible for figuring the strategy behind the new site, figuring out the UX, design the UI, and working together with a freelance developer to see that the site get executed correctly. Furthermore, we had a project manger who was the liaison between us and the PR team. The three of us were responsible for getting the site up and running. Our stakeholders were a couple members of the PR team, CNN Head of Communications, as well as the creative director for CNN.

Design Process

I decided that I would follow a waterfall approach to the design and get quick approvals for each step so that we wouldn’t run into issues once we started prototyping and designing.

The first phase was gathering insight into the needs and desires of the PR team for the website. The main problem they were trying to address was it just wasn’t easy to find announcements on the site, both from an internal and external perspective. Furthermore, they wanted it to be easy to update, they wanted posts to look consistent, and they wanted it to be simple and intuitive to navigate.

In order to create a simple site, I decided to utilize a responsive grid that would be responsive across devices.

When working with projects without oversight and a relatively loose timeline, you have to draft a plan of action and stick to it. I decided that I would follow a waterfall approach to the design and get quick approvals for each steps so that we wouldn’t run into issues had we started prototyping or designing in a more agile approach.


The first phase was gathering insight into the needs and desires of the PR team for the website. The main problem they were trying to address was it just wasn’t easy to find announcements on the site, both from an internal and external perspective. Furthermore, they wanted it to be easy to update, they wanted posts to look consistent, and they wanted it to be simple and intuitive to navigate.

 
Once I knew what issues we had to solve, I began examining the taxonomy of the site for any issues I could find. Quickly I realized that there wasn’t much organization on the site which contributed to the issues of navigation.

 
I wanted to create a simple site. I thought about this in a very pragmatic way. I decided to Utilizing a responsive grid that allowed for.

cnn_presssite_laptop
cnn_presssite_mobile
NEXT PROJECT