- go home-- portfolio: printportfolio: web portfolio: image editingportfolio: graphics and animationabout or contact

PORTFOLIO OF WEB DESIGNS

-

Nancy Wirsig McClure has designed the look of over 30 web sites.

In almost every example below, Nancy was responsible for the design (developing the look)
and production (building the HTML and CSS, GIFs, JPGs or PNGs and Javascript rollovers, or a custom WordPress theme).

Nancy's focus in web site creation is creating the right image and user experience.
She works closely with a client to establish the site's purpose and audience (the brief)
and then designs the site to meet those requirements (resulting in the wide variety of styles seen here).

See also some of Nancy's web icons designs »

E-Commerce Site
for a Fine Art Photographer

The brief:

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

Nancy's role:

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

» Visit the site at www.allanbrucezee.com

Captured web pages for Fine Art Photographer

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

Captured home page for a family therapist

Nancy created the site in WordPress, customizing theme, CSS and graphics.

Easily-Maintainable "Brochureware" Site for a Family Therapist

The brief:

* Build site on a Content Management System, so that therapist can update pages and add articles.
*

Create an image for the therapist that is serious yet friendly.

Nancy's role:

* Design the look-and-feel.
* Customize the WordPress theme and the CSS so it doesn't resemble a blog.
* Create banners and buttons, and customize stock photography.
* Populate the site with pages and content provided by the therapist.
* Train the therapist to update the site herself and provide custom reference documents.

» Visit the site at parentingbyirine.com

Look-and-Feel
for a Catering Site

The brief:

* Beginning with existing logo and its color scheme, develop a new look for an old site.
*

Work with the web development agency by providing a usable mock-up of the pages.

*

Incorporate already-selected stock photos.

Nancy's role:

* Created the look and feel, and rapidly presented to the caterer several revised color schemes.
* Designed the look to be easily implemented in HTML and CSS.
* Delivered a readily-usable Photoshop file, in layers, to the web developers.

» Visit the site at www.portland-catering.com

Captured secondary page for a catering site
Captured web pages for a book site

Nancy created all HTML and graphics for this site.

Banners-and-Buttons Site
for a Book and its Readers

The brief:

* Create an architecture for authors to address their audiences (software developers who might use the book).
* Emphasize the new edition of the book, without confusing visitors who know the previous editions under the old title.

Nancy's role:

* Meet a tight deadline (replaced old site in about a week).
* Focus on the user experience, while "compartmentalizing" changeable content for the authors to update.
* Find and format content from old site, publishers' site, and author's files.

» Visit the site at www.qualityeclipse.com

Site for a Professional Association's Conference

The brief:

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

Nancy's role:

* Design the appearance and the home-page photo-montage.
* Advise on the information architecture.
* Design the logo to relate to the ASTD logo.
* Build HTML templates so client could populate the site.

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

Captured web pages for a Conference
Captured web pages for an Architecture firm's site

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

Site for an Architecture Firm

The brief:

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

Nancy's role:

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

"Brochureware" Site
for a Custom Craftsman

The brief:

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

Nancy's role:

* Encourage client to include a section on how to work with him.
* Use existing logo; neutral tones similar to competitors' sites.
* Create gallery page with simple Javascript where client can add/remove items.
Captured web pages for a master craftsman
Captured web pages for an ecommerce site

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

E-Commerce Site for Military Rings

The brief:

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

Nancy's role:

* Create a look that emphasizes patriotism and precious metals — as classy as the high-end product.
* Design a product page with multiple tabs (a familiar metaphor) to show full information.
* 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:

* Create a graphical user interface for a web-based application that searches a database of events.
* Display a list of events graphically in two ways: by location and by date.
* Use client's existing logo.

Nancy's role:

* Design the appearance of the map and calendar; provide graphics files to Flash programmer.
* 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.
* Coordinate with cartographic subcontractor to get map image files.
Captured web pages for flash-based interfaces

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

Captured web pages for a photographer's 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:

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

Nancy's role:

* Design user experience of gallery browsing though drilling down and next/previous links.
* Build HTML for static pages and HTML templates for database-driven content.
* 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.

Corporate Site
with Over 100 Pages

The brief:

* Adapt the look of print brochures to the web.
* Support navigation to many sections.
* Use many photographs to support the content.

Nancy's role:

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

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

Captured web pages for an intranet site for employee education

Intranet Site
for Employee Education

The brief:

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

Nancy's role:

* Design the logo and the look, including all type choices and colors.
* Advise on information architecture and determine the form of the menus/navigation.
* Build all the HTML and graphics files and organize directories.
----

Home   |   Portfolio of Print Design   |   Portfolio of Web Design   |   Portfolio of Image Editing   |   Portfolio of Graphics & Animation   |   About Nancy

----
this is hand2mouse.com, design and graphics, contents (c) Copyright Nancy Wirsig McClure click here to email the designer
Services: Graphic design, print design, web design; creation of presentations;
creation of graphics, illustrations, infographics, logos, icons and motion graphics;
by graphic artist Nancy Wirsig McClure in Portland, Oregon USA.