Jump to content


Photo

possible re-design


  • This topic is locked This topic is locked
47 replies to this topic

#1 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 27 October 2006 - 01:58 PM

I want to create a new design for the school I work at.  They want to incorporate more student pictures and a wider layout.

The current site is http://www.coralgladeshigh.com

The drawing I was working on is http://multimedia-te...m/misc/CGHS.jpg

I've had one person at work say yes, and another say no, what do you think?

#2 akitchin

akitchin
  • Staff Alumni
  • Advanced Member
  • 2,516 posts
  • LocationCalgary, AB, Canada

Posted 27 October 2006 - 02:07 PM

my vote is a conditional yes.  it's definitely more colourful, the photos add nicely.  my only beefs lie with the following nitpicks:

1)  i can't stand the opaque white glow behind the school name's letters.  i assume you put it in there for contrast and to separate the shield, but i'd suggest making the glow around the letters a solid rectangle.  the current glow's bulby nature doesn't mix nicely with the straight lines and rectangle geometry of the rest of the site in my opinion.  i'd have to see it to know whether a rectangle cutout is any better though.

2)  probably one you'll fix before actually ripping it up into site-layout, but the shield isn't aligned horizontally.  the top half lies to the right of where it should.  really bothered me since the footer lends closure, but my eyes just can't get around the incongruence.

either way, i'm just being picky.  excellent incorporation of the width and photo requirements, and definitely feels warmer on my eyes than the old one.

#3 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 27 October 2006 - 02:11 PM

I would definitely vote for the new design over the first. There are a few nitpicking things I would have to say about the new design as well, but I'll wait for the full critique request to post those ;)
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx

#4 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 27 October 2006 - 02:22 PM

http://multimedia-te.../misc/CGHS2.jpg

possible different header

edit:  Also, the site would be center and possibly fluid.  Not sure yet.  I'm not sure splitting the crest works, but I think the crest is a big too tall, and looks stupid when I shrink it too much.  I would like to keep the header center, but it is a little empty that way.

#5 akitchin

akitchin
  • Staff Alumni
  • Advanced Member
  • 2,516 posts
  • LocationCalgary, AB, Canada

Posted 27 October 2006 - 02:45 PM

centering looks like it'd work for this.  also i think it looks much better now.  the footer feels sparse, but i imagine you'll be tossing some links in there soon enough.  as for the crest, i think it looks alright where it is as long as you push the nav down just a smidgen.

if you want to keep the header centered, could you maybe push the crest in towards the right a little, and start the school name and principal's name from the left of the center column keeping it left-aligned?  could give the illusion of centering while maintaining the rule.  although i don't know how clumsy that would make the crest look, and how much it would infringe on content.

#6 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 27 October 2006 - 02:47 PM

Yea, I'm having some trouble with the header.  Another option http://multimedia-te.../misc/CGHS3.jpg

That basically just increases the size of the font and crest head, but eliminates the body of the crest, which I did not split to the footer.

#7 akitchin

akitchin
  • Staff Alumni
  • Advanced Member
  • 2,516 posts
  • LocationCalgary, AB, Canada

Posted 27 October 2006 - 02:50 PM

looks cleaner, but the principal's name seems a little arbitrarily placed and it doesn't really feel as academic without that crest.  if you can get the crest in there somehow, would probably complete the look - if not, this is a good sans-crest design.  i like.

#8 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 27 October 2006 - 03:35 PM

most definitely the second design, or some form of it. i had a problem with the crest chopped in half, and also the lack of crest in the 3rd, as has already been mentioned - it's almost standard for a school website to have its crest, and in full display.

nice job though
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#9 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 27 October 2006 - 03:47 PM

I would stick with header #2 but i would cut that stroke/glow down a lot, try it (if it is stroke) to 1px or 2px, I don't think I would go over 2 though.

I def like the new design though. Once you get the footer filled in it will look a little better too. I also like the icons you used, did you make those or find them somewhere?

Can't wait to see the live version.

-Chris

#10 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 27 October 2006 - 04:07 PM

hmm, how about this one http://multimedia-te.../misc/CGHS4.jpg

edit:  I've also considered moving the login up to the header, but not sure.

#11 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 27 October 2006 - 05:12 PM

I like that one better. I also like that you moved that lower nave over to the right. I would keep the login where it is.

Try cutting the footer down a little (half) and see how it looks. Right now it looks a little too big.

-Chris

#12 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 27 October 2006 - 05:28 PM

http://www.coralglad...eshigh.com/v2/  That may help to see it as it may look. Login temporarily removed. I may just add a link and have its own page

#13 akitchin

akitchin
  • Staff Alumni
  • Advanced Member
  • 2,516 posts
  • LocationCalgary, AB, Canada

Posted 27 October 2006 - 07:48 PM

i like it.  good job.

#14 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 28 October 2006 - 03:32 PM

The layout is a lot better in the new design. It looks good, and I think it would score high on usabilty if reviewed.

The old site looks a lot more "finished", though.

[*]I think you should really re-introduce the white on green for the header and headertext. The footer would then look better in grey.
[*]The jaguar in the old footer is a nice touch. Maybe get a different image if you don't want to reuse this one.
[*]Reuse those vertical diagonal lines a bit more. I loved those in the original design. It fits really well with the jaguar emblem, and generally just adds to the "trusty" look, as in "I want to send my children to school here".
[*]The new design doesn't look too well on 1280x1024 or higher. Way too much empty space on the sides. Maybe you should consider limiting the content area horizontally, similar to your original design. I noticed this on your own site too, but now I realize you're probably only viewing it at 1024x768, and then it looks great.

One more thing, in IE the height of the footer is too big. This is probably what cmgmyr was talking about. It doesn't look that way in FF.

I made a screenshot for you, showing how it looks on 1980x1024 in IE:

Posted Image

I doubt that is how you intended it to look.



#15 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 29 October 2006 - 11:21 PM

thanks for the feedback, but what vertical diagonal lines are you talking about?

#16 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 29 October 2006 - 11:24 PM

thanks for the feedback, but what vertical diagonal lines are you talking about?


LOL, I said "vertical diagonal"... I just meant diagonal. You know, those thin lines you used on the green header of the old site.

#17 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 01 November 2006 - 07:55 PM

ok, I made some changes and started coding the markup.  I decided to go with a fluid 100% layout.  The base is started here http://www.coralglad...eshigh.com/v2/  The only problem is what I wanted to implement with the main caption picture. I want to stretch the image to fill the width on the center content, but this presents some problems.  I'm thinking about the best way to do it.

#18 448191

448191
  • Staff Alumni
  • Advanced Member
  • 3,545 posts
  • LocationNetherlands

Posted 01 November 2006 - 11:30 PM

Good call on the fluid width.

Maybe zooming the image is possible with CSS, I've never tried anything like that. I doubt it will be easy.

I still stand by my suggestion on switching the header and footer colors. I really really really think it would look better.

Anyway, if you find out how to accomplish fluid image size, please share.

#19 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 02 November 2006 - 03:29 AM

i like it, good job as usual ;)

#20 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 02 November 2006 - 12:10 PM

I'll change up the top and bottom for the hell of it to see how it looks, but I think the darker color on the bottom will be better.  I'll post again with another version. 

As far as the top image, the only way I can think to do it is to make a container that is fluid and set the large image as the background in the container.  This will allow more of the image to show as the screen gets wider.  BUT, they want to make it like a slideshow at the top that will cycle through images, so I think that option is gone.  I have to come up with a way to make teh content area like I wanted




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users