1

Account ManagersCommercial Design

BIBLE

V1.0

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 2

3. KEY CONTACTS

4. SALES CONTACTS

5. DIFFERENT PAGE FORMATS

7. AD PLACEMENTS

10. CREATIVE GUIDELINES

11. DESIGN PROCESS FOR ENHANCED PAGES & MICROSITES

12. DESIGN BRIEFING 13. ENHANCED ARTICLE PAGE PROCESS 17. MICROSITE PROCESS

20. COMMERCIAL EDITORIAL

22. ONLINE JARGON

CONTENTS

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 3

Design Team

Francis HemingwayHead of Commercial and Digital Design

Alice RousselProject Manager - Commercial Design, Digital

Pedro RamosInteractive Designer

Jessica LourencoDigital Designer

Nick ElleraySenior Developer

Davina TirvengadumCommercial Web Developer

Commercial Editorial Contacts

Hannah DaviesCapital/Xtra/Classic/LBC

Mike JonesHeart/XFM/Smooth

London Online Traffi c/Ad Ops

Laura VileAd Ops Manager

Lucy GeorgeAd Ops Exec

Omar AmathAd Ops Exec

KEY CONTACTS

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 4

SALES CONTACTS

Tony McAllisterHead of Digital Integration

Matt MorrisDigital Strategic Partnership Manager

Laura VileAd Ops/Mobile Manager

Paul CarterDigital Content Manager - OMD, Zenith, Starcom

Angela McCarthyDigital Content Manager - Group M

Tommy CattellDigital Content Manager - Group M

Lucy BuckleyDigital Content Manager - Aegis

Madi Newman-CurryDigital Content Manager - PHD, MGOMD

Emily CowlingDigital Partnership Manager

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 5

DIFFERENT PAGE FORMATS

H PAGE ONLINE SECTIONAL

Key Features

• Built by Commercial Editorial

• Templated design

• 1 Editorial-led image

• Client logo

• Standard ads surrounding page plus billboard and a back-ground skin

• Competition element can be included - much quicker than building an enhanced page

Key Features

• Content built by Commercial Editorial

• Dedicated client landing page to include links to additional article pages

• Article pages can include vid-eo content and image galleries

• Standard ads plus billboard and a background skin surrounding the sectional and linked article pages page

• Ads designed by commercial design

• Option to drag in relevant site content

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 6

DIFFERENT PAGE FORMATS

ENHANCED ARTICLE PAGE MICROSITE HUB

Key Features

• Built by design team - they must be fully briefed

• Commercial Editorial write copy

• Incorporates client’s look and feel and uses assets more creatively

• Can house videos, games, competition

• Content generally sits on just one page

• Please note, there is a minimum turnaround time of 10 days once design have been briefed.

Key Features

• Built by design team - they must be fully briefed

• Commercial Editorial write copy

• Incorporates client’s look and feel and uses assets more creatively

• Can house videos, games, competition, client information, video/photo galleries

• Content generally sits on just more than one page with a sub-navigation

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 7

AD PLACEMENTS

Wallpaper/skin

Skyscraper120x600

Leaderboard728x90

Billboard980x250

MPU300x250

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 8

AD PLACEMENTS - MOBILE

Launch Screen Video Pre Roll Banner Expandable Banner

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 9

AD PLACEMENTS - RADIO PLAYER

BannerGlobal Player:

Launch Screen with Video Pre roll Background360 x 518

MPU 300 x 250

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 0

CREATIVE GUIDELINES

Please remember to check availability for the following with London Online Traffi c:

HPTO

Players

ROS impressions

VOD

Guidelines can be found on the right hand side of the Global design pages here: TBC - will be on the new intranet

Please refer agencies/clients to these documents whenever they are supplying us with ads or creative assets.

It details when we need creatives, what formats they need to be, the maximum fi le size and more.

Check Homepage Pod availability with Commercial Editorial

Check Mobile Availability with Laura Vile

Check CRM Availability with Zoe Gallagher

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 1

DESIGN PROCESS FOR ENHANCED PAGES & MICROSITES

Initial timeline scoping - planning

IMP + brief Amends + sign off Building + testing Delivery

AM briefs PM & Designer PM & Designer discuss PM briefs developerHandover to AM for fi nal client review

S C O P E B R I E F D E S I G N B U I L D G O L I V E

Ads Responsibilities

Account Manager

• Brief Design on ads required• Supply assets & copy per frame• Get approval from client• Send to traffi c

Design

• Make sure the ads are the correct specifi cations

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 2

DESIGN BRIEFING

Deadlines:

Always give the design project manager a heads up as to what you are working on, letting her know if you think something may book a couple of days before it goes ahead.

You must book in an enhanced article page, 10 working days before live date (5 days for build and 5 days for design)

You must book in a microsite at least 3 weeks before the live date and all assets must be with design before they start work. (5 working days minimum for design, 10 days for build)

Pre-briefi ng:

Ask the client for a rough idea of the what weighting they want between brand and client - 50/50 or 60/40 etc. The bigger and the more assets they have the better.If the client has something in mind, let your designer know before design work startsSpeak to the design team before idea is pitched - it’s a good idea to involve them in the pitching process - after all, they’re very creative!

Briefi ng:

Always have a sit down briefi ng session with the design project manager to discuss what’s been sold skins/side panels, players, online ads - Make sure you have the following info to send on to design: Creative guidelines/Style guidelines, Colour palettes, Fonts, High-res logos and other associated images, write/check with client what copy is required on the ads.

Design phase:

2 rounds of amends - make sure the client is aware of this!

Please direct all enquiries, feedback, amends and changes to the design project manager, not the other members of the team - when they are replying to emails they are not working on your sites!

Mock Ups:

For Mock Ups please speak with Jim Wakefi eld, he should have been involved at the brainstorm stage so is the best design contact to be able to do this. If not contact Francis Hemingway

Commercial and paid-for work always takes priority over brand designs and mock-ups.There are lots of cool tools and widgets you can add into an enhanced article page or microsite like:

video/image uploader toolsgalleriesinteractive mapsgamestwitter feeds

It’s always a great idea to speak to design about your ideas so they can see how to enhance them, extra’s always make a page or microsite that little bit better, however please keep in mind these do take time and design need to know about them before the build begins.

Design work through an average of 6 projects per week and not just commercial work either! They are always busy

and so it helps them out massively if you can stick to the following guidelines:

For design imps, guidelines, and examples, and

the new briefi ng form head to the design hub

on the intranet

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 3

ENHANCED ARTICLE PAGE PROCESS

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 4

ENHANCED ARTICLE PAGE PROCESS - STEP 1

• Check with Commercial Editorial that there is homepage space for the dates you require.

• Request key messages, client info, high-res logos, high-res related images, colour palettes, brand guidelines etc from the agency.

• Ask for a rough idea of what weighting they want between our brand and theirs - 50/50 or 60/40 etc - if the client has something specifi c in mind, let your designer know before design work starts.

• Brief design - fi ll in the Design Imp Form (which can be found in the folder: LeicesterSquare-Commercial/INTERACTIVE/Interactive Processes/Imp Forms and send through the assets with the form to the design project manager. If no assets, send brief to the design project manager explaining they will come separately.

• Brief Commercial Editorial on the copy using the standard imp form (LeicesterSquare-Commercial/INTERACTIVE/Interactive Processes/Imp Forms), making sure to fi ll in every online-specifi c fi eld, including T&Cs!

Have you gathered all required assets and key messages

Have all fi elds been fi lled with enough information

Have you added copy for the Ads

IMP CHECKLIST

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 5

ENHANCED ARTICLE PAGE PROCESS - STEP 2

• Send copy from Commercial Editorial to the client, making them aware there are 2 rounds of amends for the copy.

• Once a design has been created, send it off for client amends - make them aware there are 2 rounds of amends only for the design.

• Gain an understanding of the requested amends and don’t simply forward on the email from the agency to the editor and the design project manager.

• Once you have a design approved let the design project manager know so they can be sure to start build. Remember they need at least 5 working days for build so please stick to the pre agreed approval date.

• Once you have approved copy, send to design to put into site at the build stage. Send the live link to the client and ask for fi nal amends to the copy. Once the site is built copy tweaks are the ONLY changes that can be made.

• Once the page has been signed off, send the URL to Commercial Editorial so they can set up the homepage/win page pod and schedule it.

• Once the page is signed off and live, go through the checklist below:

Check your client opt-in is present

Take screengrabs of the enhanced article page and homepage/win page presence.

Check the T&Cs are online.

Check you have the Homepage/Win Page presence that has been paid for.

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 6

ENHANCED ARTICLE PAGE PROCESS - POST CAMPAIGN

• Request competition entries from from commercial editorial (Mike and Hannah)

• If you require page stats (page impressions, dwell times etc), fi ll in stats request form (LeicesterSquare-Commercial/INTERACTIVE/Interactive Processes/Stats Request Forms) and send to, ensuring every fi eld has been completed

• Turnaroud time for page stats - 24hrs minimum.

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 7

MICROSITE PROCESS

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 8

MICROSITE PROCESS - PREBOOKING

• Check with Commercial Editorial that there is homepage space for the dates you require.

• Request key messages, client info, high-res logos, high-res related images, colour palettes, brand guidelines etc from the agency.

• Ask for a rough idea of what weighting they want between our brand and theirs - 50/50 or 60/40 etc - if the client has something specifi c in mind, let your designer know before design work starts.

• Brief design - fi ll in the Design Imp Form (which can be found in the folder: LeicesterSquare-Commercial/INTERACTIVE/Interactive Processes/Imp Forms and send through the assets with the form to the design project manager. If no assets, send brief to the design project manager explaining they will come separately.

• Brief Commercial Editorial on the copy using the standard imp form (LeicesterSquare-Commercial/INTERACTIVE/Interactive Processes/Imp Forms), making sure to fi ll in every online-specifi c fi eld, including T&Cs!

Have you gathered all required assets and key messages

Have all fi elds been fi lled with enough information

Have you added copy for the Ads

IMP CHECKLIST

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 1 9

MICROSITE PROCESS - POST BOOKING

• Request client assets as per design and Commercial Editorial’s request - normally logos, brand guidelines, key messages, colour palette, fonts and click-through URLs, related websites etc

• Create folder in client fi les and start saving everything in there

• Label all the assets clearly, and put them in specifi c folders, i.e. Homepage images, Win page images, client logos etc.

• Brief Commercial Editorial to write the copy by fi lling in the S&P imp form(LeicesterSquare-Commercial/INTERACTIVE/Interactive Processes/Imp Forms) - explain in detail what is required and send them the site plan too.

• Brief design - fi ll in the briefi ng form (which can be found in the folder: LeicesterSquare-Commercial/INTERACTIVE/Interactive Processes/Imp Forms) and send to the design project manager, attaching any assets and the site plan. If no assets, send brief to the design project manager explaining they will come separately.

• Once feedback has come through, make sure you understand the amends and relate them clearly to design, don’t just forward on the email - if you don’t understand them it’s unlikely the design team will either!

• Send on the design for feedback/sign off, relating any amends to the design project manager clearly and in as few emails as possible!

• Once Commercial Editorial have sent through the copy for the site in a word document format, this can be sent on to the client for feedback/sign off.

• Follow the usual copy process - 2 rounds of amends etc.

• Once the copy has been signed off, send the fi nal version to the design project manager to be added into the site.

• Always remember to confi rm with the design project manager once a design has been approved so they can start development work. Remember they need at least 10 working days for the build of a microsite.

• Design will then start building the site and will give you a URL to send to the client so they can see the working site with the copy in there.

• Send the URL on to the client. At this stage they can only correct any copy mistakes and change certain URLs. No other amends will be allowed at this stage.

• When it’s been signed off, commercial editorial will need the link in order to set up homepage/win page pods.

• Once it is live, ensure you go through the following checklist:

Check your client opt-in is present

Take screengrabs of the enhanced article page and homepage/win pg presence.

Check the T&Cs are online.

Check you have the Homepage/Win Page presence that has been paid for.

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 2 0

COMMERCIAL EDITORIAL

COMMERCIAL EDITORIAL DO NOT WRITE T&CS!They put up exactly what is on the Imp form - so it is up to YOU to write them and check them, double check them and TRIPLE CHECK THEM

And if any changes are made or the T&Cs are updated, send them to Comm Programming & Comm Ed to update online.

Briefi ng:

• Comm Ed require as much notice as possible for putting pages together – please send an imp to the relevant Commercial programmer at least 3 days before the live date.

• Inform Commercial Programming & Comm Ed ASAP if a campaign is pulled or if the dates are changed so they can amend their schedules.

• Make sure you fi ll in all the ‘online specifi c’ fi elds in the imp form, including where to fi nd images and the live dates.

Images:

• Commercial Editorial cannot use images with text, e.g. Movie posters, as main images. Images will inevitably have to be re-sized resulting in the text on that image being cut or made too small to read. This makes the image as well as the page look messy and has a negative effect on traffi c to the page.

• The main image should ideally be editorially led and something that refl ects the prize (however we can use alternatives from stock if the client provides something unsuitable).

• Jpeg’s are preferred.

• Client logos are NEVER to be used as a main image or on the homepage.

Amends:

• 2 rounds of amends - make sure Clients are aware of this.

• Please gain an understanding of the requested amends rather than simply forwarding on an email from the client and refrain from forwarding emails from a client to Comm Ed which say ‘make the changes we discussed on the phone’…

• Obviously comm ed won’t know what they are! This will save lots of unnecessary back and forth...

• Once the page is signed off it isn’t ideal to make further amends.

Please note:

Everything Comm Ed do, including any amends they make or amends from the client which are rejected, is always in the client’s interest – they are not being precious or awkward for the sake of it, but trying to maximise traffi c to the page/entry numbers/opt-ins etc in ways that are on-brand and most effective for our users.

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 2 1

EDITORIAL EXAMPLE

Megapod - big competitions can possibly go here, but you must speak to the site editor first and NEVER assume or tell the client they can have this spot.

Win - Networked competitions go here, depending on availability and prize. Can be subject to change due to Heart editors.

Go and look at the sites, familiarise yourselves with

where the promos sit

T H E A C C O U N T M A N A G E R S C O M M E R C I A L D E S I G N B I B L E - G L O B A L R A D I O 2 0 1 5 | 2 2

ONLINE JARGON

CACHE CLEARING - IF YOU CAN’T SEE YOUR DESIGN AMENDS ON A DESIGN LINK/LIVE SITE CLEAR YOUR CACHE AND REFRESH THE PAGE.

Ad Impressions - The measure of how many times an ad is exposed to users on a website. Ad impressions will be higher than page im-pressions - with 3 ads on a page, there will be 1 page impression but 3 ad impressions.

Ad-tech - the system traffi c use to serve the ads on all our websites.

Page Impression/Page Visit - The exact number of times a specifi c page has been viewed by a user.

Unique User - each individual user to a website, who will be counted as one, irrespective of the number of times he/she may visit the site.

Pixel - A pixel is one of the many tiny dots that make up a digital image. The color and intensity of each pixel represents a tiny area of the complete image.

Megabyte (MB) - A measure, representing 1,000,000 bytes generally used to express the size of digital components/fi les.

Swf fi le/fl ash fi le - Contains animated content for a web page, for us this will be in the form of banners, leaders, MPUs or skysrapers. To see Flash content, you must have a Flash player installed on your computer.

Backup-Gif - Not all Internet users can see Flash banner ads. This can be because they have not installed the Flash plugin or they are using an old version. This is usually a small percentage of Internet users, but still large enough that an alternative ad should be served in case they cannot view Flash. Backup-GIFs are either a static ver-sion of the banner ad or an entirely GIF animated banner ad. When traffi c upload fl ash creatives into the ad server they always put a back-up gif in too for situations like this.

Site map - An overview of the pages within a website. Site maps of smaller sites may include every page of the website, while site maps of larger sites often only include pages for major categories and subcategories of the website.

User Journey - a method for conceptualising and structuring a web-site’s content and functionality.

Dwell time - The amount of time that a viewer normally spends on a website/webpage.

Frequency Cap/Capping - Restriction on the amount of times a specifi c visitor is shown a particular advertisement, e.g. 2 per day.

Click Through Rate (CTR) - Click-through rate is the percentage of users who click on an advertising link out of the total number of peo-ple who see it, i.e. four click-throughs out of ten views is a 40% CTR.

Click Outs – similar to a click through a link on a website that takes you to a different page or website – can be measured as to how many people have clicked out to a different website from a certain page.

Enhanced article page - this generally refers to a 1-page microsite built by our design team which takes longer to create than a stand-ard article page and will have things like embedded videos, images/gallery and extra functionality.

HPTO - Homepage takeovers are the ownership of a website’s home-page for a certain length of time. That advertiser will own all the ad placements on the page, eg Leaderboard, MPU and Skyscraper, plus background skin too. Always check availability for HPTO’s with traffi c before confi rming/booking.

ROS - short for Run Of Site - a type of online ad buying campaign where the ad can appear on any page within the website.

Homepage Reskin - this is the same as a HPTO but side panels/back-ground skin is incorporated too.

Click-through URL - When users click on a banner or text link, the click-through URL is the new destination to which they are directed.

CRM - Customer Relationship Management - the emails we send out to our online VIP subscribers.

HTML - Short for HyperText Markup Language, the authoring language used to create documents on the internet. HTML defi nes the structure and layout of a web document by using a variety of tags and attributes

Gusto - the in-house editorial system for Capital, Classic, Heart and Choice used by website editors and commercial editorial.

Omniture - used by traffi c to get stats for ad campaigns and web-sites.

Fivia - the booking system for online campaigns.

Ad tags - Ad tags are HTML or JavaScript code that you can place within your site in order to display ads. Ad tags contain information about your site and the types of ad units that you’re displaying on it.

3rd party tracking - this is when agencies/clients track their own ads and can determine how many impressions we have served and how many clicks there have been on their ads. We will receive specifi c tags that traffi c will use for these ads.