(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.

(1,200 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.

(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.

(information architecture, conceptual layout, html and javascript coding, css, usability, cross browser/platform compatibility, and some graphic design and photography)

Collaborated closely with the directors and with key lab personnel to attain data regarding the target audience. Took initiative and gathered all of the necessary image and content resources. tilized simple design to enable individuals who know nothing of HTML or web languages to quickly and easily update the site.