Welcome to the Official Class Blog of GRA217- Section 4


Tuesday, April 27, 2010

Week Fourteen, Stefaniak





Strategy:

Since I had already created a poster for the Pawcasso art auction event, I wanted to be able to utilize my design in other ways. Because the event is annual, I thought that creating a website design for it would be the perfect way to go about expanding my design. Therefore, the website mirrors the poster design in several ways, using a similar color scheme and style.

In order to create an effective design, I started out with an enter page. When I go to websites, I feel as if pages that start with a big visual that you must navigate past to get to the actual website builds up intensity and aggrandizes the website. For this reason, I created an enter page with the visual large and prominent in the center, leading the viewer to the rest of the information about the event. All the pages that follow consistently follow the pattern of navigation bar on the right to frame the faded cat picture, and information in the center for easy readability. I used the grid mainly to center and lay out my design.

Typefaces:

Though the website is very similar to the poster design, I used all sans serif typefaces on the website. I felt that fonts such as these, Grotesque MT Std, Myriad Web Pro, Helvetica LT Std, and Myriad Pro, were more consistent with web readability than the serif fonts used in my poster design. In addition, all fonts except for the picture caption have a drop shadow effect on it. Since 3d visuals are more interesting than flat ones, I thought adding a shadow to the type would create dimensionality and interest.

4 comments:

  1. Very creative drawing on the front page, I like the way you fade it out and keep it in the background on each page.

    ReplyDelete
  2. I really like how you incorporated your design for the poster into your website. It will make it easier for people to connect the two. I also think you chose a strong color pallet, and I like how the links to each page go off of the cat's whiskers.

    ReplyDelete
  3. I really liked the image of cat is centered and it really does not distract me reading the texts. I also liked the setting of navigation bar that it definitely made in great design.

    ReplyDelete
  4. This was probably one of my favorite web designs. I like how you had the welcome page with just the cat's face on it. It gave it a different look from other web designs. You're website looks extremely professional. I enjoy it a lot. I also like how you made the cat 3-D.

    ReplyDelete