Tag Archives: Smart Phone

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

Miller 64 . Top 64 Guy Movies of All Time

BRIEF

Create a Fandango-sponsored Facebook Landing Page for this Miller 64 sponsored movie contest.

Category = Marketing / Social Media


 

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

CLIENT

Miller 64

[/column]
[column]

PROJECT TITLE

Top 64 Guy Movies of All Time

[/column]
[column]

DESCRIPTION

Facebook Contest

[/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
FLASH
GRAPHIC ELEMENTS
– From client
[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Miller64 Facebook
Miller-64 Flash Unit[/list]
[/column][/columns]
[columns indent=”25″ bottom=”25″]
[column]

PROCESS

Riffed off of the Miller 64 logo.

[/column]
[column]

 

 .[/column]
[column]

 

 

[/column][/columns]

SOLUTION

DIGITAL LANDING PAGE

MATCHING FLASH COBRAND STORYBOARD (BELOW)

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″]
This was a successful contest; though, it was determined later that 64 contenders might have challenged the user more than necessary.
This promotion required an age gate.[/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

Love is a Bracket-field

BRIEF

Create a Facebook Landing Page for Fandango’s Valentine’s Day bracket-type movie contest.

Category = Marketing / Social Media


 

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

CLIENT

Fandango

[/column]
[column]

PROJECT TITLE

Love is a Bracket-field

[/column]
[column]

DESCRIPTION

Facebook Contest

[/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
GRAPHIC ELEMENTS
– From client[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Love is a Bracket-field Facebook
Janda Stylish Script
Title font[/list]
[/column][/columns]

PROCESS

Worked with Fandango’s marketing folks to produce this.
 

SOLUTION

DIGITAL LANDING PAGE

Fun Facts

[list style=”unordered” type=”type7″]
I was especially happy with the stylish-yet-whimsical font I found on www.DaFont.com for the titles. It is by Kimberly Geswain, and is called “Janda Stylish Script“.[/list]

Share