Design Portfolio - Jonathan Bates

Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com

Presentation of Design Work,
Site Architecture & Branding
Revised March 2009

More portfolio and client information at
www.jonbatesdesign.com Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com

My Background
6 years experience at CNET Networks
 1996-1998, Director of Multimedia
 2001-2003, Design Director
(Commerce, All Network Sites)

Roles/Responsibilities
 Manage creative + production staff (4-30+)
 Oversee sub-brand designs, redesigns &
daily production for 13 properties worldwide
 Develop & design new commerce systems

May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com

My Background
@Home Network
 Senior Producer, Multimedia

 Produced daily broadband video content for
1.2 million subscriber portal
 Managed production staff and
videographers
 Responsible for content syndication
relationships with CNN, Bloomberg, NBC…


My Background
Jon Bates Design
 Creative Director

 Multimedia and dynamic Flash, AIR and Silverlight
content
 Branding solutions and web development for
small and medium-sized clients
 Commerce integration
 Production systems integration and training
 Content planning & site architecture



Web user experience / UI / design
Designs, concepts and projects by Jonathan Bates


eCatalog Best 100 Products
eCatalog is a product directory system
viewable on- or offline.
 Tight page load restrictions

 Vendor-maintained product required
intuitive content production tools
 Commerce solution for CNET allowed
vendors to distribute and maintain
product while delivering click-through
revenue back to CNET
 End product generated major revenue
for advertisers and CNET Networks

Portfolio / Site design + User experience

Apple eMac Retailer Toolkit
The Retailer Toolkit was an online
system for sales team product training
 Watch-and-Quiz format highlighted
selling points, specs and more
 Test results sent to store manager,
then sent for aggregation by Apple
 Apple was ensured greater
consistency in sales practices and
retail proficiency
 Retail managers able to measure staff
proficiency and target re-training


CNET Reviews site redesign
‘Reviews’ is the primary commerce
engine and revenue producer for CNET
 Redesign included new commerce
back-end, new ad system & new
network-wide common templates
 Needed to improve user & vendor
experience without confusing them
 Business-critical redesign: failure
would cripple revenue network-wide
 Site traffic and click revenue both
improved beyond target goals


Solonis Portal redesign
The Portal is a total-business interface
for sales, inventory and reporting
 Existing product was clunky and
unintuitive, causing user complaints
 New UI and architecture used familiar
icon and common UI tools
 Introduced new ‘Help’ system and
running ‘Tips’ footer to educate user
 Main navigation stayed consistent,
allowing users to feel grounded

Portfolio / User interface (application)

Solonis Portal redesign
The Portal is a total-business interface for
sales, inventory and reporting
 Existing product was clunky and
unintuitive, causing user complaints
 New UI and architecture used familiar icon
and common UI tools
 Introduced new ‘Help’ system and running
‘Tips’ footer to educate user
 Main navigation stayed consistent, allowing
users to feel grounded

Portfolio / User interface (application)

HP Change internal promotion
HP staff worldwide needed to be
included in the roll-out of HP’s new ads
 Online web format replaced previous
print brochure approach, resulting in
significant budget savings
 Tracking system gave HP metrics on
internal awareness, which brochures
did not offer
 Online format allowed tweaking and
revisions; brochure required 6-12
weeks advance for printing


ZDNet worldwide redesign
CNET acquired ZDNet in 2001, requiring the
rebuild of all properties worldwide to work
with ad, content and analysis systems at CNET

 Conversion of 5+ years static pages to
dynamic publishing system pages
 Conversion of unmanaged sites to
common network-wide templates
 Integration with CNET ad & analysis
while keeping previous ZD ‘buys’
online
 6 month timeline, business critical


HotGigs site launch design
Contract staffing site needed new
brand, site design & marketing
campaign
 Wide range of visitors required UI
with ‘fast-track’ tools for savvy users
and simple tools for newer users
 Formidable competition meant
HotGigs had to offer unique tools,
services and approach
 New product launch included
publishing system and analysis
integration, all during development

Portfolio / Site design + User experience + Brand development

iFeel RapidChart patient tool
PC-based and mobile application for
clinic patient records management,
charting and history review
 Created in Silverlight and
Sharepoint 2007
 Mobility of application allowed use
on office computers, PDAs,
Smartphones and as a widget
 Built on 128-bit secure DES-grade
architecture
 Encrypted database feeds via XML


Mark Farina record release
Site to accompany release of new
album by major San Francisco record
producer
 Created ‘Air Farina’ concept as
homage to old-style airline safety
guides
 Client was so pleased with concept
that album was renamed ‘Air Farina’
and new song written with same
name


Sabri Properties rebranding
Property developer with ‘image
problem’ needed to rebrand & educate
 Refocused site content around
community involvement and
donations, which had not been widely
publicized
 Many images from communities
where Sabri developed, to give
current residents sense of ownership
 Press section revamped and included
photos and bios highlighting good

Portfolio / Site design + rebranding

ChickFlick Productions site
Site for independent film release “See
How They Run”, a documentary about
the mayoral race in San Francisco.


Jiwire.com site design
New launch site for provider of high-
speed wireless Internet information,
products and services



Presentation design / print projects
Designs and concepts by Jonathan Bates


Presentation design
Walker Art Center /HGA Architects
Presentation for donors and foundation


Presentation design
Entry House, Inc.
Presentation for non-profit human services
organization


Presentation design
Sabri Properties
New construction presentation for city review
and community impact meetings



Identity design & brand building


Identity & Brands
Echezeaux Restaurant
Total identity system


Identity & Brands
Foreign Cinema Restaurant
Logo design and ad campaign


Identity & Brands
ChickFlick Productions
Logo design and identity system


Identity & Brands
101Blu restaurant
Logo design and identity system



Other design and ad development


Advertising design
California Freedom Coalition
2002 campaign for bus-stop ads by anti-Iraq
war organization for worldwide protest


Advertising design
3M Corporation
Ad campaign for new industrial fire barrier
product line


Brand design
IMPOSSIBLE FABRICS
Rebranding, ad campaign &
corporate collateral system


Broadcast design & production
Fox TV 1999 Emmy Awards
Segment for Emmy Awards show
(Concept producer; designer; motion graphics
supervisor)



Thank you for your interest!

Jonathan Bates
jonathan@jonbatesdesign.com
www.jonbatesdesign.com Online resources:

(612) 578 0222 Resume (PDF)
Send email


Design Portfolio - Jonathan Bates

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (15)

Similar to Design Portfolio - Jonathan Bates

Similar to Design Portfolio - Jonathan Bates (20)

More from Jon Bates Design

More from Jon Bates Design (11)

Design Portfolio - Jonathan Bates