Shazam Brand Takeover

Transcription

1 Shazam Brand Takeover Design & Technical Guidelines v2.0 Copyright Shazam Entertainment Limited 2002 to present. All rights reserved.

2

3 Shazam Brand Takeover Introduction Premium Impact 3 Premium Impact. Takeover Shazam. Put your brand at the intersection of discovery with a beautiful 100% SOV brand integration into Shazam s refreshed design. This document outlines Shazam s creative guidelines and best practices to help partners and creative agencies seamlessly reach Shazam s users with the Shazam Brand Takeover unit.

4 Shazam Brand Takeover Introduction Contents 4 Inside you ll find... Introduction Premium Impact Contents The Experience Home Listening Technical Specifications Asset Delivery Creative Guidelines The Ad Background Color Color Formula Best Practices Creative Examples Approvals Process A Guide Contacts Advertising & Creative Contacts

5 Shazam Brand Takeover The Experience 5 The Experience.

6 Shazam Brand Takeover The Experience Home 6 Home. The Takeover is loaded when a user opens Shazam. The experience will run for an entire day on a user s device at 100% share of voice.

7 Shazam Brand Takeover The Experience Listening 7 Listening. Once a user taps to Shazam, the Takeover remains on screen throughout the Shazam listening experience. Reach users during their moments of discovery.

8 Shazam Brand Takeover Technical Specifications 8 Technical Specifications.

9 Shazam Brand Takeover Technical Specifications Asset Delivery 9 Asset Delivery. Partners are required to submit the following graphics and values for review. 1. Background Color Solid Background Color One RGB color value No patterns, gradients or other imagery are supported. Refer to page 13 for guidance. 2. The Ad 1000px 500px (2:1 ratio) JPEG or PNG file with alpha transparency or fading to the background color Below 60kb GIFs/animations are not supported 2:1 image 3. Campaign URL Single URL click-thru (Destination URL must be mobile optimized and keep the user in-app. URLs cannot open externally or link directly to another app or App/Play Stores without a HTML interstitial page.)

10 Shazam Brand Takeover Creative Guidelines 10 Creative Guidelines.

11 Shazam Brand Takeover Creative Guidelines The Ad 11 The Ad. Ad creative must meet the following requirements. Avoiding a clash with Shazam s user interface Ad creative cannot resemble Shazam s iconic button or carry any Shazam branding Excluded Categories Weight loss Gambling Overtly sexual advertisements CTAs Calls-to-action must be text based, not buttons They should avoid being exclamatory ( BUY NOW! ) (Please contact your Shazam representative for a full list of excluded categories) Ad Composition Aim to have no more than ¼ of your ad as copy *Final ad creative may not be approved if they do not meet all guidelines.

12 Shazam Brand Takeover Creative Guidelines The Ad 12 Recommendations. Here s a few things we recommend for your ad to stand out. CTAs Do use high contrast colors Do have a clear call to action Ad Composition Ensure that your copy is legible Aim to use larger text size and keep it short and sweet Do seamlessly blend your creative with the background color Use the space as necessary to ensure your creative is seen Dstination Result Click-through destinations must be a mobile-optimized HTML result. Users cannot be taken out of the Shazam app, so if you are linking to an app or app store, Shazam requires an interstitial page before the user is redirected out of the app. High contrast Use of space Large legible copy/text Clear call to action

13 Shazam Brand Takeover Technical Specifications Asset Delivery 13 Interstitial page Shazam requires an interstitial page before the user is redirected out of the app. Automatic Re-direct Iterstitial page will automatically re-direct users to the intended destination

14 Shazam Brand Takeover Creative Guidelines Background Color 14 Background Color. You can customize Shazam to match your brand or advertising campaign colors. When picking a color the following requirements must be met: Don t obscure Shazam s user interface Always ensure your color allows for sufficient contrast between it and Shazam s homepage elements. The Shazam button, primary navigation and other homepage Color Range At Shazam, we use a value called luminance to decide whether a color is sufficiently dark enough to compliment and contrast the Shazam UI. UI elements must be perfectly visible (use the official Photoshop template to test). Do not edit any element of Shazam s core user interface (positioning or style). If you are creating a Shazam Brand Takeover internally, we suggest your design/creative department use professional judgement to select an appropriate color. Excluded Colors Shazam will work with you to get this right. Solid white (#FFFFFF) Light shades of any color However, using your color s RGB value, you can test its luminance using the formula on the following page...

15 Shazam Brand Takeover Creative Guidelines Color Formula 15 Color Formula. Background colors are required to have a luminance value below 0.6 Testing your color EXAMPLE BRAND PURPLE R139 G25 B206 You can test your brand or campaign color s luminance using its RGB value and the following formula: Luminance ½ RGB MAX RGB MIN 255 ½ = Show me how this works... Take a look at the example calculation opposite*. Success! (*Don t worry, we haven t practised this much arithmetic since school either!) Our example brand color has a luminance value of 0.45 (which is < 0.6) confirming it will work well on the Shazam homepage.

16 Shazam Brand Takeover Creative Guidelines Best Practices 16

17 Shazam Brand Takeover Creative Examples 17 Creative Examples.

18

19

20 Shazam Brand Takeover Approvals Process 20 Approvals Process.

21 Shazam Brand Takeover Approvals Process Guide 21 If Shazam is designing your brand s Takeover - which we would love to do: Send over your brand/identity guidelines, campaign creative assets and any other information that may help us produce your campaign take over. Please allow up to 48 hours for an initial mock to be created by our design team. We ll share some initial mocks with you, then work with your team to get final approvals. We will allow up to 2 rounds of amends if required. Please allow up to 24 hours for each round of amend to be made by our team. Once approved we will send the final creative to our AdOps team for testing and trafficking to ensure the creatives works perfectly. Please allow up to 48 hours for you creatives to be trafficked.

22 Shazam Brand Takeover Approvals Process Guide 22 If you or your creative agency is developing the Takeover: Share this document with them so Pick a background color within our Design your 2:1 ad creative Once everything has been approved they can carefully review the specs approved color luminance range - following our creative guidelines we will send the creative over to be and requirements. you can use this nifty tool here to and send them to us for approval. tested and trafficked by our AdOps check: team. We will accommodate up to 2 rounds of amends to ensure that Please allow up to 48 hours for you everything works perfectly. creatives to be trafficked. Please allow up to 24 hours for each round of feedback from us.

23 Shazam Brand Takeover Contacts 23 Contacts.

24 Shazam Brand Takeover Contacts Advertising & Creative 24 Your Account Management/Client Services contact SHAZAM US Anna Nguyen Sr. Director of Account Management, Ad Sales SHAZAM INTERNATIONAL Hollie Parlour Director of Client Services, Ad Sales Copyright Shazam Entertainment Limited 2002 to present. All rights reserved.