(original information and site architectures, layout, usability, original graphics)

Original design stood from 1994 to 2002. User Interface was recently redesigned in December 2002 by an outside contractor.

Site was orignally designed for use by the academic community. Information architecture was refined by feedback from community. Original goal of the site was as a reference and instructional resource while keeping the code simple for non-web designers to quickly update. What remains from my earlier work are most of the primary fundamental page flows and basis for the information architecture.

(layout, usability, and information and site architectures)

Original design of HHP was intensively graphics heavy with no solid organization of information. Performance was slow and finding information was extremely difficult. The architecture was redesigned based on what was known about the client audience and information was organized to facilitate clients finding what they needed quickly.

The present look of the site is a redesign after my departure, however the architecture and flow remains intact.

(2,100 pages, site wide SSI implementation, layout, usability, information and site architectures, graphic design, cross browser/platform compatibility)

The original FHG site was also intensively graphics heavy with poor organization of information. Infrastructure of the site was also problematic since identical pages with similar navigation buttons were independent of each other. The site was redesigned with Server Side Includes (SSIs) to facilitate future updating of information. The overall architecture was also simplified to run in parallel with the Family Health Guide Book which this site is companion to. The results of the improvements resulted in a 100 fold increase in overall hits to the site.

(design and marketing team, information architecture enhancements and fixes, usability, marketing, quality assurance testing, cross browser/platform compatibility)

• Barron's "Survivors on the Online Island," March 12, 2001
• Forbes.com "Forbes Best of the Web," June 25, 2001
• Forrester Research "Morgan OnLine Sets the Bar For Online Advice," June 26, 2001
• American Banker "Tech Scene: Sophomore Morgan Site at Top of Class," July 11, 2001
• Forbes.com "Forbes Best of the Web," December 3, 2001
• Barron's "The Electronic Investor," March 25, 2002

Morgan OnLine started with an information architecture filled with mixed metaphors and inconsistent grammatical constructs. Standardization of the information architecture enhanced usability and lead to improvements in client comprehension of available choices and facilitated client search for desired functionality.

The actual graphical design was significantly simplified from early versions to maintain performance, while attaining the unique JPM-Chase feel.

My client research also revealed that MOL users tended to be bankers running Netscape 4.7X and older individuals, some with vision problems. This lead to compatibility challenges by resolution and by browser since MOL was originally designed only to run in Internet Explorer at 1024 X 768. I developed the HTML wireframes and prototypes that worked not only in Netscape and Internet Explorer but also in 800 X 600 in addition to 1024 X 780 which was the original required resolution to run MOL.

http://www.lotsaweb.com/wangal/arrakis/index.htm
Samples of actually implemented designs
I contributed to developing and building
(cleared through JP Morgan-Chase legal)

(everything) My Homepage site was designed with the physical limitation of bandwidth. Because the server is connected to an internet gateway that is considerably slower than a T3 connection (roughly around 30k/sec), I had to keep the complexity of the design down to maintain reasonable site performance. All page designs reflect this performance limitation as I chose to prioritize speed and content above all else to maintain reasonable performance. All parts of lotsaweb.com are affected by my bandwidth limitation.

This Portfolio section was designed differently than the other parts of my site to showcase an intentionally simpler, faster design. With an emphasis on content without all the usual overhead, I built a site that is easy to maintain, fast in performance and direct in its goals. Contrary to the opinions of many self-proclaimed experts and non-designers, usable content and speed are the two most important parts to any website. If your clients can't find what they're looking for and/or the site presents the information too slowly, your site is not usable. Default browser fonts and minimal images were used to keep the overall performance high.

(everything)

A conceptual home page for an idealized organization along the lines of the Banzai Institute. The design utilizes image and text rollovers to reduce the amount of space consumed. The direct links to the various sections have not been yet built.

(everything)

)The Raven's Sun Consulting Group site is also placed on a server with bandwidth limitations. The design was therefore implemented to use as little bandwidth as possible while still maintaining the desired feel. The site utilizes a black background design to parallel the stories and mythology of the Northwest First Peoples regarding the Raven as the bringer of light to mankind. The logo then becomes a beacon against a backdrop of darkness. However, because of the dark background, printing of the pages becomes an issue, so separate printable versions needed to be created with dark text on a light background.

(information architecture, conceptual layout and graphic design)

The EveryDay Angels Foundation is an organization to help individuals get involved in their communities but who may not otherwise know how or where to start. The design takes advantage of EDAF logo by producing a sweeping star that brings forth the ideals and metaphors to volunteering and helping. Arfter going through a number of different prototypes, this design was selected to best graphically represent the feel of the metaphors and the symbols the organization represents.

(everything)

This site was created with the goal of helping new and prospective homeowners understand and consider the different aspects of home ownership, improvement, and what to expect when fixing up a home. It also provides resources and contacts for companies that we have had good success with.

(information architecture, images, pdfs)

Utilized simple design to enable individuals who know nothing of HTML or web languages to quickly and easily update the site.