 |
Double Angel Foundation introduction page |
 |
Main page and menu bar
Mouse over effects on menu bar as if JavaScript were being used, but was not
Common feature throughout site is use of trailing graphic for back to top navigation (JavaScript) |
 |
Remembrance page
Use of background graphics with text in foreground, without having to use DHTML layering
Menu bar is resizable to browser window of 1600 x 1200 and pages are designed in proportional manner |
 |
Silent Auction page
Use of JavaScript-based slide show to display pictures from various events
All graphics were optimized for fastest possible display, as a significant number of users were determined to use dial-up from visitor statistics monitoring and analysis |
 |
Carbon Monoxide Poisoning page
Keeping up with the volume of articles was difficult - these were displayed within the navigational structure of the site, with the ability to click on the trailing navigation element and have it go back to the previous page as opposed to back to top - a tradeoff of familiarity and usability |
 |
How to Help page
Organization by topic addressed the limited menu bar capabilities that were requested by the client - here, the navigational graphic was changed to a baseball, (ball field construction being one of the non-profit's goals), and use of a familiar construct (the baseball diamond) helped visitors to remember where an item was for a subsequent visit |
 |
Fundraising pages
There were many ways to donate - a form to print out and mail, a method of donating securely over the Internet via credit card, purchasing fundraising items (also through a secure server via credit card)
Note the use of baseballs as a repeated motif throughout the site, tying the pages together while alluding to the ball field construction goal |
 |
Fundraising
Donations could be sent through Pay Pal, and automatically channeled into the bank account for the non-profit |
 |
Fundraising
Memorabilia items available in exchange for a donation - the shopping cart tied into a secure server where payment could be made through credit card |
 |
Fundraising
Example of item in shopping cart |
 |
Fundraising
Detail of transaction, with order information |
 |
Foundation Supporters
Alphabetic listings of over 1500 donors, with internal navigation using menu of A - Z hyperlinks to each section and the trailing navigational graphic returning users to the top of the page |
 |
Contact page
Although this page does not contain any sophisticated techniques, the artist who donated the original watercolor painting lives in Quebec, and speaks very little English, so in order to get her permission to display the graphic on the website, negotiations had to be conducted in French |
 |
Scrapbook page
The code was easy but the content was heart-breaking; use of thumb nailed graphics (after which, some of the thumbnails were edited), deckle edging as a background to the poetry contributed to the site, and scanning of unusual items, such as wooden plaques (JavaScript mouse overs to display both front and back) and cloth patches that would have been worn on a uniform |
