Tag Archives: Banners

Planes . Anatomy of a Disney Film Campaign

BRIEF

Fashion several ad units using the key art from Planes; including Flash Countdown.

Category = Graphic Design / Layout / Advertising


 

[columns indent=”25″ bottom=”25″]
[column]

CLIENT

Fandango and Disney

[/column]
[column]

PROJECT TITLE

Planes

[/column]
[column]

DESCRIPTION

Web + Mobile Ad Campaign

[/column]
[/columns]
[columns indent=”25″ bottom=”25″][column]

ROLES

[list style=”unordered” type=”type18″]
GRAPHIC DESIGNER
FLASH PROGRAMMER
VIDEO EDITOR
[/list]
[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
AFTER EFFECTS
CELTRA 3.0
FLASH
PHOTOSHOP
QUICKTIME PRO
ILLUSTRATOR[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Planes
[/list][/column][/columns]

SOLUTION

FLASH COUNTDOWN

The file’s animation may have completed before you scrolled down this far. If so, refresh page to see it.

Fun Facts

[list style=”unordered” type=”type7″]
Disney responded well to this unit, even asking if I could animate the propeller, which I did using a repeated triangle shape that was blurred under a mask.
Flash is such a great medium, but the hardest part is figuring out how to keep file sizes (aka “K weight”) small.
[/list]

IPAD EXPAND UNIT

How They Look:

How They Work:

Fun Facts

[list style=”unordered” type=”type7″]
I designed these using Adobe Master Suite, then broke them into smaller parts (buttons, background, video inset, etc.), and programmed their functionality using Celtra 3.0. They were then trafficked in-house by our Ad Operations team.
Interestingly, Fandango only currently sells iPad ad units. No other tablets get our ad dollars.
We produce multiples of all these types of units with differing date messaging, like “In Theaters Friday” and “Now Playing”.[/list]

MOBILE PRESTITIAL

Fun Facts

[list style=”unordered” type=”type7″]
I designed these units in three sizes for Fandango’s three supported mobile platforms (iOS, Android and Mobile Web); then programmed them using Celtra 3.0.
These units take over the mobile screen for a few seconds, then disappear. We do a lot of them.
You can find more of my prestitial examples here.
[/list]

Share

Ad Campaign . Orange Julius

BRIEF

Create an Orange Julius ad campaign for Dairy Queen, on Fandango.

Category = Art Direction / Campaign


 

[columns indent=”25″ bottom=”25″]
[column]

CLIENT

Fandango and Dairy Queen

[/column]
[column]

PROJECT TITLE

Dairy Queen / Orange Julius Smoothie Shop

[/column]
[column]

DESCRIPTION

Website and Mobile Ad Units

[/column]
[/columns]
[columns indent=”25″ bottom=”25″][column]

ROLES

[list style=”unordered” type=”type18″]
ART DIRECTOR
GRAPHIC DESIGNER
MOBILE PROGRAMMER
[/list]
[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
CELTRA 2.0
PHOTOSHOP
ILLUSTRATOR
INDD[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Fandango
[/list][/column][/columns]

SOLUTION

SKIN AND IN-SITE RESTAURANT LOCATOR

Fun Facts

[list style=”unordered” type=”type7″]
Normally clients provide all the art direction for a campaign. This was an unusual situation wherein I was involved from conception to pitch to execution. I grabbed nearly all content from the Orange Julius website, and arranged it.
The skin’s duplication of the hero graphics on either side was against my suggestion. That doesn’t make it wrong.
The restaurant locator embedded in the site was an in-house first. I was honored to be able to design the look and feel. See below for TAB A and TAB B.[/list]

MOBILE BANNER-EXPAND RESTAURANT LOCATOR

Fun Facts

[list style=”unordered” type=”type7″]
This may be one of my favorite projects from the standpoint of crafting both the form and function of this banner-expand ad unit.
This, too, was a Fandango in-house first. I had the distinct pleasure of working hand-in-hand with Fandango’s AdOps Department to design, program and implement this campaign using Celtra 2.0.
The falling locators design for the Loading Page (shown here in the middle) turned out to be a lucky discovery… as this graphic approach translates well across all clients.[/list]

Share

CoBrand Site Skin . Gillette . Man of Steel

BRIEF

Create a cobranded skin with integrated leader board for Gillette’s Man of Steel campaign on Fandango.

Category = Graphic Design / Layout / Advertising


 

[columns indent=”25″ bottom=”25″]
[column]

CLIENT

Fandango

[/column]
[column]

PROJECT TITLE

Gillette – Man of Steel CoBranded Site Skin

[/column]
[column]

DESCRIPTION

Website Advertisements

[/column]
[/columns]
[columns indent=”25″ bottom=”25″][column]

ROLES

[list style=”unordered” type=”type18″]
GRAPHIC DESIGNER
[/list]
[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
How Does He Shave?
Fandango
[/list][/column][/columns]

SOLUTION

SKIN

Fun Facts

[list style=”unordered” type=”type7″]
First… for those who may not understand the term, “skin”; it is the part of the website that extends out from underneath the main site… usually up above and to the right and left of the content. In the above example, the Fandango site, with Summer of Action theme (not mine), is the content in the boxed center. The outsides of that are the “skin”.
Surprisingly, I had a lot to do with this design. Given various images, I was tasked in the 11th hour to produce a cobranded skin, along with additional ad units, for this unusual-but-fun campaign.
What is a cobrand, you ask? It is when two advertisers share the message. In this case, Gillette and the film, “Man of Steel” joined forces with a “How Does He Shave?” campaign that drove users to a mutually-created How Does He Shave? landing site.
I masked Superman from the sky in the original photo, and placed him over this texture, drawing in stark shadows for the cape and razor. I think the razor is too big, but most folks I spoke with were fine with it. I am happy with the button I created, an homage to the S glyph.
This comprehensive blanket campaign reached into every media known to man (steely, or otherwise). Here are the accompanying ad units I produced:[/list]

Share

Prestitials for Mobile

BRIEF

Create interactive mobile media pages for Fandango’s iPhone, Android and Mobile Web apps.

Category = Advertising / Digital


 

[columns indent=”25″ bottom=”25″]
[column]

CLIENT

Fandango’s Movie Studio Advertisers

[/column]
[column]

PROJECT TITLE

Multiple Film Titles

[/column]
[column]

DESCRIPTION

Prestitial Takeovers

[/column]
[/columns]
[columns indent=”25″ bottom=”25″][column]

ROLES

[list style=”unordered” type=”type18″]
GRAPHIC DESIGNER[/list][/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR
CELTRA 3.0
GRAPHIC ELEMENTS
– From client[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Download the Fandango App![/list]
[/column][/columns]
[columns indent=”25″ bottom=”25″]
[column]

PROCESS

We get the layered files from the studio and, using their art, rearrange and add buttons to the units.

[/column][/columns]

SOLUTION

CATEGORY EXAMPLES

Fun Facts

[list style=”unordered” type=”type7″]
There is nothing more fun than getting to explore layered psd files from all the various studios we get to work with. Some are so impressive (hahaha, but not all).
These prestitials are usually one of several units in any studio’s campaign; other units might include iPad Expand units, skins and site ads.[/list]

Share

Hanging Banners . Visionaire Lighting

BRIEF

Create two-sided banners to hang from short lighting poles at trade shows.

Category = Graphic Design / Layout / Large Format


 

[columns indent=”25″ bottom=”25″]
[column]

CLIENT

Visionaire Lighting

[/column]
[column]

PROJECT TITLE

Lightfair Banners

[/column]
[column]

DESCRIPTION

Two-sided Hanging Banners

[/column]
[/columns]
[columns indent=”25″ bottom=”25″][column]

ROLES

[list style=”unordered” type=”type18″]
ART DIRECTOR
GRAPHIC DESIGNER
PHOTOGRAPHER[/list]
[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR
DIGITAL REBEL XTi
[/list]
[/column]
[column]

 

[list style=”unordered” type=”type7″]
[/list][/column][/columns]

SOLUTION

BANNER . SIDE A + SIDE B

SINGLE-SIDED BANNERS

Fun Facts

[list style=”unordered” type=”type7″]
The background LEDs are from one of my product shoots.
The textural black is a photo of one of the company’s sheets of finished metal — basically a large paint chip.
The upper logo is my freshened-up version of the lower, pre-existing one.
These banners made a pleasing backdrop when hung throughout the installation.[/list]

Share

Pop-up Banners . Visionaire Lighting

BRIEF

Create pop-up banners to serve as trade show backdrops.

Category = Graphic Design / Layout / Large Format


 

[columns indent=”25″ bottom=”25″]
[column]

CLIENT

Visionaire Lighting

[/column]
[column]

PROJECT TITLE

Lightfair Banners

[/column]
[column]

DESCRIPTION

Pop-up Banner Stands

[/column]
[/columns]
[columns indent=”25″ bottom=”25″][column]

ROLES

[list style=”unordered” type=”type18″]
ART DIRECTOR
GRAPHIC DESIGNER
PHOTOGRAPHER
[/list]
[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR
DIGITAL REBEL XTi
GRAPHIC ELEMENTS
(iStockphoto.com)
– Cityscapes[/list]
[/column]
[column]

 

[list style=”unordered” type=”type7″]
[/list][/column][/columns]

SOLUTION

POP-UP BANNER ART

Fun Fact

[list style=”unordered” type=”type7″]
Most product photography is mine.[/list]

POP-UP BANNER STANDS

Fun Fact

[list style=”unordered” type=”type7″]
This photo was taken by the vendor.[/list]

Share