go home portfolio: print
portfolio: web
portfolio: illustration
portfolio: logos & icons
about or contact


PORTFOLIO OF WEB DESIGNS

Since 1995, Nancy has designed the look of over 30 web sites.

In every example below, Nancy was responsible for the design (developing the look)
and production (building the HTML, GIFs, JPGs and Javascript rollovers).

Site for a Professional Association's Conference

The brief:
bullet Create an identity for the event.
bullet Provide easy access to information as it develops in the months before the event.
bullet Use photographs of last year's event to create excitement.

Nancy's role:
bullet Design the appearance and the home-page photo-montage.
bullet Advise on the information architecture.
bullet Design the logo to relate to the ASTD logo.
bullet Build HTML templates so client could populate the site.

» Visit the site at
www.astdcascadia.org/conference/2005/

Site for an Architecture Firm

The brief:
bullet Incorporate existing logo with its tiny type.
bullet Use green from existing logo.
bullet Fully describe firm and its services, and show portfolio of projects.
bullet Support sections where client can add and remove content (projects, people).

Nancy's role:
bullet Design the look, with different layouts for different sections.
bullet Advise on the information architecture.
bullet Develop the user experience for the Projects porfolio (browsing by category, drilling down, and next/previous links).
bullet Build HTML for static pages and HTML templates for database-driven content.
bullet Create Flash animation for the home page.
bullet For a new password-protected content management system (not shown): work with the programmers on interactions, and write user-level documentation.

» Visit the site at www.lrsarchitects.com

Nancy was the design/graphics member of a team at Webhostworks.net that built the site.

Nancy was the design/graphics member of a team at Webhostworks.net that built the site.

E-Commerce Site for a Photographer

The brief:
bullet Focus attention on the photographs while supporting catalog browsing and purchase.
bullet Using existing calligraphic logo.
bullet Support browsing a catalog of over 400 images.
bullet Audience is art buyers (for hospitals, corporate collections, etc.) and interior designers.

Nancy's role:
bullet Successfully channel the strongly-felt aesthetic of the client (an artist himself).
bullet Design the user experience of the web-based application for purchasing products.
bullet Create Flash animation for the home page.
bullet Incorporate Seach Engine Optimization recommendations.
bullet Build HTML for static pages and HTML templates for database-driven content.

» Visit the site at www.allanbrucezee.com

"Brochureware" Site for a Custom Craftsman

The brief:
bullet Audience is mostly interior designers.
bullet European flavor: the client is from Germany, where he received formal training.
bullet Show the style and range of his furniture.

Nancy's role:
bullet Encourage client to include a section on how to work with him.
bullet Use existing logo; neutral tones similar to competitors' sites.
bullet Create gallery page with simple Javascript where client can add/remove items.

» Visit the site at
www.pdxmasterfurnituremaker.com

Nancy was the design/graphics member of a team at Webhostworks.net that built the site.

E-Commerce Site for Military Rings

The brief:
bullet Make finding the relevant ring easy for serving and retired military personnel (each wants one specific ring).
bullet Make learning about and purchasing the product easy for visitors with little web experience.

Nancy's role:
bullet Create a look that emphasizes patriotism and precious metals — as classy as the high-end product.
bullet Design a product page with multiple tabs (a familiar metaphor) to show full information.
bullet Develop the user experience for the purchase sequence of pages.

» Visit the site at www.classicrings.com

Flash-based Interfaces (Calendar and Map) for Database Lookup

The brief:
bullet Create a graphical user interface for a web-based application that searches a database of events.
bullet Display a list of events graphically in two ways: by location and by date.

Nancy's role:
bullet Design the appearance of the map and calendar; provide graphics files to Flash programmer.
bullet Design the user experience (scrolling the calendar, drilling down on the map, selecting items, and displaying details), and write a specification for the Flash programmer.
bullet Coordinate with cartographic subcontractor to get map image files.

» Test-drive the database lookup on pages in www.artfairsourcebook.com

Nancy was the design/graphics member of a team at Webhostworks.net that built the site.

Nancy was the design/graphics member of a team at Webhostworks.net that built the site.

E-Commerce Site for a Photographer

The brief:
bullet Support browsing of a many-item catalog and ease-of-purchase.
bullet Emphasize photos (drill down to very large image) and artist's statements.

Nancy's role:
bullet Design user experience of gallery browsing though drilling down and next/previous links.
bullet Build HTML for static pages and HTML templates for database-driven content.
bullet Write user-level documentation for (a) Photoshop prep of images for the site and (b) how to use the password-protected back-end system (not shown) to update his catalog.

» Visit the site at www.jdlphotos.com

Corporate Site
with Over 100 Pages

The brief:
bullet Adapt the look of print brochures to the web.
bullet Support navigation to many sections.
bullet Use many photographs to support the content.

Nancy's role:
bullet Develop the look to coordinate with print pieces.
bullet Create a home page layout that organized information for many audiences.
bullet Populate the site: convert content from MSWord files for dozens of pages.
bullet Build all the HTML and graphics files and organize directories.
bullet Create PDF files where needed.

» Visit the site at www.conmedis.com

Nancy was the design/graphics member of a team at Webhostworks.net that built the site.

Intranet Site
for Employee Education

The brief:
bullet Create a unique identity for the education program.
bullet Organize a large number of classes to be findable.
bullet Use photographs from clients collection of images.

Nancy's role:
bullet Design the logo and the look, including all type choices and colors.
bullet Advise on information architecture and determine the form of the menus/navigation.
bullet Build all the HTML and graphics files and organize directories.

These pages were on an intranet, so the public can't visit them.