Design Portfolio - Jonathan Bates

Preview:

DESCRIPTION

Updated 2013 design portfolio for Creative Director and Senior UX/UI Consultant Jonathan Bates.

Citation preview

Jonathan Bates (612) 217 1115 jonathan@jonbatesdesign.com

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 (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

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 (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

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

Portfolio / Site design + User experience

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

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

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

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

Portfolio / Site design + User experience

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

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

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

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)

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

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

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

Portfolio / Site design + User experience

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

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

Portfolio / Site design + User experience

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

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

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

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

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

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

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

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

Portfolio / Site design + User experience + Brand development

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

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

Portfolio / Site design + rebranding

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

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

Portfolio / Site design + User experience + Brand development

ChickFlick Productions site

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

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

Portfolio / Site design + User experience + Brand development

Jiwire.com site design

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

Jonathan Bates (612) 217 1115 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

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

Presentation design

Entry House, Inc.

Presentation for non-profit human services organization

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

Presentation design

Sabri Properties

New construction presentation for city review and community impact meetings

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

Presentation design

Sabri Properties

New construction presentation for city review and community impact meetings

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

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

Identity & Brands

Foreign Cinema Restaurant

Logo design and ad campaign

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

Identity & Brands

ChickFlick Productions

Logo design and identity system

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

Identity & Brands

101Blu restaurant

Logo design and identity system

Jonathan Bates (612) 217 1115 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

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

Advertising design

3M Corporation

Ad campaign for new industrial fire barrier product line

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

Brand design

IMPOSSIBLE FABRICS

Rebranding, ad campaign & corporate collateral system

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)

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

Jonathan Bates

jonathan@jonbatesdesign.com www.jonbatesdesign.com

(612) 217 1115

Thank you for your interest