Jonathan Bates Design Portfolio - Web and UI - May 2009

Page 1

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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com

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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience + Brand development May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience + Brand development May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience + Brand development May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

Portfolio / Site design + User experience + Brand development May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com

Presentation design / print projects Designs and concepts by Jonathan Bates

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com

Identity design & brand building Designs and concepts by Jonathan Bates

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Identity & Brands Echezeaux Restaurant Total identity system

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Identity & Brands Foreign Cinema Restaurant Logo design and ad campaign

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Identity & Brands ChickFlick Productions Logo design and identity system

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Identity & Brands 101Blu restaurant Logo design and identity system

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com

Other design and ad development Designs and concepts by Jonathan Bates

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


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

May 09 Revision

Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com

Thank you for your interest!

Jonathan Bates jonathan@jonbatesdesign.com www.jonbatesdesign.com

Online resources:

(612) 578 0222

Resume (PDF)

Send email Jonathan Bates

(612) 578 0222 jonathan@jonbatesdesign.com


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.