COHN- web post

For my web design I decided to use the same not-for-profit that I did for my poster design. I know a lot about the organization because the owner of my camp is on the board of directors and has given me some key insight as to how they attract donations. The group tries to balance between professional and kid-friendly, being that the group mission is to provide kids with money to attend summer camps.

I decided to use Helvetica throughout my design, because within the family there were different font types such as regular, bold, bold oblique, and italic, that would give me some differentiation throughout my pages while keeping a consistent feel. For my headline I put the group’s name, SCOPE, which stands for Summer Camp Opportunities Provide an Edge, which I put under the headline. I put the organization’s logo on the top right of the headline. Directly under I put a toolbar with links to different pages. The colors I used throughout were a dark green, like grass, a light blue for the sky, and yellow for the sun. Although it is not expressed on the webpage I did it with the intention that any viewer will get the idea based off the group’s objectives.

I put a lot of different links throughout my design, starting with the home page, which details the event, with a registration link. After the event page and registration page the rest of my site is focused on the group itself, with links such as about us, history, donate, and contact us. The consistency I went with was having the headline and the toolbar on each page, and then a picture in the top right corner under the headline. To the left of the picture is the title of each page, such as ‘registration,’ or ‘history.’ On the “about us” page I created a second toolbar of links which say ‘scope camps,’ and ‘exec. Board.’ I felt that this second toolbar for “about us” gave it a more realistic look because any page of this sort would most likely have more than one linked page.

My main font throughout is white on a blue background, which I used for all of the headlines except when there was a mouse over in which I used the green from the header. For information or other related containers I used black to give it a contrast from the white type seen throughout. All of the mouseovers, whether it be on the toolbar or in the container itself, is the dark green used in the header. I think the use of green, white, blue, yellow, and black throughout is very consistent and gives a feeling of visual continuality from page to page. Each page has a similar design with some modern changes, but the skeleton on each page, with the header, toolbar, logo, and picture on the top right make for a visually appealing and continual design.

Photos- All pictures were taken from the group’s website, scope-ny.org

Week Ten, Stefaniak

In this design, I've found the grid system to be quite useful. Though the grid usually isn't made visible to the viewer and is instead presumed to be there, this grid can be clearly seen. The lines of the grid are white, thin, and numerous, giving clarity to the design. Since every box contains a different pattern that together forms the full picture of a wolf, the grid proves itself to be very useful. If the grid wasn't there, then the entire picture probably would've looked like messy as a mesh of different patterns. Instead, the grid pattern provides visual interest and aids continuity, a Gestalt principle, for the design.

Week Six, Stefaniak

In this image, the Gestalt principle of continuity through color is successfully represented. Once you see the image of the cat in the background and the vivid blues and purples on its tongue, that contrast with its white fur, your eyes are immediately pointed downwards following the direction of the tongue to the snow-cone. The colors in the tongue, blue and purple, are mirrored onto the snow-cone, presenting the viewer with continuity between the two objects in the picture. The continuity works so well that it isn't until looking at the picture further do you wonder why a cat is licking a snow-cone in the first place. The Gestalt principle of continuity had allowed color to link the opposed images together in a fun way.