Week 14: Interface Design Posting

I must admit that I had some trouble picking an event for this assignment. I did consider the event that I did my poster project on but the information on it was not easily available and it was a very localized event so I thought I would go in another direction. However, none of my other ideas seemed to pan out. Luckily, I found an online brochure of my event, which made this project much more doable.

Once I chose my event, my design ideas became clearer. Having been to this event for ten years or so, I knew the event inside and out. I knew that the audience was pretty much solely local residents from all different backgrounds. Therefore, I wanted to make a simple, comprehensible website for potential viewers. I also wanted to make it informational, since the event is highly advertised in the area by name, but not much by content.

For this reason, I chose to use the simple pink (breast cancer) and blue (prostate cancer) colors, which I took from the ribbons in the site’s header as well as simple black and white text because they are simple yet get the point across.

The pink color that I used was a pantone with an R: 233, G: 101 B: 180. I used this color as a background throughout the site and in various locations as well. This color is the symbol of breast cancer, one of the causes of the walk. The blue color that I used throughout is a pantone that I also pulled from the ribbon with an R: 72 G: 145 B: 86. I used this color as a background for certain text (especially behind white text).

For most of my text I used Helvetica. Mostly, it was size 18 pt or 21 pt and black and a majority of my body text. For my headers, I used Gill Sans sized 30 in white in front of the blue background in order to make it stand out. For the nav bar, I used Helvetica size 24 pt in the same blue color with pink mouseovers. For the main header, I used Berlin LT Std Bold Italic size 55 pt.