Design Portfolio - Jonathan Bates

712 views

Published on

Design portfolio of Jonathan Bates, online creative director and developer for mobile, web, widget, social media and desktop application architecture/UI/UX/Strategy

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
712
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Design Portfolio - Jonathan Bates

  1. 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
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. Jiwire.com site design New launch site for provider of high- speed wireless Internet information, products and services Portfolio / Site design + User experience + Brand development May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  21. 21. 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
  22. 22. Presentation design Walker Art Center /HGA Architects Presentation for donors and foundation May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  23. 23. Presentation design Entry House, Inc. Presentation for non-profit human services organization May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  24. 24. 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
  25. 25. 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
  26. 26. 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
  27. 27. Identity & Brands Echezeaux Restaurant Total identity system May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  28. 28. Identity & Brands Foreign Cinema Restaurant Logo design and ad campaign May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  29. 29. Identity & Brands ChickFlick Productions Logo design and identity system May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  30. 30. Identity & Brands 101Blu restaurant Logo design and identity system May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  31. 31. 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
  32. 32. 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
  33. 33. Advertising design 3M Corporation Ad campaign for new industrial fire barrier product line May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  34. 34. Brand design IMPOSSIBLE FABRICS Rebranding, ad campaign & corporate collateral system May 09 Revision Jonathan Bates (612) 578 0222 jonathan@jonbatesdesign.com
  35. 35. 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
  36. 36. 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

×