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
- m.healthpartners.com (iphone popup) (2009-10; mobile site)
- Wirefames & site maps
-
- Page-flow Sequence Flowchart (2007; PDF)
Created to document number of steps in existing health plan comparison tool
- Enhanced Doctor Search results (2008)
New design for enhanced physician search merging features into scannable results
- Health plan spending account (Information design concepts) (2008; PDF)
Interaction design concepts for Web 2.0 visual presentation of health spending and flexible spending account providing more information at a glance showing trends and account balances.
- Persona-based portal concepts (2005; PDF)
Early conceptual wireframes for health insurance member portal based upon goal-based designed using persona
- Multi-use Corporate Portal Concept (2002)
Early visual concept to presenting integration of multiple portals (member, intranet and customer service representative portal) into a single one.
- Simple Site Map (Blue Cross Blue Shield of North Dakota) (2008)
Created to review with business owners wanting to create similar new employee "on-boarding" site for Blue Cross Blue Shield of Minnesota
- Complex Site Map (ProviderHub - Provider Portal) (2002-3)
Extended site-map HTML page (from prototype), lists pop-ups, search results, error results and page-flow steps (such as self-registration).
- Page-flow Sequence Flowchart (2007; PDF)
- 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.
- Breeze3 Software Installation Instructions
First of up to 7 separate installation instructions. Layout was designed to fold to size of 3 1/2 inch floppy disks and display both name and part product number.
- Signal Processing Document cover
- Signal Processing Document: Page 1
- Breeze3 Software Installation Instructions