<< billtyler.net main

Bill Tyler: Portfolio

samples of visual design & user-centered design materials (.GIF, .PNG & .PDF)

Public Sites & Applications
  • m.healthpartners.com (iphone popup) (2009-10; mobile site)

    Designed and implemented majority of visual design and all of (XHTML) implementation, included cross-platform testing (iPhone, Android, BlackBerry, Windows Mobile & PalmOS)
    Implementation (as of 10/2010) is unchanged (Live site)

  • MobileCare Pilot Application (iPhone screens) (2010; native mobile application)

    Customized Diversinet Wallet UI to match HealthPartners brand and support MobileCare pilot application. Reviewed application usability across multiple smart phone models and platforms (iPhone, Android, BlackBerry and Windows Mobile) logging issues and working directly with Diversinet development team to resolve issues.

  • bluecrossmn.com (live site) (2006-)

    Created exact XHTML/CSS page templates based upon Photoshop files for use by content management developers.
    * Implementation (as of 10/2010) is mostly unchanged

  • ccstpa.com (live site) (2004)

    Created, implemented, deployed & maintained XHTML/CSS pages based on Photoshop comps through 2 visual designs over 4 years.
    * Implementation (as of 10/2010) unchanged.

  • nealkarlen.com (screen shots) (2004-2007)

    Created complete visual redesign & restructuring of existing site into standards-based design for author and friend

  • nlfan.com (live site in new window) (1996-)

    Personal web site since February 1996 covering Northern League baseball starting with 16 pages and grown to over 800. Evolution & expansion required major information architecture changes and the creation of innovative site maps. Added discussion forums that are a major source of information for league in its own right.

    Multipurpose site maps: Ballpark comparison, Collectibles inventory

    Simple AJAX photo pop-up albums: Bill @ ballparks, Saints mascots

Wirefames & site maps
Health Plan Comparison Information Design Concept Wireframes

Shows existing design with early information design alternatives to simplify presentation & make comparisons. Information design includes merging separate (existing) documents into single, employee-oriented page providing complete comparison (costs, benefits & current spending) for "full picture" with design notes.
Created 2008 in Visio

Icons, Logos & Help System Clip Art

Graphic elements created in mid-90's for medical diagnostic systems. Most all elements as scalable art created on Macintosh using MacDraw/ClarisDraw. They were then resized for production use as bitmaps IBM-PC with 16-color VGA. Color pallette was further affected by selecting printing and "non-printing" colors.

Other visual design work

Most all of these examples were created as scalable art in MacDraw/ClarisDraw for print.

NOTE: These samples are files conversion from Macintosh with unwanted aliased screen fonts and pixel clipping.