Design Portfolio - Jonathan Bates - Online Creative Director

Jonathan Bates
(612) 578 0222 jonathan@jonbatesdesign.com
Creative & Design Direction

User Experience Development Silverlight / AIR /Flash Dynamic Content Site Architecture Design / Production Management
Jonathan Bates
Commerce Integration
Web design, creative direction & rich media development by Jonathan Bates
Revised January 2009 More portfolio samples, resume and more online at 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 Managed creative + production staff (4-30+) Oversaw sub-brand designs, redesigns & daily production for 13 properties worldwide Developed & design new commerce systems
November 2008
Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
My Background
@Home Network Senior Producer, Multimedia Roles/Responsibilities Produced daily broadband video content for two million subscribers worldwide Managed production staff and videographers Responsible for content syndication relationships with CNN, Bloomberg, NBC
November 2008
Jonathan Bates
My Background
Jon Bates Design Creative Director Roles/Responsibilities Multimedia/Dynamic Flash content Silverlight & Adobe AIR rich media content Commerce integration Production systems integration and training Content planning & site architecture
November 2008
Jonathan Bates
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
Portfolio / Site design + User experience

November 2008
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

November 2008
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 in UI
or back-end would have impacted revenue significantly

November 2008
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)

November 2008
Solonis Portal redesign

The Portal is a total-business interface for sales, inventory and reporting
Integration of features like Instant
Messaging encouraged interaction between team members

IM conversation logging saved to
blog-like space for internal review and sharing of practices, ideas and concerns across organization
Portfolio / User interface (application)

November 2008
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

November 2008
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

3 month timeline, business critical

November 2008
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

November 2008
G2 HomeWorks, Inc.
Branding, collateral and web site
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

November 2008
Lipservice Agency site design

Top national agency for voiceover talent in television and radio
Designed site in newsletter format,
as old static site was rarely changed

Content focused on personal
aspects of talent, to add depth to client perception of the actors

November 2008
Mark Farina record release

Site to accompany release of new album by major San Francisco record producer and musician
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

November 2008
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

November 2008
ChickFlick Productions site

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

November 2008
Jiwire.com site design

New launch site for provider of highspeed wireless Internet information, products and services

November 2008
Jonathan Bates
Presentation design / print projects

Designs and concepts by Jonathan Bates
Presentation design
Walker Art Center /HGA Architects
Presentation for donors and foundation members prior to construction of major addition to Walker Art Center facitilty
November 2008
Jonathan Bates
Presentation design
Entry House, Inc.
Presentation for non-profit human services organization advocating education, self-sustainability training, employment aid, and achieving stability to reduce need for public financial assistance and reduce the extended use of other social services programs
November 2008
Jonathan Bates
Presentation design
Sabri Properties
New construction presentation for city review and community impact meetings Designed in Adobe AIR as dynamic animation
November 2008
Jonathan Bates
Presentation design
Sabri Properties
New construction presentation for city review and community impact meetings Designed in Adobe AIR as dynamic animation
November 2008
Jonathan Bates
Jonathan Bates
Identity design & brand building

Identity & Brands

Echezeaux Restaurant
Total identity system
November 2008
Jonathan Bates
Identity & Brands

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

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

101Blu restaurant
November 2008
Jonathan Bates
Identity & Brands

101Blu restaurant
November 2008
Jonathan Bates
Jonathan Bates
Other design and ad development

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

Fox TV 1999 Emmy Awards
Segment for Emmy Awards show (Concept producer; designer; motion graphics supervisor)
November 2008
Jonathan Bates
Jonathan Bates
Thank you for your interest!
Jonathan Bates
jonathan@jonbatesdesign.com www.jonbatesdesign.com
(612) 578 0222
Revised 10 Jan 2009

Design Portfolio - Jonathan Bates - Online Creative Director

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 - Online Creative Director

Uploaded by

Copyright:

Available Formats

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com

Creative & Design Direction

(612) 578 0222 jonathan@jonbatesdesign.com

(612) 578 0222 jonathan@jonbatesdesign.com

(612) 578 0222 jonathan@jonbatesdesign.com

Web user experience / UI / design

eCatalog Best 100 Products

intuitive content production tools

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

or back-end would have impacted revenue significantly

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

Messaging encouraged interaction between team members

Portfolio / User interface (application)

HP Change internal promotion

Online web format replaced previous

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 had to offer unique tools, services and approach

publishing system and analysis integration, all during development

Portfolio / Site design + User experience + Brand development

Lipservice Agency site design

Designed site in newsletter format,

as old static site was rarely changed

aspects of talent, to add depth to client perception of the actors

Portfolio / Site design + User experience + Brand development

Mark Farina record release

homage to old-style airline safety guides

Portfolio / Site design + User experience + Brand development

Sabri Properties rebranding

where Sabri developed, to give current residents sense of ownership

photos and bios highlighting good

Portfolio / Site design + rebranding

ChickFlick Productions site

Portfolio / Site design + User experience + Brand development

Jiwire.com site design

Portfolio / Site design + User experience + Brand development