Joe Pfahl art & designjoegravity.com/Joe_samples_0617.pdfDIGITAL DESIGN: WEBSITES Joe Pfahl. art &...

DIGITAL DESIGN: WEBSITES

Joe Pfahl art & design

3424 24th Avenue S., Minneapolis, MN 55406 • 612-244-9981 • [email protected] • joegravity.com

Drupal-based corporate product website. Design and initial build collaboration, completed build and site updates 2010–present

KoreanInstitute.orgDrupal template-based website for nonprofit educational organization. Design, construction 2015

MNhcca.orgWebsite for healthcare association. Design, HTML coding. Minnesota Physician Publishing 2016

MedcareLifts.comMedical hardware website. Design, build, HTML coding 2006-09

U of MN Applied Science website University of Minnesota College of Continuing Education Bachelor of Applied Science program website. Design, build, HTML coding. Creatis 2000

Cold Cranking Amps website Design, graphics, HTML programming 1999

DIGITAL DESIGN: ADVERTISING

VIDEO PRODUCTION



Intercross promotional video Concept, copywriting, storyboard 2011

This is Minneapolis. We handle downtown clients here with big-city expectations.

1. STONE ARCH BRIDGE

INTERCROSS INTRODUCTORY VIDEO

3. INSIDE THE OFFICE

2. OUTSIDE THE OFFICE

4. SMALL-TOWN CROSSROADS

...and a friendly, highly capable sta�. We deploy the latest top-end equipment and software, and apply proven techniques for design and quality control.

This is our o�ce. We have low overhead, down-to-earth values...

We’re Intercross Design. Small enough to be nimble, big enough to be capable. Where quality, speed and value meet. Call us today.

2%*$&).(G&A";$&=>&?$-";#&D*%=>&

•  k%=*&?$).&>*(E@E$&")&%=*&>*%+")$B&&

\K&

1;#&+%*$&<$.B&M(#$&.%&,-".$B&

•  F$&(*$&(&.$(+B#F$#$%&&?$j$*&.%D$.-$*B&&

\L&

V%D%&'(#$)&";&

\\&

F-".$&)-$$;&),">$)&(E*%))&(;#&%=.&

\^&

!"#$%&'(#$)&'*%+&,-".$&

!/0&1.&2345!16/789&,$&:;%,&<%=&(*$&>())"%;(.$&(?%=.&>(@$;.&-$(A.-&(;#&)('$.<B&&

C&

!"#$%&%'&;=*)";D&D*%=>&>(;)&(E*%))&

F$&=;#$*).(;#&.-(.&>(@$;.&E(*$&).(*.)&()&(&>-"A%)%>-<9&(&,(<&%'&A"'$&'%*&<%=&(;#&<%=*&).(G&&

H&

I(;&E%;@;=$)&

F$&=;#$*).(;#&.-$&"+>%*.(;E$&%'&E*$(@;D&(&)('$*&$;J"*%;+$;.&.%&-$A>&)(J$&A"J$)B&&

K&

I(;&E%;@;=$)&.%&*"D-.9&'(#$&.%&,-".$&

6-")&!"&<%=*&.%>&>*"%*".<B&&

L&

M(#$&";.%&>-%.%9&N%%+&";9&>(;&.%&*"D-.9&'(#$&.%&,-".$&

O=.&,$&(A)%&:$$>&";&+";#&.-$&>*$))=*$)&>A(E$#&%;&<%=&";&*=;;";D&.-$&#$>(*.+$;.B&&

!"#$%&>(;)&";&'*%+&A$P&

3(E-&#$E")"%;&<%=&+(:$&-()&.%&*$#=E$&*"):9&"+>*%J$&$QE"$;E"$)&(;#&";E*$()$&*$J$;=$9&

Our Promise banner Medivators YouTube page graphic. Design, production 2013

Medivators web bannersCorporate promotional images. Design, production 2011-14

Findlaw email Design, HTML coding. Intercross 2010

W3I music download ads Promotional web landing pages. Design, image sourcing. Intercross 2008

Let’s Dish holiday sale email Design, HTML coding. Intercross 2010

Medivators Promise online promotional video Concept, storyboard, direction, digital editing, production 2013

DIGITAL DESIGN: PRESENTATIONS

TRADE SHOW DISPLAYS



Medivators presentation template PowerPoint concept and design, branding project component 2014

Seriously, it’s a good idea for Medivators.

YOU NEED TO HIRE ME

Thursday, February 12, 2015

WHY HIRE WHY ME WHY NOW WHAT WE CAN DOWHAT I’VE DONE

WHAT WE’VE DONE TOGETHER

7

Medivators website Ad campaigns Promise video

Endora storyboard Cantel PPT Identity guidelines

!

"#$%&'%()$&%*+$%,-+.)/$0*$1+2*'-$'&+.3$45.$

%,-+.)/$0*$4(6)3$0,)+$')/0$*7$(*.*$-88)-'/9

Introducing ENDORA:

!

!"

#$%&'($)*'+,'%-$./$01

Next, ENDORA tracks the cleaning steps

2+,/$.&

3/,)&%4/&'

5,,0

5&6/,)&77-8.9-7-8:&);,8

'

'

'

'

NEW DIRECTIONSAdvertising and marketing graphics guidelines Spring 2014

MEDIVATORSA Cantel Medical Company

Usage examplesWebsitesThe Medivators website and other company sub-sites follow the same colors and fonts as the other materials, and they conform to Cantel standards as may apply.

WHAT WE’VE DONE


WHY HIRE WHY ME WHY NOW WHAT WE CAN DOWHAT I’VE DONE

WHY JOE PFAHL

•PROVEN, Long-term working relationship: trust, rapport, communication, understanding

•Proven talent, skills, experience

•Network of additional resources

•I’m a bargain - An agency would probably charge much more, then hand it off

4

PROVEN

WHY ME


Self-promotional presentationConcept, design, illustration, production. 2015

People Architects Inc. presentationCommunicating Value, Presenting Expertise. Design, image sourcing, illustration, production 2011

CH Robinson Market PMA booth Produce Marketing Association show concept. Concept, panel layouts. Intercross 2007

Cantel Medical presentation template PowerPoint concept, design, production. Medivators 2013

Medcare display Design, large format production 2008

Intercross design office booth Concept, design, large format production 2009

Bucket Boss Outdoor booth Concept, design, large format production. Fiskars 1997

PRINT DESIGN: ADVERTISING



www.medcarelifts.com l 800-695-4479 151 East Cliff Road, #40, Burnsville, MN 55337

Because Jenny uses Medcare Ceiling Lifts to lift and transfer patients at work, her back is pain-free so she can enjoy time with her son.

Join the Medcare Movement for Nurse Well-being and challenge the tolerance for manual-lifting. Safe Patient Handling through the use of lift equipment is not only safer for the patient, but for nurses, too! Live your life pain-free and say no to back pain due to manual lifting. Visit www.movementfornursewellbeing.com to learn how to help your facility change its culture to safer lifting.

Movement for Nurse Well-being—A national effort intended to draw attention to the need for cultural change with regard to back safety issues directly related to the lifting and transferring of patients. This is a call to action to challenge the tolerance towards manual lifting and inspire nurses to take control of their own well-being, health and safety via the implementation of safe han-dling programs. This movement invites nurses of all ages to share their experiences and inspire caregivers to care for themselves, too.

Play with my son after work? No Problem!

Demos & studies available at DDW Booth 3034


Studies show ENDOCUFF™

Endoscopic Overtube assisted colonoscopy signi�cantly increases ADR and assists in complex polyp removal.

Provide the highest standard of care for your patients.

INCREASE YOUR ADENOMA DETECTION RATE

No ENDOCUFF Endoscopic OvertubeUnable to control tip of colonoscope

ENDOCUFF Endoscopic Overtube attachedSame scar evaluation

Your Best Practice is Our Promise.

E N D O S C O P Y P R O C E D U R E • E N D O S C O P Y R E P R O C E S S I N G

MEDIVATORS.COM© 2014 Medivators Inc. P/N 50098-498

ENDOCUFF™ is a trademark of Arc Medical

Design Limited

Medcare architect mailerFolding coupon flyer. Concept, design, photo editing, production 2005

Bayer agriculture direct mail campaignPost cards, flyers, collateral. Concepts, design, photo editing, production. Meyocks & Priebe 1999

Medivators Promise campaign Full-page magazine ad design, photo direction/editing, production 2013

Medcare patient slings campaignFull-page magazine ad design, photo direction/editing, production 2007

Minnesota Physician magazine adsAd design, photo direction/editing, production for various customers 2015-16

CH Robinson Growing Opportunity adFull-page magazine ad design, production. Intercross 2010

Cellular 2000 phone billboards Design, production. Meyocks & Priebe 1999



PRINT DESIGN: BROCHURES, PUBLICATIONS, PACKAGING

Contractor’s Rig tool belt boxRetail packaging design, photo editing, production. First-place award winner at TAPPI CorrExpo. Portable Products 1996

CH Robinson Pink Ribbon crate Retail watermelon floor display. Photo editing, production. Intercross 2009

GHR-15 boxes Diet supplement retail packaging. Concept, design, production. Intercross 2008

Hanna Andersson catalogPrint production 1997

Minnesota Health Care News magazine Art direction, photo editing, production. Minnesota Physician Publishing 2016

Minnesota Physician 2016 Medical Services Directory Cover design, production. MN Physician Publishing

BucketBoss catalog Concept, design. Fiskars 2002

20162016

MinnSerDir_Cover2016.pdf 1 4/11/16 4:10 PM

BucketBoss garden tool flyer Concept, design, photo direction/editing, production. Fiskars 1997

LOGOS & BRANDING



BucketBoss Brand logo Design, production. Portable Products 1996

G L O S S 1 0 0

VANGUARDVSystem One System One

VANGUARDVANGUARD

Usage examples, continuedBrochuresPrinted and digital (pdf, tablet/ebook and other formats) booklets for Medivators products and services.

Digital adsBanner ads, e-blasts and other online marketing tools showcase this design platform, though size and content requirements must be taken into account.

The LabelThe central element of the Medivators graphic system is the “Label”. It prominently features the headline, leading body text and Medivators logo in a standardized, recognizable form. In most cases, it is placed over a large photo or color �eld.

HEADLINEBrief body copy block, not more than a few lines. It must stay clear of logo and not go below it.


Headline font: Helvetica Neue ExtendedSet in ALL CAPS, Color: 100% blackSize: around 2x body copy Kern in slightly (set letters closer together)Add approx. 1/2 line of leading space below

Medivators/Cantel logo in lower right corner of boxColor: PANTONE 285 C (or cmyk process equivalent) Web hex color: #3987C8, Approx. minimum size: 3/4” wide; no wider than copy margins in box. Minimum clear space: height of “M”

White rectangle, Corners rounded approx. 3-5% of width or height, whichever is larger. Minimum inner margin: approx. 2x corner radius, and a 50% black drop shadow set with with a subtle blur and no offset.

Body copy font: Helvetica Neue Roman, Color: 60% BlackSize: minimum 7pt, cap height no larger than Medivators “M”

Color usageThe Medivators Blue is the foundation of the color system; it is used in the logo and as the primary color in designs.

A secondary set of colors that compliment and harmonize with Medivators Blue is available for accenting and highlights design elements, and for organization; i.e., color-coding product lists. Additional tertiary colors, tints and shades of the above colors, may be used to add depth and variety to layouts.

Gradients may be built from these colors as well. In all cases, the color palette must be limited and disciplined.

MEDIVATORS Blue

PANTONE 285 C91C 53MHEX #2870C9

MEDIVATORS BlueGradient +40K

0C40M 100Y

Secondary Colors

0C 60M 100Y

85C 0M 50Y 10K

40C 0M 100Y 10K

41C 64M100Y 39K

16M 40Y

Tertiary Colors

38C 76M100Y 48K

24M 40Y

95C 79M50Y 63K

18C 11M

91C 53M0Y 60K(MEDIVATORS BLUE +60K)

20C 6M

16C 0M 40Y4K

70C 52M 94Y61K

34C 0M 20Y4K

96C 38M 68Y27KNEW DIRECTIONSAdvertising and marketing graphics guidelines Spring 2014


Envirecycle brandingInk company logo and brochure. Concept, design, production. Waryan Design 2001

President Homes logo Real estate company. Intercross 2006

AURI Ag Innovations branding Institutional logo, annual report, brochures. Concept, design, production. Smedsrud & Associates 1991

Ecolab product logosLogotypes for floor finish lines. Concepts, design. Intercross 2008

WLTE Radio station logoWide usage in print publicity, animated TV commercials. Concept, design, production. B. Suter Graphics 1993

ATA logo Drone photography company. Concept, design 2012

identity Logo, print stationery & website design. Intercross 2009

New Directions brand guideMedivators graphic identity booklet. Design, writing, production 2009

University of MN CCE “Infotech” brand Branding system for the U of M College of Continuing Education Information Technology courses. Design, photo direction and editing, writing, production. Creatis 2000

Prairie Home Beef logo/websiteConcept, design, production. Intercross 2007

Intercross symbolGraphic design company logo. Design, production 1997

DIGITAL & PRINT ILLUSTRATION



Season’sGreetings

Best Wishes for the Holidays

from all of us at Intercross

Every snowflake has a unique six-sided design.

See if you can find the eight-sided mistake-flakes on this card and win a prize!

Coach NapoliMN State High School award. Pencil portrait 1984

NK Branding IronNorthrup King Corp. digital rendering. B. Suter Graphics 1993

Tom McGrath“Woodcut-style” felt-tip pen drawing of poet for New North Artscape Magazine 1989

Oiling the GearsDigital illustration for University of MN Marketing Dept. Creatis 1999

Flower TruckChalk drawing for CH Robinson trade show booth display. Intercross 2007

Hats Off to Bright Water postcardSchool event publicity collateral. Design, illustration, production 2013

Celtic Tattoo ArtTattoo design referencing medieval Celtic art 1998

Celtic CrossBook illustration for Homilies for the Whole Community by Michael Hayes 2007

Babe the Blue OxLarge outdoor display, companion for 25 ft. Paul Bunyan statue at a Minnegasco event. Aquent 1999

3M MachineDigital technical illustration. B. Suter Graphics 1994

ZAPDigital label. Intercross 2009

Season’s GreetingsHoliday postcard. Concept, design, digital illustration. Intercross 2010

Curry’s John BrownLinocut print inspired by John Steuart Curry painting 1984

Joe Pfahl art & designjoegravity.com/Joe_samples_0617.pdfDIGITAL DESIGN: WEBSITES Joe Pfahl. art &...

Documents

Transcript of Joe Pfahl art & designjoegravity.com/Joe_samples_0617.pdfDIGITAL DESIGN: WEBSITES Joe Pfahl. art &...