---
title: "MSNBC.com"
url: "/our-work/msnbc"
type: case_study
date: 2017-08-14
updated: 2023-05-25
---

# MSNBC.com

MSNBC.com

#  Welcome to the Reinvented Digital Newsroom 

 [ View the site   ](http://msnbc.com) 

                ![The MSNBC website being viewed on a mobile device.](/sites/default/files/styles/promo_medium/public/msnbc-hero.jpg.webp?itok=jAqJJYTi "msnbc-hero.jpg")  

 MSNBC was without a website, and wanted to re-invent their digital newsroom from the ground up. We partnered with MSNBC to produce a mobile-first, consistent news consumption experience across all device types and sizes. After their successful launch, we continued to support their site alongside their growing development team, and eventually helped them create a new, entirely online channel for content distribution.

 Service areas

- [  Strategy   ](/services/strategy)
- [  Development   ](/services/development)
- [  Design   ](/services/design)
 
 [  See all project services   ](#services) 

[Embedded Video](http://www.lullabot.com/media/oembed?url=https%3A//vimeo.com/90231426&max_width=0&max_height=0&hash=9wrl-W9Gdp3AZqI49YYjiZuaSKp5SZ822YZqk9w60zs)

The siteâ&#128;&#153;s unique community-oriented commenting system is built on NBC Universalâ&#128;&#153;s Newsvine platform. To ensure smooth performance even under heavy load, our development team created a client-side AngularJS application, weaving social content into the high-performance Drupal-hosted editorial content.

   

   

 ![MSNBC Full Mockup](/sites/default/files/styles/wide_xs/public/assets/2017-08/msnbc-full-mockup-1734.038db773b947.jpg.webp?itok=CxLBelfN "msnbc-full-mockup-1734.038db773b947.jpg")

The new MSNBC.com launched in October 2013 with a mobile-friendly responsive design and a highly curated front-page experience. The new design, speedy performance, and streamlined access to issue-oriented news have won praise from the siteâ&#128;&#153;s users as well as media watchers.

   

   

 ![MSNBC Mobile Phone mockup](/sites/default/files/styles/wide_xs/public/assets/2017-08/four-in-one-msnbc.jpg.webp?itok=1NPWeTnc "four-in-one-msnbc.jpg")

After the launch, we continued to partner with MSNBC as they grew their internal development team and took ownership of the new site. Eventually, a new challenge arose: MSNBC needed a new viewing experience for their live and on-demand video content, and they needed it quickly.

They were building out new infrastructure to support an online-only /shift channel, and to support authenticated video content on their site. With so many moving parts, MSNBC didnâ&#128;&#153;t want to worry about whether or not the website was going to be ready. So, they reached back out to us for additional help, and we put a team together.

   

   

 ![MSNBC "Watch Pages" Full Mockup across breakpoints](/sites/default/files/styles/wide_xs/public/assets/2017-08/msnbc-watch-full-mockup-1734.1e9e8a27d2a1.jpg.webp?itok=gVJkiEXf "msnbc-watch-full-mockup-1734.1e9e8a27d2a1.jpg")

Operation Watch required us to work closely with MSNBCâ&#128;&#153;s product team to identify what was crucial for launch and then deliver it on time. That required integration with multiple teams to achieve a successful final product, offering seamless viewing experience for live content, featured clips and full episodes, with real-time commenting and TV Everywhere authentication.

> I can't begin to thank you enough for your contribution to and collaboration on our MSNBC.com project over the last several years. Not only have you been the most amazing group of developers, but you've been fun to work with, and above all, I think you helped us develop a strong and successful culture here at MSNBC.  
> John Keegan, MSNBC Universal VP of Technology Strategy

 

 <a class="visually-hidden" name="services">Anchor to move to the services section</a>##  Services 

 We provided the following kinds of services to help this project succeed.

- Digital &amp; Content Strategy
- Front-end Development
- UX &amp; Design

  You must have JavaScript enabled to use this form.

## Get in touch with us

### Tell us about your project. We'd love to hear from you!

 First Name  

 Last Name  

 Your email address  

 Your organization  

 How you heard about us  

 Tell us more 

     Leave this field blank