the hub, bub: how drupal acts as the digital media hub for the grammy awards

Drupal as Digital HubKevin Colligan

Senior Director, Digital Media The Recording Academy

kevinc@grammy.com

The Recording Academy

• Huge, global brand: The GRAMMY Awards• • •

The Recording Academy

• Huge, global brand: The GRAMMY Awards• + Many digital platforms (websites, mobile apps, social apps)

• •

The Recording Academy

• Huge, global brand: The GRAMMY Awards• + Many digital platforms (websites, mobile apps, social apps)

• + Small team of web editors

The Recording Academy• Huge, global brand: The GRAMMY Awards• + Many digital platforms (websites, mobile apps, social apps)

• + Small team of web editors• = Need for one content workflow to serve many platforms

Drupal covers CMS bases• Accepts a wide variety of editorial,

multimedia and interactive content (hosted and third-party)

• Separates content from presentation

• Provides granular admin permissions and content workflows (which allows diverse teams to contribute to your website)

• Provides end-user management and customization

GRAMMY.com content

• News articles

• Blog posts

• Video (Ooyala video platform)

• Photos (galleries)

• Content rotator slides

• Nominees & winners

GRAMMY.comcontent contributors

ReportersFile news articles, tagged with metadata

BloggersFile posts, tagged with metadata

Photo EditorsPosts photos, tagged with metadata

Video producersPost videos, tagged with metadata

Editors• Approve (or kick back) pending

content

• Highlight best content in homepage rotator

• Select certain pieces of content for special attention (manual related links, embedded video, revised metadata, etc.)

• And generally shape our content offering

Content fieldsWe break content into distinct elements ...

Content fields... so we can reassemble it in multiple formats

Drupal content delivery• Photos automatically cropped and

resized

• Video served up in Flash player for desktop users, in HTML5 player for mobile users

• Sections populated based on content types

• Packages automatically created based on tags

• Content can appear in full (on news article page, for instance), or as a plain headline or a headline, blurb and thumbnail photo, etc.

Responsive GRAMMY.com• Experience customized for end-

user’s screen size (not device-specific)

• Layout shifts and functionality appears or vanishes based to provide optimum experience

• Photos, headlines and video scales

• Load only what we need

Beyond the web...

iPad app• Native iOS app, built in

partnership with CBS

• All editorial and multimedia content fed from Drupal via JSON feeds

• Custom photo sizes

• Jumbo video sizes

App Control

• Content entry form has one “Screening” field where content contributor can specify “Not For Apps”

• Profanity

• Clearances

iPhone App

• Same feed as iPad app, different presentation

Android app

• Android also has an app

Facebook Apps• Each of the 12 Recording Academy Chapters have Facebook pages

• They all pull news, events and video from Drupal via JSON feeds into fan pages run by Social-Candy.com

Press room appAs winners are announced, editors update Drupal which

updates GRAMMY.com, mobile apps and a pressroom ticker

FutureWith content stored in Drupal and properly tagged, we can

slice-and-dice output to build any number of apps

Social choicesHomegrown or Existing Platforms

OR

Thanks, I’m FinishedKevin Colligan

Senior Director, Digital MediaThe Recording Academy