NBC Female Forward

NBC Entertainment, Talent Development & Inclusion
Digital, UX/UI, Branding
2018


FF_FullDevices_bg.jpg
 

NBC's newest diversity initiative required a meaningful introduction.

As a lifelong advocate of diversity, inclusion, and representation in media & entertainment, I was humbled by the opportunity to design and launch the website for NBC's Female Forward, a program aimed at elevating and supporting female scripted series directors. I worked on the design team on behalf of NBC digital — collaborating with teams from PR, tech, talent development, and the office of NBC president Jennifer Salke — to complete the website over a tight 2-month deadline in time for its announcement at the Television Critics Association press tour in January 2018.

 
 

The process:

After meeting to discuss the overall goals of the program and the website, I put together a one-pager that would help inform the design considerations.

Because we had a short timeline, we decided to keep the site as minimally labor intensive as possible — ultimately landing on a one-page, continuous scrolling layout.

From there, I sketched out various ideas for the layout.

 

FF_Sketches.gif
 
Early comps that showed three different ways to use the hero area — the primary differentiation was the use of stock photography.

Early comps that showed three different ways to use the hero area — the primary differentiation was the use of stock photography.

 
The site was designed with mobile-first in mind.

The site was designed with mobile-first in mind.

Demonstrating how the pop-up biographies would work.

Demonstrating how the pop-up biographies would work.

 

The logo was designed by the marketing team; the site's choice of colors were drafted off the logo's colors.

Throughout the review process, we discovered that the main components of the site drilled down to:

  1. The hero area

  2. The application information

  3. An email subscription CTA

  4. A section about the initiative

  5. A section about the advisors

  6. The contact form

I worked closely with our third-party developers who were building the site to ensure that their implementation of these components were as visually accurate to our designs as possible. We communicated daily through Slack and had weekly calls to touch base on progress.

Little changes that make a big impact: we reconfigured the email subscription CTA to give the application information more priority.

Little changes that make a big impact: we reconfigured the email subscription CTA to give the application information more priority.

 

The deliverable:

The site went live on January 9, 2018 right before the initiative's public announcement (www.nbcfemaleforward.com). There was extensive press coverage featuring callouts to the website across all the trade publications, including Variety, The Hollywood Reporter, Deadline, and more.