shazam result best practices & specificationsadspecs.ncm.com/content/files/shazamspec.pdfcustom...
TRANSCRIPT
CUSTOM SHAZAM CAMPAIGNBrand-driven second screen experiences in-theater reach far beyond traditional cinema advertising, putting content and engagement in the hands of moviego-ers. Literally.
Customize your Shazam result with imagery, text, and links to items such as coupons, calendar reminders or external websites. You have the flexibility to create one custom page per campaign, or multiple custom pages that can be linked together.
CAMPAIGN EXAMPLES..........12-15
CAMPAIGN DESIGN..................6-7
MY SHAZAM BANNER..................8
ON-SCREEN CTA...........................9
CLIENT INSERTION ORDER.........10
SAMPLE USER FLOW....................3
INTERACTIONS..........................4-5
DELIVERY & TIMELINES..............11
2© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
SAMPLE USER FLOW
3© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
User opens Shazam app and taps Shazam
button
1Shazam returns full
panel result for current on-screen spot
2User receives next on-screen result by
clicking Shazam icon
3After 3 hours, the User will be able to access any Interaction that
was deemed too disruptive for theaters
4
INTHEATER
AFTERMOVIE
LIMITED ENGAGEMENT FULL ENGAGEMENT
INTERACTIONS - OVERVIEW
LIMITED ENGAGEMENT
LIMITED ENGAGEMENT
FULL ENGAGEMENT
FULL ENGAGEMENT
TIME-BASED CONTENT
IN THE THEATER AUDITORIUM
AFTER THE MOVIE
A limited engagement is one that takes place within the theater auditori-um during the FirstLook show. Results that include audio, video, or making phone calls are strictly prohibited and will be treated as time-based content.
A full engagement is one that takes place at least 3 hours after the FirstLook show. All interactions available within Shazam, including audio, video, and making phone calls, will be available to the user.
Content that is deemed too distracting to other moviegoers, or too time consuming for the purchased on-screen spot will be treated as time-based content. This content will be shown with an overlay letting the user know that after the movie it will be available.
4© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
INTERACTIONS - OPTIONS
CALENDAR EVENTSAdd a single date/time, a reoccurring event, or a countdown to the user’s native calendar
GAMES / TRIVIACollect user data through short trivia questions or available games*may be full engagement*** may require development work
VISIT URLThe user can visit any mobile friendly website*may be full engagement
* some interactions are too time consuming or distracting to allow in the auditorium
** interaction is only allowed after the movie
*** may require development work
DOWNLOAD APPLaunches the App Store/Google Play for the user to download a specific application*may be full engagement
DIGITAL DOWNLOADThe user has the ability to download ringtones, wallpapers, images, etc.*may be full engagement
BUY MUSICBuy music featured in the on-screen spot** full engagement
GOODS / SERVICESBuy items featured or associated with the on-screen spot** full engagement
MAP LOCATIONMap a specific location to a retail store, resturant, etc.*** may require development work
SHARE ON FACEBOOKLinks out to a Facebook page for the user to sign in and share your content
FOLLOW ON TWITTERLinks out to a Twitter page for the user to sign in and follow your brand
PLAY VIDEOThe user can play a video** full engagement
CALL PHONE NUMBERThis feature will automatically call the provided phone number** full engagement
SOCIAL SHARINGA Shazam result can be shared on socal media, through email, or SMS
TEXT / SMSUtlitized by pre-populating the text phone number for the user
SEND EMAILThe user's native email is opened with a pre-populated email and body ready to send*** may require development work
ENTER EMAILAllows the user to enter their email address in a form field while in Shazam*** may require development work
POLLING / VOTINGCollect user data through quick polling or this-or-that style voting*may be full engagement*** may require development work
5© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
CAMPAIGN DESIGN - OVERVIEW
Custom results in Shazam are created with pre-defined building blocks stacked in a list format, with a viewable area of 640 x 1008px based on an iPhone 5 retina display. Each result consists of multiple elements:
Using the above elements, campaigns in Shazam can take on many appearances. To ensure quality resolution across devices, we suggest creating campaign designs around the template shown. This will ensure all assets delivered will cover all device require-ments.
Result BackgroundA result background can be either a hex color or an image. An image will keep its aspect ratio and therefore may crop inconsistently across devices.
Result Building BlocksImages, web frames, and text blocks stack to create results in Shazam. Layouts can be modified using tiles and carousels.
InteractionsAll building blocks in Shazam can be assigned user interactions enabling direct engagement with customers in a second-screen experience.
HEADER640 x 128px
All content will appear below this area
VISIBLE CONTENT640 x 1008px
SHAZAM
Based on an iPhone 5retina display
6© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
Tiles
Video
Web Frame
Image
640 x (n)px
Carousel
Allows you to add a group of images, with or without a link. Tiles can be aligned together, or have margins which allow the background image or background color to appear between elements. Tiles are necessary for adding side by side modules.
Allows you to add a set of images in a horizontal scrolling layout with optional subtext.*content should be of the same type and size*if one image module has subtext, all image modules should have subtext
Page TabsAllows you to add content tabs to your page with text & icon.
Add a standalone image, or within a carousel layout. Images should be 640px wide and can be any height.
Is an image content option that allows you to link to a video URL. A “play” button is automatically placed over the image.
SharingIs an image content option that allows you to use the phone’s native sharing tools to share content.*adds transparent border around image*must have title associated
Allows you to link to an external website within an existing page.*a website linked in a web frame must be mobile optimized
Twitter StreamAllows you to insert a Twitter stream consolidating tweets by hashtag or user.
Available Tiles:Square308 x 308px
Sm. Rectangle308 x 150px
Lg. Rectangle624 x 308px
Example Sizes:Hero640 x 480px
Banner Ad640 x 160px
Full Screen640 x 1008px
308 x 150px
308 x 150px
308 x 308px
624 x 308px
CONTENT OPTIONS LAYOUT OPTIONS
CAMPAIGN DESIGN - BUILDING BLOCKS
7© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
1 2one two
MY SHAZAM BANNER
HEADER640 x 128px
All content will appear below this area
MY SHAZAM
VISIBLE CONTENT640 x 1008px
BANNER640 x 160px
SHAZAM
Based on an iPhone 5 retina display
The My Shazam banner is found in the list of recent Shazams. A user that taps on the banner is taken to the full Shazam result.
Messaging in the banner should be used in conjunction with the on-screen CTA to entice the user to engage with your result.
Campaign TitleIs a unique title associated with your campaign , and will appear as the first line in the banner. 25 character max.
Main ImageThis is an 800x800px image that will appear in My Shazam list.
Campaign Sub-TitleAppears as the second line in the banner. Should entice user to engage with your campaign. 30 character max.
8© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
ON-SCREEN CTA
MESSAGE
DURATION
The Shazam cinema CTA is designed to make viewers instantly aware that a program or spot is Shazamable, and is critical in driving lift on viewer engagement. The CTA system was developed with the creative flexibility to integrate seamlessly into any on-screen spot.
• Message is in Nexa Bold and in all CAPS by default• 35 Characters per line, 2 line max• Use short, concise, urgent copy• Fully state the value proposition you are offering with keywords such as: Special Offer, Exclusive Content, Win, Free, etc• Avoid verbose copy and concepts that cannot be digested in 2-5 seconds
• CTA should appear in first 5 seconds of spot• CTA should last at least 20 seconds, but ideally full length of spot• CTA’s onscreen more than 15 seconds perform nearly 40% better than those on less time
* On-Screen CTA is not a part of the standard approval process. Client approval of Shazam CTA is available upon request
9© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
SHAZAM RESULT INSERTION ORDERMY SHAZAM BANNER
CLIENT DETAILS
RESULT DETAILSON-SCREEN CTACTA Messaging35 characters / line, 2 line max
Duration
CTA appears after seconds,Mockup
Description
Client Name:
Account Director:
Email:
Campaign Title:
Start / End Date:
Background
10© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
Title25 character max
Please provide .jpg file with finished result design (campaign_mockup.jpg)
Provide .jpg file or hex code (campaign_background.jpg)
ImagesProvide .jpg files for all building blocks used to create a result
InteractionsAll result interactions must be listed in a spreadsheet with the following:
1. Interaction Type2. Supporting interaction details (URL, Messaging, Phone Number, etc.)
Sub-Title30 character max
and persists for seconds.
Please fill out this form in its entirety.
Briefly describe the result you are creating
DELIVERY & TIMELINES
11© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
EMAIL YOUR MEDIA SHIP YOUR MEDIAAll campaign requirements listed in the checklist should be zipped together and emailed to:[email protected]
NATIONAL CINEMEDIA, LLCAttn: Lauren Lipman, Interactive9110 E. Nichols Avenue, Suite 200Centennial, CO 80112-3405P: 303-792-8254
Any campaign requiring custom development
NCM in-house development of Shazam interactions
Due date for non develop-ment campaign assets. Campaigns not delivered by this date risk slipping one week.
Final Asset DeliveryDay 10
Asset DeliveryDay 15
Audio FingerprintingDay 9
Client ApprovalDay 2
DevelopmentDay 14
Quality AssuranceDay 3
Traffic ResultDay 5
Adding CTADay 7
Live on-screenDay 0
CLIE
NT
NCM
CAMPAIGN EXAMPLE 1 - ABSOLUT
Campaign Title:Sub Title:
Background:
Absolut TransformTransform TodayHex #000000
Content Module:Interaction:
ImageVisit URL
Content Module:Interaction:
ImageNone
Layout Module:Content Module A:
Interaction A:Content Module B:
Interaction B:Content Module C:
Interaction C:Content Module D:
Interaction D:
TilesImage - SquareDigital DownloadImage - SquareVisit URLImage - SquareVisit URLImage - SquareVisit URL
A B
DC
My Shazam Banner: Campaign TitleSub TitleMain Image (800x800px)
308 x 308px
640 x 150px
308 x 308px308 x 308px
308 x 308px
640 x 136px
12© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
CAMPAIGN EXAMPLE 2 - THE AMAZING SPIDER-MAN 2
Campaign Title:Sub Title:
Background:
Amazing Spider-Man 2Collectibles Coming SoonHex #000000
Content Module:Interaction:
ImageNone
Content Module:Interaction:
ImageBuy Music
Content Module:Interaction:
ImageEnter Your Email
Layout Module:Content Module A:
Interaction A:Content Module B:
Interaction B:Content Module C:
Interaction C:
TilesImage - SquareBuy MusicImage - Sm. RectangleDigital DownloadImage - Sm. RectangleShare on Facebook
My Shazam Banner: Campaign TitleSub TitleMain Image (800x800px)
A
B
C
640 x 390px
640 x 80px
308 x 150px308 x 308px
640 x 140px
308 x 150px
13© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
CAMPAIGN EXAMPLE 3 - ALMOST HUMAN
Campaign Title:Sub Title:
Background:
Almost HumanWatch the season finaleImage
Content Module:Interaction:
ImageNone
Content Module:Interaction:
ShareNative device sharing
Content Module:Interaction:
ImagePlay Video
My Shazam Banner: Campaign TitleSub TitleMain Image (800x800px)
640 x 455px
640 x 300px
640 x 230px
14© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3
CAMPAIGN EXAMPLE 4 - CARNIVAL CRUISE LINES
Campaign Title:Sub Title:
Background:
Carnival Cruise LinesChance to win a cruiseHex #2366c1
Content Module:Interaction:
ImageNone
Content Module:Interaction:
ImageVisit URL
Content Module:Interaction:
ImageVisit URL
Content Module:Interaction:
ImagePolling/Voting
My Shazam Banner: Campaign TitleSub TitleMain Image (800x800px)
640 x 428px
640 x 106px
640 x 106px
640 x 320px
15© 2015 National CineMedia, LLC - All rights reserved. ShazamSpec_v2015.3