ekfulton project one preliminary
Posted: Mon Feb 11, 2013 12:06 pm
Hi everyone.
The first website I found inspirational is:
http://www.radixweb.com
The reasons I found it inspirational: it uses big, bold images, and serves up a different image each time the page is loaded so that there is variety in look, which helos keep the site fresh for visitors. In addition, I liked the color and typeface choices, they both add to a clean crisp look.
The second website I found inspirational is:
http://www.bigpicturefinefocus.com
The reasons I found it inspirational: it uses oversized and colorful text on the home page which is very striking, and the navigation on the page http://www.bigpicturefinefocus.com/who.html is really cool. I've used this type of navigation in my design #1 below.
**EDIT** 02-17-2013
Hi everyone. So after reviewing the comments from the class so far, it seems a theme emerged about my designs: people thought they looked like a politician/real estate agent's web site and not so much like a graphic designer's page. This is really funny because before I started school at TMCC, I was in fact a real estate agent. I guess old habits die hard. Anyways, based on that feedback, I created a third design which, I hope, doesn't feel like a real estate agent home page. A few notes: 1) the 'contact' button will open a popup that will show my picture and my email address. 2) The 'projects' and the 'links' buttons, when clicked, will expand like an accordion downwards to show links to respective pages. That is why there is space below the 3 buttons. 3) the picture and crosshatch bar will actually be a slideshow: the picture and crosshatch graphic will scroll left replaced by a new photo and crosshatch graphic scrolling in from the right, so the effect will look like the pictures are moving along a kind of 'belt' in a continuous scroll from right to left. There will be 4 images, each of which is a black and white stylized photo of area landmarks taken a t night. The interval will be approx 10 or 15 seconds per picture, although I'll have to test that to fine tune a balance between being able to see the picture for an adequate amount of time, yet scrolling to happen in a quick enough manner so that the page visitor actually sees the scroll. Here the design: #1. I was striving for a clean, simple look and feel with bold graphics and an intuitive interface for assignment and web links. The idea for the links is that the major categories (i.e. links, assignments etc) are colored green and would be all that is displayed on the home page. Then, when you click on one of the green links, a submenu would appear below it showing the actual links for that category. See an example of this type of navigation at http://www.bigpicturefinefocus.com/who.html. #2. Similarly, the second design below also seeks to have a clean, simple look and feel with bold graphics and an intuitive interface for assignment and web links. The design concept of diagonal text would be implemented using clear rectangle images of decreasing width and one line of text plus 1 leading value high, floated to the left and stacked on each other, so that the text element would abut the right side of the boxes. Also, the ekfulton logo would be a background image, so that it would appear through the clear boxes. The site would have image links of some sort to make it more visually appealing.
The first website I found inspirational is:
http://www.radixweb.com
The reasons I found it inspirational: it uses big, bold images, and serves up a different image each time the page is loaded so that there is variety in look, which helos keep the site fresh for visitors. In addition, I liked the color and typeface choices, they both add to a clean crisp look.
The second website I found inspirational is:
http://www.bigpicturefinefocus.com
The reasons I found it inspirational: it uses oversized and colorful text on the home page which is very striking, and the navigation on the page http://www.bigpicturefinefocus.com/who.html is really cool. I've used this type of navigation in my design #1 below.
**EDIT** 02-17-2013
Hi everyone. So after reviewing the comments from the class so far, it seems a theme emerged about my designs: people thought they looked like a politician/real estate agent's web site and not so much like a graphic designer's page. This is really funny because before I started school at TMCC, I was in fact a real estate agent. I guess old habits die hard. Anyways, based on that feedback, I created a third design which, I hope, doesn't feel like a real estate agent home page. A few notes: 1) the 'contact' button will open a popup that will show my picture and my email address. 2) The 'projects' and the 'links' buttons, when clicked, will expand like an accordion downwards to show links to respective pages. That is why there is space below the 3 buttons. 3) the picture and crosshatch bar will actually be a slideshow: the picture and crosshatch graphic will scroll left replaced by a new photo and crosshatch graphic scrolling in from the right, so the effect will look like the pictures are moving along a kind of 'belt' in a continuous scroll from right to left. There will be 4 images, each of which is a black and white stylized photo of area landmarks taken a t night. The interval will be approx 10 or 15 seconds per picture, although I'll have to test that to fine tune a balance between being able to see the picture for an adequate amount of time, yet scrolling to happen in a quick enough manner so that the page visitor actually sees the scroll. Here the design: #1. I was striving for a clean, simple look and feel with bold graphics and an intuitive interface for assignment and web links. The idea for the links is that the major categories (i.e. links, assignments etc) are colored green and would be all that is displayed on the home page. Then, when you click on one of the green links, a submenu would appear below it showing the actual links for that category. See an example of this type of navigation at http://www.bigpicturefinefocus.com/who.html. #2. Similarly, the second design below also seeks to have a clean, simple look and feel with bold graphics and an intuitive interface for assignment and web links. The design concept of diagonal text would be implemented using clear rectangle images of decreasing width and one line of text plus 1 leading value high, floated to the left and stacked on each other, so that the text element would abut the right side of the boxes. Also, the ekfulton logo would be a background image, so that it would appear through the clear boxes. The site would have image links of some sort to make it more visually appealing.