design portfolio - jonathan bates - creative director & content developer

37
8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 1/37  Jonathan Bates (612) 578 0222  [email protected]  Jonathan Bates (612) 578 0222  [email protected]  Jonathan Bates  Jonathan Bates Web design, creative direction & rich media development by Jonathan Bates Revised January 2009 More portfolio samples, resume and more online at jonbatesdesign.com Creative & Design Dire Creative & Design Dire User Experience Dev Silverlight / AIR /Flash Dynami Site Arc Design / Production Man Commerce In

Upload: jonathan-bates

Post on 30-May-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 1/37

 Jonathan Bates (612) 578 0222 [email protected] Jonathan Bates (612) 578 0222 [email protected]

 Jonathan Bates Jonathan Bates

Web design, creative direction & rich media developmentby Jonathan Bates

Revised January 2009

More portfolio samples, resume and more online at jonbatesdesign.com

Creative & Design DireCreative & Design Dire

User Experience Dev

Silverlight / AIR /Flash DynamiSite Arc

Design / Production Man

Commerce In

Page 2: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 2/37

Page 3: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 3/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

My BackgroundMy Background

@Home Network 

Senior Producer, Multimedia

Roles/Responsibilities

Produced daily broadband videocontent for two million subscribers

worldwideManaged production staff andvideographers

Responsible for content syndicationrelationships with CNN, Bloomberg,

NBC…

Page 4: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 4/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

My BackgroundMy Background

 Jon Bates Design

Creative Director

Roles/Responsibilities

Multimedia/Dynamic Flash content

Silverlight & Adobe AIR rich media

contentCommerce integration

Production systems integration andtraining

Content planning & site architecture

Page 5: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 5/37

 Jonathan Bates (612) 578 0222 [email protected] Jonathan Bates (612) 578 0222 [email protected]

Web user experience / UI / designWeb user experience / UI / design

Designs, concepts and projects by Jonathan Bates

Page 6: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 6/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience

eCatalog BeeCatalog Be

ProductsProducts

eCatalog is a pr

directory syston- or offline.

 Tight page load

Vendor-maintainrequired intuitivproduction tools

Commerce soluallowed vendorsand maintain prdelivering click-revenue back to

Page 7: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 7/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience

Apple eMac Apple eMac

ToolkitToolkit

The Retailer Too

online systemteam product

Watch-and-Quizhighlighted sellispecs and more

 Test results sen

manager, then saggregation by

Apple was ensuconsistency in sand retail profic

Retail managersmeasure staff ptarget re-trainin

Page 8: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 8/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience

CNET ReviewCNET Review

redesignredesign

‘Reviews’ is the

commerce engrevenue produCNET 

Redesign includcommerce backsystem & new ncommon templa

Needed to imprvendor experienconfusing them

Business-criticafailure in UI or bhave impacted

significantly

Page 9: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 9/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / User interface (application)

Solonis PortSolonis Port

redesignredesign

The Portal is a t

business intersales, inventoreporting

Existing productand unintuitive,complaints

New UI and archfamiliar icon andtools

Introduced new and running ‘Tipeducate user

Main navigationconsistent, allow

Page 10: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 10/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / User interface (application)

Solonis PortSolonis Port

redesignredesign

The Portal is a t

business intersales, inventoreporting

Integration of feInstant Messagiinteraction betwmembers

IM conversationto blog-like spacreview and sharpractices, ideasacross organiza

Page 11: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 11/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience

HPHP ChangeChange ii

promotionpromotion

HP staff worldwide

included in the rnew ads

Online web formprevious print bapproach, result

significant budg Tracking system

metrics on interwhich brochures

Online format atweaking and rebrochure requir

advance for prin

Page 12: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 12/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience

ZDNet worldZDNet world

redesignredesign

CNET acquired ZDNe

requiring the rebui properties worldwiad, content and anCNET 

Conversion of 5pages to dynamsystem pages

Conversion of usites to commontemplates

Integration withanalysis while kprevious ZD ‘bu

3 month timelincritical

Page 13: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 13/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience + Brand deve

HotGigs siteHotGigs site

designdesign

Contract staffing s

new brand, site marketing camp

Wide range of vUI with ‘fast-tracsavvy users andfor newer users

Formidable comHotGigs had to tools, services a

New product laupublishing systeanalysis integradevelopment

Page 14: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 14/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience + Brand deve

HotGigs site ladesign

Contract staffing s

new brand, site marketing camp

Brand and logo process involveideation stages

New offering req

extensibility in bfor future growt

Logo and brandultimately desigaccommodate ‘future franchise

Inclusion of tagl

solidify product

Page 15: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 15/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience + Brand deve

G2 HomeWG2 HomeW

Inc.Inc.Branding, collater

site

Wide range of visitUI with ‘fast-track’savvy users and sifor newer users

Formidable compe

HotGigs had to offtools, services and

New product launcpublishing system analysis integratiodevelopment

Page 16: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 16/37

Page 17: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 17/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience + Brand deve

Mark Farina Mark Farina

releaserelease

Site to accompa

new album byFrancisco recoand musician

Created ‘Air Farhomage to old-ssafety guides

Client was so plconcept that albrenamed ‘Air Fasong written wit

Page 18: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 18/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + rebranding

Sabri ProperSabri Proper

rebrandingrebranding

Property develope

 problem’ needeeducate

Refocused site ccommunity invodonations, whicwidely publicize

Many images frocommunities whdeveloped, to gresidents sense

Press section reincluded photoshighlighting goo

Page 19: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 19/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience + Brand deve

ChickFlick PChickFlick P

sitesite

Site for independe

“See How They documentary abmayoral race in

Page 20: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 20/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Portfolio / Site design + User experience + Brand deve

 Jiwire.com s Jiwire.com s

New launch site fohigh-speed wireinformation, proservices

Jonathan Bates (612) 578 0222Jonathan Bates (612) 578 0222

Page 21: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 21/37

 Jonathan Bates (612) 578 0222 [email protected] Jonathan Bates (612) 578 0222 [email protected]

Presentation design / print projectsPresentation design / print projects

Designs and concepts by Jonathan Bates Jonathan Bates

Page 22: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 22/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Presentation design

Walker Art Cent

ArchitectsPresentation for donor

foundation memberconstruction of majoWalker Art Center fa

Page 23: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 23/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Presentation design

Entry House, In

Presentation for nohuman servicesorganization advoeducation, self-sustainability traiemployment aid, aachieving stabilityreduce need for p

financial assistancreduce the extendother social servic

 programs

Page 24: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 24/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Presentation design

Sabri Propertie

New construction pfor city review andimpact meetings

Designed in Adobe Adynamic animatio

Page 25: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 25/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Presentation design

Sabri Propertie

New construction pfor city review andimpact meetings

Designed in Adobe Adynamic animatio

 Jonathan Bates (612) 578 0222j h j b d i

 Jonathan Bates (612) 578 0222j h j b d i

Page 26: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 26/37

 [email protected] [email protected]

Identity design & brand buildingIdentity design & brand building

Designs and concepts by Jonathan Bates Jonathan Bates

Page 27: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 27/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Identity & Brands

Echezeaux Rest

Total identity system

Page 28: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 28/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Identity & Brands

Foreign Cinema

RestaurantLogo design and ad ca

Page 29: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 29/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Identity & Brands

ChickFlick Prod

Logo design and ident

Page 30: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 30/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Identity & Brands

101Blu restaura

Logo design and ident

Page 31: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 31/37

 Jonathan Bates (612 jonathan@jonbatesdesNovember 2008

Identity & Brands

101Blu restaura

Logo design and ident

 Jonathan Bates (612) 578 [email protected]

 Jonathan Bates (612) 578 [email protected]

Page 32: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 32/37

 [email protected] [email protected]

Other design and ad developmentOther design and ad development

Designs and concepts by Jonathan Bates Jonathan Bates

Page 33: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 33/37

 Jonathan Bates (612

 jonathan@jonbatesdesNovember 2008

Advertising design

California FreedCalifornia Freed

CoalitionCoalition

2002 campaign for buanti-Iraq war organizworldwide protest 

Page 34: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 34/37

 Jonathan Bates (612

 jonathan@jonbatesdesNovember 2008

Advertising design

3M Corporation3M Corporation

 Ad campaign for new barrier 

 product line

Page 35: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 35/37

 Jonathan Bates (612

 jonathan@jonbatesdesNovember 2008

Brand design

IMPOSSIBLE FAIMPOSSIBLE FA

Rebranding, ad campacorporate collateral

Page 36: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 36/37

 Jonathan Bates (612

 jonathan@jonbatesdesNovember 2008

Broadcast design & production

Fox TV 1999 EmFox TV 1999 Em

AwardsAwards

Segment for Emmy Aw

(Concept producer; degraphics supervisor)

 Jonathan Bates (612) 578 0222 [email protected] Jonathan Bates (612) 578 0222 [email protected]

Page 37: Design Portfolio - Jonathan Bates - Creative Director & Content Developer

8/14/2019 Design Portfolio - Jonathan Bates - Creative Director & Content Developer

http://slidepdf.com/reader/full/design-portfolio-jonathan-bates-creative-director-content-developer 37/37

 Jonathan Bates Jonathan Bates

 [email protected]

www.jonbatesdesign.com

(612) 578 0222 Revised 10 Jan 2009

 Thank you for your interest! Thank you for your interest!