davis_interfacedesign

Sadie May Davis
Interface design project
August 14, 2009

Audience: The most likely audience for this site is a combination of other, related non-profits and women’s rights interested individuals ranging in age from 20 to 50. The non-profit serves women, children, and adolescents around the world in the form of aid and education. I think activists are the most likely people to use this site, and they would use it to gain information about Family Care International.

Web site visual identity: My web site conveys a feeling of comfort and optimism. I use cool, comfortable colors to help make the images and content sold. The images are mostly hopeful, but they do highlight the issues FCI addresses. The site is simple and composed of rectangles. I did not want to detract from the content.

Design strategy: The homepage creates an interest in FCI. I used several layers to create links that work into the rest of the site. The main feature is eye-catching, and it makes the viewer want to learn more. The top navigation gives the broad areas of the site and the side navigation allows the viewer to explore more detailed areas of the main nav bar. I use the blue color to show which areas are links, and the blue color is also used to show people where they are in the site.

Style sheet:
Cronos Pro: Regular, Light Italic, Bold Caption – Header, motto, top and side navigation, sidebar headings, feature headings
Arial: Regular, Bold – body copy, body of sidebars

Document grid: I used a 12 section grid for this project. The twelve sections consisted of 63 pixels each. The eleven gutters between the sections were 4 pixels each. 12*63=756, 11*4=44, 756+44=800! (It took me a while to figure that out.)

Sources:
http://rickspate.com/images/africa_woman_child_web2.jpg
http://crs-blog.org/nutrition-for-mothers-and-children/
http://www.etravelphotos.com/photo.php?pid=974
http://www.cafod.org.uk/about-us/where-we-work/colombia/images/colombian-schoolgirls
http://runathena.com/images/BlankAfricaMap.jpg
http://www.alaf.co.uk/images/map.png
http://www.flickr.com/groups/1105005@N23/

Extras: I used blue and green from my header photo to create a color palette for this project.