Tag Archives: Layout

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

CD . Shakey Pete and the Faultline

BRIEF

Produce a soulful CD package for a top-notch blues band.

Category = Graphic Design / Layout / Packaging


 

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

CLIENT

Shakey Pete and the Faultline

[/column]
[column]

PROJECT TITLE

Moovin & Groovin

[/column]
[column]

DESCRIPTION

CD Jewel Case + 4-Pg Booklet

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

ROLES

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

Tasked with creating concept and taking it through final production, including shooting the band.

Very cool, written content came from Shakey.

[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR
INDESIGN
CANON DIGITAL REBEL SLR
GRAPHIC ELEMENTS
(iStockphoto.com)
– Metal sign
– Textured background
[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Project PDF (1.62 mg)
www.ShakeyPete.com
[/list]
[/column][/columns]

SOLUTION

CD COVER . CD

Fun Fact

[list style=”unordered” type=”type7″]
No Lightroom was used to adjust this CD photo. The band was rippin’, so I was avoiding flash, and got this slow-shutter, low-ISO color effect. FYI, in the trade, this is technically referred to as a happy accident.
[/list]

INSIDE BOOKLET

Fun Facts

[list style=”unordered” type=”type7″]
The flame motif from the bass player’s 32 Ford Model A was repeated in the background using Illustrator.
The turn table arm is from Shakey’s player.
[/list]

BOOKLET BACK + JEWEL CASE BACK

Fun Fact

[list style=”unordered” type=”type7″]The lead singer, Peter Baldwin, is the person who commissioned this CD. Also known as “Shakey Pete,” he’s the kind of guy you love working for. ‘Course, someone who added a section to his cover art called “Performers Who Helped Me Evolve” just would have to be, wouldn’t he?[/list]

Share

Magazine Ad Series . Short . Visionaire Lighting

BRIEF

Create a series of monthly ads of various outdoor lighting products to appear in Landscape Architect & Specifier News magazine.

Category = Graphic Design / Layout / Advertising


 

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

CLIENT

Visionaire Lighting

[/column]
[column]

PROJECT TITLE

LEDs – Tall Series

[/column]
[column]

DESCRIPTION

Trade Magazine Advertisements

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

ROLES

[list style=”unordered” type=”type18″]
ART DIRECTOR
PHOTOGRAPHER
ILLUSTRATOR
WRITER
[/list]
[/column]
[column]

TOOLS

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

LINKS

[list style=”unordered” type=”type7″]
Landscape Architect & Specifier News
[/list][/column][/columns]

SOLUTION

ADVERTISEMENTS . 3.5 x 3.75





Fun Facts

[list style=”unordered” type=”type7″]
While there were many more ads produced, these represent the series well.[/list]

Share

Fast Facts Pocket Guide . Mazda USA

BRIEF

Produce a spiral-bound, 58-page pocket reference guide for automotive dealership personnel. Target new vehicle features and provide competition talking points.

Category = Graphic Design / Layout / Print


 

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

CLIENT

Sandy Corporation for
Mazda USA

[/column]
[column]

PROJECT TITLE

Mazda Tribute Fast Facts

[/column]
[column]

DESCRIPTION

Pocket Reference Guide

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

ROLE

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

Designed master’s look and color scheme using Quark. Proofed, then used provided text. Laid out each page choosing imagery from large photo library. Web researched, touched-up and inserted competitors’ imagery.

[/column]
[column]

TOOLS

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

LINK

[list style=”unordered” type=”type7″]
Entire Pocket Guide (1mg)
Mazda USA

[/list]
[/column][/columns]

SOLUTION

BOOKLET COVER + PAGE ONE

MORE PAGES

Share

Product Ordering Guide V . Visionaire Lighting

BRIEF

Help us produce our fifth Product Ordering Guide — it’s going to be twice the size of our fourth… with 69 new fixtures and whole new product categories added!

Category = Graphic Design / Layout / Print


 

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

CLIENT

Visionaire Lighting

[/column]
[column]

PROJECT TITLE

POG-V

[/column]
[column]

DESCRIPTION

Product Ordering Guide

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

ROLES

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

TOOLS

[list style=”unordered” type=”type18″]
INDESIGN
ILLUSTRATOR
PHOTOSHOP
DIGITAL REBEL XTi
GRAPHIC ELEMENTS
– Some existing fixture photos
[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Production Style Guide
Product Ordering Guide – V
[/list][/column][/columns]

SOLUTION

PRODUCT ORDERING GUIDE . COVER

Fun Facts

[list style=”unordered” type=”type7″]
This 198-page ordering guide for an outdoor lighting manufacturer took six months to produce for myself and one assistant. A second assistant was brought in half-way through the process for additional layout.
Process included guidance of all content meetings with top brass at Visionaire Lighting; art direction; overseeing of all design execution and layout; proofing of all content for accuracy; lots of photography of new inventory (including LEDs on cover); writing throughout; development of illustrations; vendor selection, output, press check and delivery.
Original design included a light fixture in front of the LED array. It was the CEO’s idea to pull it and go with just the LEDs. I ended up really liking that approach because inventory can change and look dated when it does. No fixtures on the cover highlighted the industry’s recent shift towards LED nicely, while also helping to keep the guide “evergreen”.[/list]

PRODUCT ORDERING GUIDE . SECTION HEADS

Fun Facts

[list style=”unordered” type=”type7″]
Each section’s color scheme is based on the actual finishes the lighting products are offered in. See the production Style Guide for all the specific details.
I requested 2’x2′ metal sheets from the client, painted with every finish offered; then photographed them outdoors. Primary colors, and complimentary secondary and tertiary colors were coded for each section.
While it may look like some color schemes repeat, the subtle differences are there (grey versus silver metallic, for example), and more easily seen in the printed version.[/list]

PRODUCT ORDERING GUIDE . TOC . INTRODUCTION . SAMPLE PAGES

Fun Fact

[list style=”unordered” type=”type7″]
The amount of data on each product page (bottom two) was immense. InDesign files were broken into product sections in order to be able to handle numerous links to photos, illustrations and charts. The sections were then managed for output using InDesign’s book feature.[/list]

Share

Cereal Box Sweepstakes . D3Publisher

BRIEF

Mock up a cereal box to represent a proposed Ben 10
“Be a Videogame Designer for a Day!” Sweepstakes offer.
 
One of many parts of a D3Publisher business pitch to
Cartoon Network.

Category = Graphic Design / Layout / Packaging


 

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

CLIENT

Vertical Marketing Network, Inc. for
D3Publisher

[/column]
[column]

PROJECT TITLE

Be a Videogame Designer for a Day!

[/column]
[column]

DESCRIPTION

Cereal Box Mock-up

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

ROLES

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

Production steps:
1) 6-sided cereal box photography
2) Sweepstakes design
3) Artwork production
4) Box construction with graphic drop-ins — adding all-important perspective.

[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR
POWERPOINT
CANON DIGITAL REBEL SLR
FROM CLIENT
(Vertical Marketing, Inc.)
– Slogan
– Prize descriptions
– Ben 10 illustration art

[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
View Larger PDF
Vertical Marketing Network
D3Publisher
[/list]
[/column][/columns]

SOLUTION

CEREAL BOX FRONT AND BACK

Fun Facts

[list style=”unordered” type=”type7″]
For this project, there was a lot of information to convey verbiage-wise on the back of the box. To manage it all, I split the box into upper and lower information areas. Then, using the Ben 10 circles as a design element, chose a maze-style approach to walking readers through the prizes.
The most challenging part was choosing and shooting the cereal box so that its color and size matched and joined together well. Then the existing promotion had to be removed and masked out. The sweepstakes artwork was completed in 2D, then laid onto the flat box side pictures. Finally, each box side was individually skewed to produce a 3D effect.
[/list]

Share

PPT Presentation . Thales Communications

BRIEF

Build us an exciting, fully-animated slideshow presentation that’s cued to music. We know it’s Friday, but we need it by Monday.

Category = Graphic Design / Layout / PowerPoint


 

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

CLIENT

Thales Communications, Inc.

[/column]
[column]

PROJECT TITLE

The Road to Partnerships

[/column]
[column]

DESCRIPTION

PowerPoint Presentation

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

ROLES

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

Responsible for creative concept, through final production of PowerPoint, including all graphics, and an animated open timed to music.

[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
POWERPOINT
GRAPHIC ELEMENTS
(iStockphoto.com)
– Numbers
[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
View Larger PDF (1.62 mg)
Thales Communications, Inc.
[/list]
[/column][/columns]

SOLUTION

POWERPOINT SLIDES

Fun Facts

[list style=”unordered” type=”type7″]
What you can’t see here is all the crazy cool animation that drove this presentation.
It opened with flying 1’s and 0’s, which increased in number and settled into the background.
Everything was timed to music.[/list]

Fun Facts

[list style=”unordered” type=”type7″]
Lots of slides built up on each other for subtle-fast animated effects.
Three separate presentations were completed, each one triggering the next.
[/list]

Share

Sales Rep Campaign Guide . Isuzu

BRIEF

For this Isuzu Sales Society campaign re-launch… design interior and back pages to match previous designer’s cover and logo.
Please also build matching award certificates and business cards for three achievement levels.

Category = Graphic Design / Layout / Print


 

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

CLIENT

Sandy Corporation for
Isuzu USA

[/column]
[column]

PROJECT TITLE

Isuzu Sales Society

[/column]
[column]

DESCRIPTION

Automotive Sales Rep
Campaign Guide,
Award Certificates and
Business Cards

[/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
QUARK
[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Complete Campaign Guide and
Business Cards PDF

Isuzu Motors
[/list]
[/column][/columns]

SOLUTION

CAMPAIGN BROCHURE . FOUR OF EIGHT PAGES

Fun Fact

[list style=”unordered” type=”type7″]
This assignment was really a lesson in how to take another designer’s vision (cover) and run with it.
The glass prize bowl did not actually exist at the time of printing; so the Sales Society logo etched-glass-effect had to be photoshopped in (including its reflection).
[/list]

DIAMOND, GOLD AND SILVER AWARD CERTIFICATES . BUSINESS CARDS

Share

Aquanaria . CD Package . Icarus Music

BRIEF

Design an ambient music CD package for Icarus Music.
 
New Age Theme = “All the Earth’s Water is One Life Force”

Category = Graphic Design / Layout / Packaging


 

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

CLIENT

Icarus Music

[/column]
[column]

PROJECT TITLE

Aquanaria

[/column]
[column]

DESCRIPTION

Music CD

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

ROLES

[list style=”unordered” type=”type18″]
ART DIRECTOR
GRAPHIC DESIGNER
COMPOSER
(with partner, Eddie Freeman)[/list]

Aquanaria is an ambient music concept CD with no lyrics. This “underwater music journey” takes the listener through water bodies around the world. Calming images and a soft color palette were chosen to communicate the peace of natural environments.

[/column]
[column]

TOOLS

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

 

 
Since some cues do hint at danger, the matching Aquanaria Website design added a broader graphic approach, with artwork for every cue.

[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
High-res pdf of CD Art (1.45mg)
Aquanaria Website Design
Aquanaria CD on CDBaby
Aquanaria on Pandora Radio
Aquanaria Website
Icarus Music
[/list]
[/column][/columns]

SOLUTION

CD COVER                                                CD

Fun Fact

[list style=”unordered” type=”type7″]
LOL… in my defense, this was done long before the film, Avatar, made the Papyrus font kind of cliche.
[/list]

JEWEL CASE BACK + SIDES                                 INSIDE JACKET

Fun Fact

[list style=”unordered” type=”type7″]
Music from this CD can be heard on Pandora Radio.
[/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

Green PPT Presentation . Visionaire Lighting

BRIEF

Create a PowerPoint presentation featuring our green outdoor lighting products.

Category = Graphic Design / Layout / PowerPoint


 

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

CLIENT

Visionaire Lighting

[/column]
[column]

PROJECT TITLE

Green Product Line

[/column]
[column]

DESCRIPTION

PowerPoint Presentation

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

ROLES

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

Responsible for creative concept through final production of presentation, including theme and internal graphics, plus tasteful animation.

[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
POWERPOINT
DIGITAL REBEL XTi
FROM CLIENT
(Visionaire Lighting)
– Some product art

[/list]
[/column]
[column]

 

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

SOLUTION

POWERPOINT TITLE CARD + SLIDES

Fun Facts

[list style=”unordered” type=”type7″]
The two bottom slides contain mocked-up job shots.
Product photography of bollards is mine.[/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

ToysRUs Ad . D3Publisher

BRIEF

Take the “Before” of this print ad mock-up — make it an “After”.

Category = Graphic Design / Layout / Advertising


 

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

CLIENT

Vertical Marketing Network for
D3Publisher

[/column]
[column]

PROJECT TITLE

Your Source for Everything Ben 10

[/column]
[column]

DESCRIPTION

ROTO Ad Mock-up

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

ROLES

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

Fixed a bad design.
Produced for inclusion in a PowerPoint business pitch.
Wrote light copy.

[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
GRAPHIC ELEMENTS
(Vertical Marketing Network)
– Nearly all content
[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
View Larger PDF
Vertical Marketing Network
D3Publisher
[/list]
[/column][/columns]

SOLUTION

AFTER                                                                   BEFORE

Fun Fact

[list style=”unordered” type=”type7″]
Sometimes it’s the mock-ups no one sees that make something successful.
When done right, they should look like something that actually exists.
 
For example, in this ad, none of the newest-title “Protector of Earth” DVDs had actually been produced, yet — so four DVD mock-ups were created from poster art and dropped in. The T-shirt is also a mock-up.
[/list]

Share

Magazine Ad Series . Tall . Visionaire Lighting

BRIEF

Create two ads touting our LED product inventory for Landscape Architect & Specifier News Magazine.

Category = Graphic Design / Layout / Advertising


 

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

CLIENT

Visionaire Lighting

[/column]
[column]

PROJECT TITLE

LEDs – Tall Series

[/column]
[column]

DESCRIPTION

Trade Magazine Advertisements

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

ROLES

[list style=”unordered” type=”type18″]
ART DIRECTOR
PHOTOGRAPHER
ILLUSTRATOR
WRITER
[/list]
[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR
CANON DIGITAL REBEL XTi
GRAPHIC ELEMENTS
Two fixture photos by Bau Ho.
[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Landscape Architect & Specifier News
[/list][/column][/columns]

SOLUTION

ADVERTISEMENTS . 3.5 x 5.75

Fun Facts

[list style=”unordered” type=”type7″]
Fixture product photography produced in a photo room.
I like the way the words subtly break free from the constrains of the ad box at the top.[/list]

Share

PPT Pitch Presentation . D3Publisher

BRIEF

Create a Powerpoint pitch presentation pronto.

Category = Graphic Design / Layout / PowerPoint


 

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

CLIENT

Vertical Marketing Network, Inc. for
D3Publisher

[/column]
[column]

PROJECT TITLE

The Road to Partnerships

[/column]
[column]

DESCRIPTION

PowerPoint Presentation

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

ROLES

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

Responsible for creative concept through final production of presentation, including theme and internal graphics, plus tasteful animation.

[/column]
[column]

TOOLS

[list style=”unordered” type=”type18″]
PHOTOSHOP
ILLUSTRATOR
POWERPOINT
FROM CLIENT
(Vertical Marketing, Inc.)
– Verbiage
– Most product art

[/list]
[/column]
[column]

LINKS

[list style=”unordered” type=”type7″]
Vertical Marketing Network
D3Publisher
[/list][/column][/columns]

SOLUTION

POWERPOINT TITLE CARD + SLIDES

Fun Facts

[list style=”unordered” type=”type7″]
Grunge stars, chosen to appeal to the pre-teen crowd, were hand-designed in Illustrator. The jagged-edge and paint-spray styles were applied to elements throughout the presentation for continuity.
Opening animation included the stars twirling as they zoomed in from the center.
This presentation was produced in 16×9 format (HD aspect ratio), which, at the time, was fairly cutting edge.[/list]

Share