Design Portfolio - Jonathan Bates

Jonathan Bates
(612) 578 0222 jonathan@jonbatesdesign.com
Presentation of Design Work, Site Architecture & Branding

More portfolio and client information at www.jonbatesdesign.com
Jonathan Bates
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
Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
My Background
@Home Network Senior Producer, Multimedia Roles/Responsibilities 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
Jonathan Bates
My Background
Jon Bates Design
Creative Director
Roles/Responsibilities
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
Jonathan Bates
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)



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



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

HP Change internal promotion

HP staff worldwide needed to be included in the roll-out of HPs 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

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

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 highspeed wireless Internet information, products and services

Jonathan Bates
Presentation design / print projects

Designs and concepts by Jonathan Bates
Jonathan Bates
Presentation design
Walker Art Center /HGA Architects
Presentation for donors and foundation
Jonathan Bates
Presentation design
Entry House, Inc.
Presentation for non-profit human services organization
Jonathan Bates
Presentation design
Sabri Properties
New construction presentation for city review and community impact meetings
Jonathan Bates
Presentation design
Sabri Properties
New construction presentation for city review and community impact meetings
Jonathan Bates
Jonathan Bates
Identity design & brand building

Identity & Brands

Echezeaux Restaurant
Total identity system
Jonathan Bates
Identity & Brands

Foreign Cinema Restaurant
Logo design and ad campaign
Jonathan Bates
Identity & Brands

ChickFlick Productions
Logo design and identity system
Jonathan Bates
Identity & Brands

101Blu restaurant
Logo design and identity system
Jonathan Bates
Jonathan Bates
Other design and ad development

Jonathan Bates
Advertising design
California Freedom Coalition
2002 campaign for bus-stop ads by anti-Iraq war organization for worldwide protest
Jonathan Bates
Advertising design
3M Corporation
Ad campaign for new industrial fire barrier product line
Jonathan Bates
Brand design
IMPOSSIBLE FABRICS
Rebranding, ad campaign & corporate collateral system
Jonathan Bates
Broadcast design & production

Fox TV 1999 Emmy Awards
Segment for Emmy Awards show
(Concept producer; designer; motion graphics supervisor)
Jonathan Bates
Jonathan Bates
Thank you for your interest
Jonathan Bates
jonathan@jonbatesdesign.com www.jonbatesdesign.com
(612) 217 1115

Design Portfolio - Jonathan Bates

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Design Portfolio - Jonathan Bates

Uploaded by

Copyright:

Available Formats

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com

Presentation of Design Work, Site Architecture & Branding

(612) 217 1115 jonathan@jonbatesdesign.com

(612) 578 0222 jonathan@jonbatesdesign.com

small and medium-sized clients Commerce integration

(612) 578 0222 jonathan@jonbatesdesign.com

Web user experience / UI / design

eCatalog Best 100 Products

intuitive content production tools

for advertisers and CNET Networks

Portfolio / Site design + User experience

Apple eMac Retailer Toolkit

selling points, specs and more

then sent for aggregation by Apple

consistency in sales practices and retail proficiency

proficiency and target re-training

Portfolio / Site design + User experience

CNET Reviews site redesign

back-end, new ad system & new network-wide common templates

experience without confusing them

would cripple revenue network-wide

improved beyond target goals

Portfolio / Site design + User experience

Solonis Portal redesign

unintuitive, causing user complaints

icon and common UI tools

running Tips footer to educate user

allowing users to feel grounded

Portfolio / User interface (application)

Solonis Portal redesign

unintuitive, causing user complaints

and common UI tools

Tips footer to educate user

users to feel grounded

Portfolio / User interface (application)

Solonis Portal redesign

unintuitive, causing user complaints

icon and common UI tools

running Tips footer to educate user

allowing users to feel grounded

Portfolio / User interface (application)

HP Change internal promotion

print brochure approach, resulting in significant budget savings

internal awareness, which brochures did not offer

revisions; brochure required 6-12 weeks advance for printing

Portfolio / Site design + User experience

ZDNet worldwide redesign

dynamic publishing system pages

common network-wide templates

while keeping previous ZD buys online

Portfolio / Site design + User experience

HotGigs site launch design

HotGigs had to offer unique tools, services and approach

publishing system and analysis integration, all during development

Portfolio / Site design + User experience + Brand development

HotGigs site launch design

HotGigs had to offer unique tools, services and approach

publishing system and analysis integration, all during development

Portfolio / Site design + User experience + Brand development

iFeel RapidChart patient tool

on office computers, PDAs, Smartphones and as a widget

Portfolio / Site design + User experience + Brand development

Mark Farina record release