Design Portfolio - Jonathan Bates - Creative Director and Rich Media Developer

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

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…

May 09 Revision

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

May 09 Revision


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
May 09 Revision

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

May 09 Revision

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

May 09 Revision

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)
May 09 Revision

The Portal is a total-business interface for
sales, inventory and reporting
 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

May 09 Revision

The Portal is a total-business interface
for sales, inventory and reporting
 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

May 09 Revision

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

May 09 Revision

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

May 09 Revision

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
May 09 Revision

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

May 09 Revision

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

May 09 Revision

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
May 09 Revision

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

May 09 Revision

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

May 09 Revision


Presentation design / print projects
Designs and concepts by Jonathan Bates


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

May 09 Revision

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

May 09 Revision

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

May 09 Revision


Identity design & brand building


Identity & Brands
Echezeaux Restaurant
Total identity system

May 09 Revision

Identity & Brands
Foreign Cinema Restaurant
Logo design and ad campaign

May 09 Revision

Identity & Brands
ChickFlick Productions
Logo design and identity system

May 09 Revision

Identity & Brands
101Blu restaurant
Logo design and identity system

May 09 Revision


Other design and ad development


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

May 09 Revision

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

May 09 Revision

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

May 09 Revision

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

May 09 Revision


Thank you for your interest!

Jonathan Bates
jonathan@jonbatesdesign.com
www.jonbatesdesign.com Online resources:
Resume (PDF)
(612) 578 0222
Send email


Design Portfolio - Jonathan Bates - Creative Director and Rich Media Developer

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Design Portfolio - Jonathan Bates - Creative Director and Rich Media Developer

Similar to Design Portfolio - Jonathan Bates - Creative Director and Rich Media Developer (20)

More from Jon Bates Design

More from Jon Bates Design (11)

Recently uploaded

Recently uploaded (20)

Design Portfolio - Jonathan Bates - Creative Director and Rich Media Developer