Ian Rogers
Product & Experience Design

NBCUniversal Intranet

Visual Direction, UI/UX Design & Content Migration
Featured Project Image
Large screen with myNBCU homepage with two Minions infront. One is holding a 'i'm with stupid' sign that points to a shorter Minion on the right. A laptop featuring a search query showing results for 'Retirement' sits on the side.

Overview

myNBCU, NBCUniversal’s company-wide intranet, was fully overhauled with a reimagined user experience and design system, rebuilt backend architecture, and a deep content migration and reorganization.

Problems
The legacy WordPress platform was difficult to navigate, overloaded with outdated content, and visually inconsistent following NBCUniversal’s recent corporate rebrand. A quick visual reskin (see Original Site below), provided a short-term fix, but a full-scale overhaul was necessary.

Discovery
Explorations began into how a modular design system, scalable content management, and a more intuitive interface could transform myNBCU into a user-friendly employee experience. These early design directions (see RFPs below), paired with an extensive Drupal-based evaluation of how such a system could realistically scale, established the foundation forward.

Design Solutions
The redesign brought this internal system to life. Navigation was simplified, search tools delivered relevant results, and information flowed across departments instead of being siloed. Customized dashboards delivered fast access to frequently used resources and ongoing tasks. No more daily guessing where that timesheet link was buried. With a more stable VPN and login system in place, the intranet became reliably accessible beyond the office computer.

Under this new CMS, network TV brands (broadcast, cable, digital, and local), corporate divisions (HR, Communications), and properties (Film, Parks, TV Studios) gained greater control of their intranet assets. The system supported a wide range of file types and materials, making it easier to share resources and maintain reliable information across the org. Company-wide Drupal editorial training also helped each group manage content confidently, while a CMS Guidebook provided clear, step-by-step guidance and best practices.

Content Migration
A content migration conducted pre-launch involved populating the new site before handing control over to the designated editors. Valuable older content required reformatting to work with the new CMS. Articles, official company templates (including PPT, Docs, email signature standards), and organization-branded downloadable graphics were also visually rebranded. New graphical content helped highlight company resources that were now accessible online. Every effort was make to incoprorate NBCU themed character and show-driven content incorporation into the fabric of the site on every level.

Result
This new intranet balanced design, usability, and scalability. Formerly a content wasteland, it was now easier to manage, simpler to expand, and accessible beyond the office.

RFP Concepts

Rough visual comps for client proposal & discussion before deep-dive UX Discovery
(Modular, customizable, news, geolocation features)
Three comps showcasing possible visual and content directions

Original Site vs. New Redesign

Homepage Comparison
Original Homepage
Outdated WordPress site.
Existing content was fully rebranded and reformatted to work within the new CMS specifications
Homepage Redesign
New Drupal redesign; User Logged in at NYC location

Geolocation Imagery

NBCU branded content mapped to user location
Content Type page example with various page examples in the background
Starter content pre-uploaded for editors

Working at NBCU

News & Video Feed; Calender of Company Events; Event Page
Laptop Showcasing video player

Tools Page, myClassifieds

Resource links to customize the homepage with frequently used pages
Special links for custom selection
Classifieds page with filters applied

Error Pages

On-brand pages
3 pages with different error states

CMS Guidebook

Back-end instruction manual
Content Type page example with various page examples in the background
A pdf guideline outlining best CMS practices and editorial usage

Group/Brand Landing Page

Wireframe* vs. Final Page (6 tout options, related news, info)
BrandPage Wireframe
*Wireframe design by O&TS UX group (NBCU Tech)
BrandPage