design portfolio - jonathan bates - creative director & content developer
TRANSCRIPT
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
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
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…
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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]
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
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
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
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
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]
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
www.jonbatesdesign.com
(612) 578 0222 Revised 10 Jan 2009
Thank you for your interest! Thank you for your interest!