Nasar Website Layout

Rationale

Attia Nasar

Project: Interface Design Project

August 14, 2009

Not-for-profit site audience

This site is aimed at anyone really. The organization serves children in northern Pakistan and Afghanistan regions. But this site is for individuals around the world to learn more about their cause.

Website visual identity

I wanted to show that this organization is serious in its mission. Visually I wanted to show that this site is organized and capable of doing what they have set out to do. I think this site is much more navigable now and an instill trust in the audience that CAI is a organization to invest in. I used all images that currently are on their website. I just positioned them better. I used a very simplistic typeface, to show the simplicity and sincerity of this organization.

Design strategy

I think my home page is very clean and relays the information neatly. I wanted to place a greater emphasis on the imagery and logo with my use of light and dark colors. The navigation is very easy and simple. When you move the mouse over the sections a drop down menu appears and when you click on a section, a similar menu appears on the left hand side for easier navigation and the page you have clicked on is highlighted to show that it was visited.

Style sheet

I used Helvetic Neue Condensed Bold for all the headings, navigation links, headlines, subheads, size 14 and 12 and 10. For the body copy I used Helvetica Neue regular, size 12.

Document grid

The document grid is interesting. It’s like a 4-column grid.

Sources

All images are from their website. The Facebook and Twitter images are from Google.

Extras

I used the colors from their logo.