Creative & Design Direction User Experience Development
Site Architecture Design / Production Management Commerce Integration
Jonathan Bates Presentation of Design Work, Site Architecture & Branding Revised April 2008
jonathan@dabunny.com Visit web portfolio + resume
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
April 08
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
April 08
My Background Kenwood/Yomoto Ventures Creative Director Roles/Responsibilities Branding solutions and web development for small and medium-sized clients Commerce integration Production systems integration and training Content planning & site architecture
Jonathan Bates
April 08
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
easy production/update proces Commerce solution for CNET allowed
vendors to distribute and maintain product while delivering click-through revenue back to CNET
Portfolio / Site design + User experience Jonathan Bates
April 08
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 Jonathan Bates
April 08
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
Portfolio / Site design + User experience Jonathan Bates
April 08
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
April 08
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
April 08
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
April 08
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
April 08
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 Jonathan Bates
April 08
ZDNet worldwide redesign CNET acquired ZDNet in 2001, requiring 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
Portfolio / Site design + User experience Jonathan Bates
April 08
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 Jonathan Bates
April 08
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 Jonathan Bates
April 08
HotGigs brand 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 Jonathan Bates
April 08
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
Portfolio / Site design + User experience + Brand development Jonathan Bates
April 08
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 Jonathan Bates
April 08
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 Jonathan Bates
April 08
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 Jonathan Bates
April 08
Jiwire.com site design New launch site for provider of highspeed wireless Internet information, products and services
Portfolio / Site design + User experience + Brand development Jonathan Bates
April 08
Presentation design / print projects Designs and concepts by Jonathan Bates
Presentation design Walker Art Center /HGA Architects Presentation for donors and foundation
Jonathan Bates
April 08
Presentation design The Good Shepherd Fundraising presentation for non-profit organization
Jonathan Bates
April 08
Presentation design Entry House, Inc. Presentation for non-profit human services organization
Jonathan Bates
April 08
Presentation design Sabri Properties New construction presentation for city review and community impact meetings
Jonathan Bates
April 08
Presentation design Sabri Properties New construction presentation for city review and community impact meetings
Jonathan Bates
April 08
Identity design & brand building Designs and concepts by Jonathan Bates
Identity & Brands Echezeaux Restaurant Total identity system
Jonathan Bates
April 08
Identity & Brands Foreign Cinema Restaurant Logo design and ad campaign
Jonathan Bates
April 08
Identity & Brands ChickFlick Productions Logo design and identity system
Jonathan Bates
April 08
Identity & Brands 101Blu restaurant Logo design and identity system
Jonathan Bates
April 08
Identity & Brands 101Blu restaurant Logo design and identity system
Jonathan Bates
April 08
Other design and ad development Designs and concepts by Jonathan Bates
Advertising design California Freedom Coalition 2002 campaign for bus-stop ads by anti-Iraq war organization for worldwide protest
Jonathan Bates
April 08
Advertising design 3M Corporation Ad campaign for new industrial fire barrier product line
Jonathan Bates
April 08
Brand design IMPOSSIBLE FABRICS Rebranding, ad campaign & corporate collateral system
Jonathan Bates
April 08
Broadcast design & production Fox TV 1999 Emmy Awards Segment for Emmy Awards show (Concept producer; designer; motion graphics supervisor)
Jonathan Bates
April 08
Thank you for your interest.
Jonathan Bates jonathan@dabunny.com www.dabunny.com  View my resume
(612) 578 0222