• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Online Portfolio - Web Creative Director + Executive Producer Jonathan Bates
 

Online Portfolio - Web Creative Director + Executive Producer Jonathan Bates

on

  • 1,799 views

Portfolio of web creative by Jonathan Bates; includes June 2009 updates

Portfolio of web creative by Jonathan Bates; includes June 2009 updates

Statistics

Views

Total Views
1,799
Views on SlideShare
1,795
Embed Views
4

Actions

Likes
1
Downloads
16
Comments
0

3 Embeds 4

http://www.linkedin.com 2
http://www.slideshare.net 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Online Portfolio - Web Creative Director + Executive Producer Jonathan Bates Online Portfolio - Web Creative Director + Executive Producer Jonathan Bates Presentation Transcript

    • Jonathan Bates
      Creative & Design Direction
      User Experience Development
      Site Architecture
      Design / Production Management
      Commerce Integration
      Presentation of Design Work, Site Architecture & Branding
      Revised December 2008 More portfolio and client information at www.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
    • 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…
    • My Background
      Jon Bates Design
      • Creative Director
      Roles/Responsibilities
      • Multimedia/Dynamic Flash content
      • Silverlight & Adobe AIR rich media content
      • Commerce integration
      • Production systems integration and training
      • Content planning & site architecture
    • Web user experience / UI / design
      Designs, concepts and projects by Jonathan Bates
    • 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
    • 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
    • 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 in UI or back-end would have impacted revenue significantly
    • 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
    • Portfolio / User interface (application)
      Solonis Portal redesign
      The Portal is a total-business interface for sales, inventory and reporting
      • New contact management and logging environment
      • Account Executive customizable toolset to fit individual needs and methods of work
    • Portfolio / User interface (application)
      Solonis Portal redesign
      The Portal is a total-business interface for sales, inventory and reporting
      • Integration of features like Instant Messaging encouraged interaction between team members
      • IM conversation logging saved to blog-like space for internal review and sharing of practices, ideas and concerns across organization
    • 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
    • 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
      • 3 month timeline, business critical
    • 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
    • Portfolio / Site design + User experience + Brand development
      HotGigs site launch design
      Contract staffing site: 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
      G2 HomeWorks, Inc.
      Branding, collateral and web site
      • 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
      HotGigs site launch design
      Contract staffing site needed new brand, site design & marketing campaign
      • Brand and logo development process involved multiple ideation stages
    • Portfolio / Site design + User experience + Brand development
      HotGigs site launch design
      Contract staffing site needed new brand, site design & marketing campaign
      • Brand and logo development process involved multiple ideation stages
      • New offering required extensibility in brand identity for future growth
    • Portfolio / Site design + User experience + Brand development
      HotGigs site launch design
      Contract staffing site needed new brand, site design & marketing campaign
      • Brand and logo development process involved multiple ideation stages
      • New offering required extensibility in brand identity for future growth
      • Logo and brand were ultimately designed to accommodate ‘Hot-’ as a future franchise
    • Portfolio / Site design + User experience + Brand development
      HotGigs site launch design
      Contract staffing site needed new brand, site design & marketing campaign
      • Brand and logo development process involved multiple ideation stages
      • New offering required extensibility in brand identity for future growth
      • Logo and brand were ultimately designed to accommodate ‘Hot-’ as a future franchise
      • Inclusion of tagline helped solidify product identity
    • Portfolio / Site design + User experience + Brand development
      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
      Mark Farina record release
      Site to accompany release of new album by major San Francisco record producer and musician
      • 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 + 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
    • 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.
    • 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
    • Presentation design / print projects
      Designs and concepts by Jonathan Bates
    • Presentation design
      Walker Art Center /HGA Architects
      Presentation for donors and foundation
    • Presentation design
      The Good Shepherd
      Fundraising presentation for non-profitorganization
    • Presentation design
      Entry House, Inc.
      Presentation for non-profit human services organization advocating education, self-sustainability training, employment aid, and achieving stability to reduce need for public financial assistance and reduce the extended use of other social services programs
    • Presentation design
      Sabri Properties
      New construction presentation for city review and community impact meetings
      Designed in Adobe AIR as dynamic animation
    • Presentation design
      Sabri Properties
      New construction presentation for city review and community impact meetings
      Designed in Adobe AIR as dynamic animation
    • Identity design & brand building
      Designs and concepts by Jonathan Bates
    • Identity & Brands
      Echezeaux Restaurant
      Total identity system
    • Identity & Brands
      Foreign Cinema Restaurant
      Logo design and ad campaign
    • Identity & Brands
      ChickFlick Productions
      Logo design and identity system
    • Identity & Brands
      101Blu restaurant
      Logo design and identity system
    • Identity & Brands
      101Blu restaurant
      Logo design and identity system
    • 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
    • Advertising design
      3M Corporation
      Ad campaign for new industrial fire barrier product line
    • Brand design
      IMPOSSIBLE FABRICS
      Rebranding, ad campaign & corporate collateral system
    • Broadcast design & production
      Fox TV 1999 Emmy Awards
      Segment for Emmy Awards show
      (Concept producer; designer; motion graphics supervisor)
    • Jonathan Bates
      Thank you for your interest!
      jonathan@jonbatesdesign.com
      www.jonbatesdesign.com
      (612) 578 0222