Assignment

Animated Ad / Banner Campaign
This project consists of creating three animated ads or banners that would be integrated in a campaign. The ads can be for a for a movie, band or videogame. You can choose any existing company or movie, but make sure that the design of the animation fits the company’s design style. You can create your artwork in Flash, Photoshop or Illustrator. You will use ActionScript to make them come to life.

Be creative but keep in mind your limitations. Focus on your concept first, and spend some time planning any interaction or animation. What makes an ad attractive, is usually the creative concept behind it. Also, define a very clear objective for the ad, to keep your message consistent. This project will be divided in two phases.

Banner I – Simple Banner
Your first ad/banner, will be a simple animated ad.

Specs:
• the animation should not exceed 20 seconds. It can repeat twice, but it needs to stop
• your swf file size should not exceed 40k
• your banner/ad needs to be one of these common sizes:
728 x 90 (banner); 300 x 250; 160 x 600 (skyscraper)
• the animation will be published and embedded into an HTML page using swfObject
• you will need to provide a fall back jpg or png for the banner. This will represent you final frame in the Flash animation It will included in your HTML page
• you must embed your banner on an existing web site (or simulated one)
•  the animation will be published and embedded into an HTML page using swfObject
• your ad will have two buttons: to link to the website and to replay the animation

Banner II – Rich Media Ad
The second ad will be Rich Media, including animation, expansion, interaction, multi panels, and possibly media, like video or sound. Be creative but keep in mind your limitations. DO NOT IGNORE the specs.
• It needs to be an expandable ad, meaning it starts small, and expands when clicked or moused over. The expansion and contraction methods must match. The ad must include multiple clickable panels, (external swf) three or four, that would load external swfs.

Specs:
• the animation should not exceed 15 seconds. It can repeat as many times as you want, but needs to stop within the allowed time.
• your initial swf file size should not exceed 40k. Any additional swf can’t be bigger than 60k each
• your banner/ads need to be one of these common sizes:
728 x 90 (728 x 315); 300 x 250 (560 x 300); 160 x 600 (460 x 600)
• you will need to provide a fall back jpg or png for the ads. This will represent you final frame in the Flash animation and it will link to your site. It will be included in your HTML page. The file size is 40k or less.
• if you include video or audio, it must be user initiated. Video files can’t be more than 2.2 MB and can’t be more that 30 seconds long. No YouTube videos. Sound MUST stop if the panel is closed, and it can’t be longer than 30 seconds.
• a close button is required.
• ads without a border MUST have a high contrast background color that does not mimic the color of the page it is on.
• hot spot should be no more than 25% of the entire ad.
(above specs based on Yahoo specs)
• you will need a functioning Replay button for the animation and a button that links to the site
• the animation will be published and embedded into an HTML page using swfObject
• you must embed your banners on an existing web site (or simulated one) to add realism to your presentation. They can both be on the same page, and they can even link with “Synch Ad technology”.
• you can add any other interaction and features you like and as long as they are appropriate and within specs.

Banner III– Rich Media Mobile Ad
The third ad will be a Rich Media, including animation, expansion, interaction or multi panels, and possibly media, like video or sound but specifically designed for a mobile device. Be creative but keep in mind your limitations. DO NOT IGNORE the specs. You can be as creative as you like, and you can take advantage of mobile features like gesture and accelerometer if you like.

Specs:
• the animation should not exceed 15 seconds. It can repeat as many times as you want, but needs to stop within the allowed time.
• your initial swf file size should not exceed 30k. Any additional swf can’t be bigger than 50k each
• your banner/ads need to be one of these common sizes: 300 x 250 (560 x 300); 160 x 600 (460 x 600). You can also design your ad to fill the full screen
• if you include video or audio, it must be user initiated. Video files can’t be more than 2.2 MB and can’t be more that 30 seconds long. No YouTube videos. Sound MUST stop if the panel is closed, and it can’t be longer than 30 seconds.
• a close button is required.
• ads without a border MUST have a high contrast background color that does not mimic the color of the page it is on.
• hot spot should be no more than 25% of the entire ad.
• you will need a functioning Replay button for the animation and a button that links to the site
• the animation will be published as AIR for Android. You will turn in your .apk file
• I will load your ad on the class’s tablet and we will view it from there
• you can add any other interaction and features you like and as long as they are appropriate and within specs.

Paperwork
• You must submit a proposal to the client, (me) for the whole campaign.
• You will also turn in 3 different computer made design concepts/storyboards for the whole campaign before development begins.
• Upon completion of the project, you will turn in an accurate invoice.

NOTE: all paperwork is required to be presented in a professional manner, on your own stationery. You will be graded on the content as well the presentation of your paperwork.

Presentation:
You must present your project on the teacher’s station and on the class’s tablet. Make sure to check your work on both platforms. You must present the ads embedded in a mock site. Prepare for your presentation: you will need to explain to me and the class, who was the client, what was its goals for the ad, what was your design concept, how you executed and why you think it was successful and appropriate for your client.

To turn in: (due at beginning of class)
No later than April 9, 2013: Proposal and design concepts.
No later than April 16, 2013: Turn in your first banner files to the appropriate folder on the teacher’s machine. Create a new folder, with your name on it, and include both your .fla and your html and .swf file.
No later than April 26, 2013: Turn in your second banner files to the appropriate folder on the teacher’s machine. Include both your .fla and your html and .swf file.
May 6, 2013: Final invoice.
May 6, 2013: Turn in your third banner to the appropriate folder on the teacher’s machine. You will present to the class your whole campaign.