design portfolio - jonathan bates
DESCRIPTION
Updated 2013 design portfolio for Creative Director and Senior UX/UI Consultant Jonathan Bates.TRANSCRIPT
Jonathan Bates (612) 217 1115 [email protected]
Jonathan Bates (612) 578 0222 [email protected]
Presentation of Design Work,
Site Architecture & Branding
More portfolio and client information at www.jonbatesdesign.com
Jonathan Bates (612) 578 0222 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
Web user experience / UI / design
Designs, concepts and projects by Jonathan Bates
Jonathan Bates (612) 578 0222 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
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 [email protected]
Jonathan Bates (612) 578 0222 [email protected]
Presentation design / print projects
Designs and concepts by Jonathan Bates
Jonathan Bates (612) 578 0222 [email protected]
Presentation design
Walker Art Center /HGA Architects
Presentation for donors and foundation
Jonathan Bates (612) 578 0222 [email protected]
Presentation design
Entry House, Inc.
Presentation for non-profit human services organization
Jonathan Bates (612) 578 0222 [email protected]
Presentation design
Sabri Properties
New construction presentation for city review and community impact meetings
Jonathan Bates (612) 578 0222 [email protected]
Presentation design
Sabri Properties
New construction presentation for city review and community impact meetings
Jonathan Bates (612) 578 0222 [email protected]
Identity design & brand building
Designs and concepts by Jonathan Bates
Jonathan Bates (612) 578 0222 [email protected]
Identity & Brands
Echezeaux Restaurant
Total identity system
Jonathan Bates (612) 578 0222 [email protected]
Identity & Brands
Foreign Cinema Restaurant
Logo design and ad campaign
Jonathan Bates (612) 578 0222 [email protected]
Identity & Brands
ChickFlick Productions
Logo design and identity system
Jonathan Bates (612) 578 0222 [email protected]
Identity & Brands
101Blu restaurant
Logo design and identity system
Jonathan Bates (612) 217 1115 [email protected]
Jonathan Bates (612) 578 0222 [email protected]
Other design and ad development
Designs and concepts by Jonathan Bates
Jonathan Bates (612) 578 0222 [email protected]
Advertising design
California Freedom Coalition
2002 campaign for bus-stop ads by anti-Iraq war organization for worldwide protest
Jonathan Bates (612) 578 0222 [email protected]
Advertising design
3M Corporation
Ad campaign for new industrial fire barrier product line
Jonathan Bates (612) 578 0222 [email protected]
Brand design
IMPOSSIBLE FABRICS
Rebranding, ad campaign & corporate collateral system
Jonathan Bates (612) 578 0222 [email protected]
Broadcast design & production
Fox TV 1999 Emmy Awards
Segment for Emmy Awards show
(Concept producer; designer; motion graphics supervisor)
Jonathan Bates (612) 578 0222 [email protected]
Jonathan Bates
[email protected] www.jonbatesdesign.com
(612) 217 1115
Thank you for your interest