Web Design & Development


  • Interface Design
  • Prototypes
  • Story boards
  • Design Systems
  • Web sites

Interface Design

By employing user-centered design principles to make the interaction as intuitive as possible the interface can facilitate finishing the users' task at hand.

Learning Quest web site
State web site that was one of the first to meet the Section 508 priority 2 specifications (accessibility guidelines).
 Design Comp 1 | 2 | Visit site.

Retirement Planner
After using this calculator investors were more likely to keep their money with American Century Investments.
 Design Comp 1 | 2

Human Resources
Redesigned the American Century Investments Careers site twice.
 Design Comp 1
| 2

Millimeter.com
Interface designs for a B2B publication serving the film and video production industry.
 Design Comp 1 | 2 3

Prototypes

Built to test the function of the new design before starting production of a product, there are two prototypes that I use; PDF and Code based prototypes.

PDF based prototypes
Best used when testing for user's acceptance of the new look and feel.
 Prototype Screen 1 | 2

thumbnail

Code based prototypes
Great for testing functionality whether they are built with HTML or Flash.
bullet Prototype Screen 1

 

Story boards

A series of sequenced images for previsualizing interactive or motion graphics.

 

Design Systems

 

CSS Specificaiton
 View CSS Specification sample

 

Web sites

American Century Investments
 View Screen shots 1 | 2 | 3 | Visit site

Artman Photography
 View Screen shots 1 | 2 | Visit site

The Gilead Group LLC.
 View Screen shots 1 | 2 | Visit site

Learning Quest
 View Screen shots 1 | 2 | Visit site

St. Michael and All Angels Church
 View Screen shots 1 | 2 | Visit site