4oD homepage takeover guidelines. Terminology PAGESKIN An ad which wraps around the Channel4 content and remains visible for the entire page duration.

Slides:



Advertisements
Similar presentations
Getting Started with your Course Staff Guide. Turn Editing On Click either the link or the button as below:
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.
Cascading Style Sheets
New Semantic Elements (Part 2)
Channel3000 Advertising Capabilities Leaderboard Dimensions: 728x90 Placement: Top of Page Formats:.jpg,.gif,.swf Functionality: Rotates upon refresh.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
This menu appears at the top of the page in the header tag. The typography and colour scheme is simplistic so that the site is easy to read and navigate.
Honeywell Guidelines for PowerPoint®
Xbox Ad Specs ItemLocationSizeFormatMax File SizeAdditional info Games, Music & Kinect Sub-Hub Static Banner: Tile that appears on the dashboard Xbox Live263.
Online Advertising Specification Contact Ad Operations Ben Hadaway (Head of Ad Operations)
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
4.01 Cascading Style Sheets
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
Display Advertising. Channel5.com Ad formats Leaderboard728x90 MPU300x250 Expandable Leaderboard 728x90 (start) 728x315 (maximum expansion) Expandable.
Creative is required ten working days before campaign start date.
Creative Specifications. Creative specifications Display advertising Maximum file size 30KB jpeg, gif, swf and third party tags accepted Backup gif to.
BY: SAVEY CATHEY BEST MARKETING DESIGN PRACTICES: HOW TO.
5FWD Display Ad Specs fwd.channel5.com. Channel5.com Display ads summary Ad-formats not currently available - Overlays - Pushdown Superheader - Firefly.
Channel 5 Display Ad Specs channel5.com. Channel5.com Display ads summary Ad-formats not currently available Channel 5 - Overlays - Firefly formats -
Channel 5.com Display Ad Specs. Channel5.com Display ads summary Ad-formats not currently available - Overlays - Firefly formats 2Contents 3Creative Specifications.
Creating a MagicInfo Pro Screen Template
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
Tutorial 4: Using CSS for Page Layout. 2 Objectives Session 4.1 Explore CSS layout Compare types of floating layouts Examine code for CSS layouts View.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Eyeblaster Video Enhancements for RMP 6.1. Agenda Video Enhancements Goals Main features and Creative Process Flash Video Components Bandwidth Optimization.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Adding Content to the Agency Web Site - Part 2. Adding individual web pages for success stories Agency Web Site Adding Content 2, Slide 2Copyright © 2004,
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
Micro sites Basic training guide. Welcome to your Micro site. Here you can create your own personal page within the Countrywide website. When you first.
InteractiveMedia’s Imagine Software Platform When user clicks on the Imagine desktop icon or installed app. This is the first thing the user will see full.
Display Ad Specs. Creative specifications Maximum file size 40KB jpeg, gif, swf files accepted Rich media, third-party tags accepted Backup gif to be.
News International Online Ad Operations traffic team: or Online Advertising Creative.
Nickelodeon – Blogs User Guide. 1. Introduction The admin tool allows you to create and publish blog posts easily and efficiently along with managing.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
Enjoy-a-Ball Franchisee Basic training guide. Welcome to your Enjoy-a-Ball Micro site. Here you can create your own personal page within the Enjoy-a-Ball.
Chapter 8 HTML Frames. 2 Principles of Web Design Chapter 8 Objectives Understand the benefits and drawbacks of frames Understand and use frames syntax.
Introducing the. The Hover Ad is the next generation in Rich Media, only available through Internet Broadcasting. This ad is designed to give local advertisers.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Honeywell Guidelines for PowerPoint ® Honeywell PowerPoint ® Template October 2014.
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
Quick Introduction to creating Eyeblaster ads.  Steps for creating an Eyeblaster ad  Building Eyeblaster compatible flash assets  Adding Eyeblaster.
Creating Google Sites Laura Assem, Director of Technology.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Photo Story. How to use Photo Story Photo Story 3 can be located in the Accessories folder on school computers. You will need to have your pictures already.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
Web Site Development - Process of planning and creating a website.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
Nesting and Floating. Nesting and Floating Elements To make our page content appear the way we want, and to make the best use of screen space, we can.
Hire Flash Web Designer. Flash Web Designing  Flash is the most powerful software to build slideshows in interactive.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Tutorial 3 Creating Animations.
Animation Part I: Interactive Multimedia Authoring with Flash
Technical Specifications - Fireplace
WIKIA 3rd Party Rich Media Units
Composition.
Project Objectives Lay out Web pages Create layers
Basic Knowledge of Web creation
Introduction to SPARC Core Upgrade
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
Ad Formats Overview skymedia. co
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Presentation transcript:

4oD homepage takeover guidelines

Terminology PAGESKIN An ad which wraps around the Channel4 content and remains visible for the entire page duration. This is comparable to traditional home page take- overs.. From the PAGESKIN users then have the following two choices TRADITIONAL CLICK TO SITE When the PAGESKIN product is clicked the user is taken away from their current page to the advertiser’s website in a new window. No return method is provided. This ad solution requires no additional expandable builds. EXPANDABLE MICRO-SITE When an PAGESKIN product is clicked a modal window is opened over the user’s current page. This will display a bespoke flash micro site constructed from supplied assets. The contents of this micro site will vary dependant on the campaign. It can contain anything flash can regularly handle including the dynamic loading of external assets, with only slight restrictions and within our provided framework. This option requires a full flash build.

Background PAGESKIN The background PAGESKIN, as shown in red on the mock up to the side, this should be clearly labeled as an advertisement or carry the advertisers logo to differentiate it from the 4 brand The advertiser also has use of the leader and mpu highlighted in blue although this is separate to the Pageskin and will need to be supplied to C4 Advertisers will have no control of the content in the area in grey When the user clicks on the red area they can either click through to the advertiser site directly (TRADITIONAL CLICK TO SITE) or a EXPANDABLE MICRO-SITE will open

Internal Content –1000px X n Header & Footer Height – 90px each Side Frames – 130 px width Safe margin additional space is revealed on smaller websites (can contain non critical design elements) Side Areas can be constructed as floating movie clips, these can then scroll down the sides to remain in the users eye line. Each frame (left side frame, right side frame, Header and Footer) should be built as different MovieClips inside an unique FLA file

EXPANDABLE MICRO-SITE If the advertiser chooses the expandable micro-site option, when clicked on the content and PAGESKIN will be covered by a black tint block out (75% black). The expandable micro-site size is 980 and 800 pixels. Aspect ratio of 16x9 which is perfect for playing video. It will also sit above the fold and centred on the page. The expandable micro-site must have a close button that is clear to all users. By clicking on the close button the expandable micro-site will close immediately directing users back to the 4oD homepage. All creative is subject to Channel 4 approval

Creative assets Please provide as many of the creative assets listed below as possible/applicable: Corporate & or advert specific fonts and provided, ISM can provide written guarantees that the fonts will not be used in any other project (excluding public domain fonts). Vector or High resolution company/brand logos (.ai,.eps,.png, jpeg, svg) Any high resolution press shots or assets to using in the current advertising campaign. Layered PSD or Illustrator files Any flash assets which are currently being utilised on the Advertisers website/micro-site that could be integrated into an InSkin product or InSkin expandable micro-site. Please provide source FLA’s Video files (avi, mpg, flv, f4v, mov). Please note, avi/mpg/mov files will be converted into flash. Tag lines or specific copy for the advert. Any legal copy that needs to be incorporated. Tracking requirements Please do not send Standalone.SWF files, these cant be edited or used as asset files PDFs should only be last resort Assets are required in order to build the campaign creative. ISM understands that in some cases advertisers will not have a complete set of assets. In this scenario the ISM Design team may be required to produce concepts from scratch which will incur additional lead time and should be planned for accordingly

Brief Please complete the online briefing doc here Timelines For simple click to site takeovers with small animated elements 10 working days from receipt of assets and brief For more complex animation 15 working days from receipt of assets and brief For games or bespoke creative please provide details to allow us to create bespoke timelines Timelines and briefs