Review Request: CR Squash v2
Hey all,
The client started getting increasingly unhappy with many smaller things in the design, so it came time to create a new look for the website.
Still a WIP, so you might find things changing. Most content is there. I'm working on re-incorporating the "sidebar" column content into the main section still. (Maybe I shoulda posted in Concept/Layout/Design?)
Code is by no means valid. I haven't got to that stage yet. I'm yet cleaning up the mess I made with tables in the current design.
I didn't want to make too drastic a change, so I kept some elements from the current look similar or the same in the new.
I finally managed to get some kind of a header/title going (with a little outside help), and my client informs me he has some pictures en route.
Text formatting and layout is a little rough around the edges - I've only just converted to s and CSS (thanks Suzanne ).
Otherwise, critique away...
Renegade posted this at 07:58 — 7th January 2003.
He has: 3,022 posts
Joined: Oct 2002
Well, The site ['heading'] definatly looks better
But the grey blank bit on the right hand side looks too...empty :S it looks like it wants to filled with content but on the other hand it could be good since you don't want to over load the viewer with too much content
BTW I like the 'floating' nav
The Webmistress posted this at 08:51 — 7th January 2003.
She has: 5,586 posts
Joined: Feb 2001
The header looks great and I like the different lines of the design but IMO the design should at least fill 800*600, otherwise at larger resolutions there is more blank screen than site! Other than that the only other thing that I'm not sure about is the yellow in the navigation, it just doesn't seem right for some reason, maybe make it more of a gold/olive colour like in the logo?
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
Busy posted this at 09:26 — 7th January 2003.
He has: 6,151 posts
Joined: May 2001
I like greys
I like the new one but the side (as mentioned) looks a little empty or missing something, can you space the navigation away from the border some or even center it all like the old version.
The new banner looks good, a little hrd to make out what the guy is doing thou.
Just a note on the grammer, and you know how bad mine is so pay no attention if I'm totally off here, but shouldn't "located in Auckland Eastern Suburbs" be "located in Auckland's Eastern Suburbs" as it's an area rather than a place. **west is best anyways ;)**
hehe I like the bookings form - frontpage?
zollet posted this at 10:13 — 7th January 2003.
He has: 1,016 posts
Joined: May 2002
The new design looks a lot better. As mentioned earlier, I think the site should be wider (~700px). Right now it only takes up about 1/4 of my screen. I would also like to see it centered with a little space on the top. Another thing I noticed is that your links are red on the first page but blue on the other pages. You might want to add a few line breaks after the content on some of the pages (i.e. home, membership, contact us, etc).
Abhishek Reddy posted this at 10:57 — 7th January 2003.
He has: 3,348 posts
Joined: Jul 2001
I've modified it some, but ftp not working. I'll post again when upload works.
Busy, I don't do copyediting. Actually, I do... I have to (if I don't, who will?). You should see the origial copy I get - enough to make even the best spell checkers crash. Seriously though, thanks for pointing that out. Now, could you take look at the other pages too...?
I didn't use FP. Honest! It's code provided by the previous designer, who, I suppose, got it from the host who handles the booking input.
What do you mean by "centered"? Full-width center of fixed-width center? I wanted to avoid full-width as the content paragraphs all become single lines of text on larger resolutions, and it doesn't look very balanced. I might have trouble making the logo work with a fixed-width center layout...
In any case, I've made the whole thing a little wider.
Still wondering what to do about the big empty space on the right.
Thanks for the replies, everyone.
Abhishek Reddy posted this at 12:51 — 7th January 2003.
He has: 3,348 posts
Joined: Jul 2001
Updated here.
Changed the colours a bit, added a footer nav, changed the guy in the title image, and made the whole thing about 80px wider.
And don't view in IE yet. The nav is messed up - attrib selector doesn't work in IE. I'll be making separate stylesheets now.
Still a long ways to go yet.
Thanks all.
The Webmistress posted this at 12:53 — 7th January 2003.
She has: 5,586 posts
Joined: Feb 2001
Nope, don't like the navigation now The ends of the words are disappearing!! Plus I think it blends in too much now.
Abhishek Reddy posted this at 12:58 — 7th January 2003.
He has: 3,348 posts
Joined: Jul 2001
Yep, I'm still fixing that - IE doesn't like my CSS. I don't know if I should go ahead with separate stylesheets or revert to using classes for each element.
Edit: should work now. I rewrote the classes. *grr* IE
Megan posted this at 14:22 — 7th January 2003.
She has: 11,421 posts
Joined: Jun 1999
Looks much better. THat header is much, much nicer looking. I really like the way you've used that photo and faded text to create depth.
I still think that something more interesting needs to be done with the nav area. The text looks too plain IMO. I don't like the yellow backgroiund at all in this one - seems out of place. I do like the way the items stay highlighted when that page is selected.
Nice to see a table-less design that doesn't look too boxy or like every other table-less design!
Megan
Connect with us on Facebook!
Abhishek Reddy posted this at 15:45 — 7th January 2003.
He has: 3,348 posts
Joined: Jul 2001
Thanks Megan.
I've altered the nav so it's no longer floating and is now decolourised. It just sits to the left of the content. How's it look?
The Webmistress posted this at 15:51 — 7th January 2003.
She has: 5,586 posts
Joined: Feb 2001
To be honest I think it looks boring! You did ask
I think before it looked better as it had shape to it but now it is just boxy and colourless. How about bringing in the blue and red more?
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
Megan posted this at 15:54 — 7th January 2003.
She has: 11,421 posts
Joined: Jun 1999
I actually didn't mind the shape of the old menu - it's the unaltered text that looks boring, and the links are styled the same way as the body text which could be confusing to some. Try making those bold or something to make them stand out more. You could also try changing the background colour on mouseover - that would also make things more interesting.
Megan
Connect with us on Facebook!
zollet posted this at 16:49 — 7th January 2003.
He has: 1,016 posts
Joined: May 2002
Abhi, why don't you try and have the page centered instead of all the way to the left? Also the nav at the bottom, try use a smaller font to make them all fit in one line if possible.
Busy posted this at 21:47 — 7th January 2003.
He has: 6,151 posts
Joined: May 2001
I perfer the old naviagtion, this is starting to look a little boxy now. not sure
this may seem weird, but how about the navigation on the right, sort of counter balance the embelm section (using the old nav) as a gap on the left wouldnt appear as big as it has the top curve bit
**well I know what I'm talking about :p**
Abhishek Reddy posted this at 23:01 — 7th January 2003.
He has: 3,348 posts
Joined: Jul 2001
Right, I'll redo the nav.
zollet, I can't center it all because I have the header and nav absolutely positioned. I can't make them relative because the content layer is literally layered under the header layer. I'll have to switch to using images to continue the "line" upwards - and I don't want to do that. Also, I'd have to nest . And finally, the logo is suited to sitting in the top-left corner. IMO, it'd look imbalanced in the center. Still, I'll have a go at trying to center it for another draft later (I'll let the client choose ).
Abhishek Reddy posted this at 00:13 — 8th January 2003.
He has: 3,348 posts
Joined: Jul 2001
Better now?
Busy posted this at 02:54 — 8th January 2003.
He has: 6,151 posts
Joined: May 2001
push the navigation over 5px and push the content section to the right some, so the left line of the content area is about 3/4 of the naviagtion box instead of 1/2
how about adding a picture on the other side (bottom rightish), a racket, trophy, membership card, bandaid lol
not sure I like the grey on mouseover for links, white or off white perhaps?
Abhishek Reddy posted this at 04:30 — 8th January 2003.
He has: 3,348 posts
Joined: Jul 2001
Will be adding photos and other relevant graphics soon in the content region to make the home page look more "indexy".
I'm still fidgeting with the nav. I'll try what you said.
Also, can you post which browsers you're viewing this in? I'd like to hear from an IE5/5.5 user (I think that's what my client uses; possibly IE4 even :eek: ).
Renegade posted this at 07:45 — 8th January 2003.
He has: 3,022 posts
Joined: Oct 2002
i'm gonna be the black sheep and say it looks good
The Webmistress posted this at 08:38 — 8th January 2003.
She has: 5,586 posts
Joined: Feb 2001
Looks better but I too am not sure about the grey on hover. It all works fine in IE6, Opera6 but in NS4.7 it is one big mess!! On the contact us page though the content looks too squashed to the left IMO.
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
Busy posted this at 09:15 — 8th January 2003.
He has: 6,151 posts
Joined: May 2001
I used IE5 for comments made, I was going to use NS4.7 but noticed you don't allow for older browsers. If you want screen shots of any/all browsers just let me know
Since it's sort of a NZ only site (club site) you should refer to your logs and cater to them. remember we are more advanced in some areas but lag behind in others.
Abhishek Reddy posted this at 11:37 — 8th January 2003.
He has: 3,348 posts
Joined: Jul 2001
I don't have access to the raw server logs. I'll have to install a counter/tracker for that.
I've confirmed that the code works well with M1.2, O6, IE6, IE5.5. It *should* also work for IE5 and O5, but I doubt there will be many using either of those.
It looks semi-decent on NS4 now. If you're an NS user, don't complain - get Moz.
I don't know what to do about the contact page. There's not much info to show in the first place. I can't figure out how to present it.
The Webmistress posted this at 12:59 — 8th January 2003.
She has: 5,586 posts
Joined: Feb 2001
Don't know what version of NS4 you are using but on mine it all jumbled up!
On the contact page, how about moving everything over more into the middle of the main section? I think it's just where it's hard up against the edge it makes the page look sparse.
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
Abhishek Reddy posted this at 13:46 — 8th January 2003.
He has: 3,348 posts
Joined: Jul 2001
New contact page
I had some content to add, so I was able to fill it up a bit.
NS4.77 renders it as a pathetic heap of un-styled text and displaced images. But it's readable and some of the structure is retained.
The Webmistress posted this at 13:51 — 8th January 2003.
She has: 5,586 posts
Joined: Feb 2001
That's much better
Renegade posted this at 21:26 — 8th January 2003.
He has: 3,022 posts
Joined: Oct 2002
It still looks a bit too far to the left
Abhishek Reddy posted this at 06:35 — 14th January 2003.
He has: 3,348 posts
Joined: Jul 2001
Hi all,
http://www.sportsnz.co.nz/crs/
Mostly the same, except I've made the whole thing relative, and changed the nav and a few colours some more. I'm about ready to make this a final draft. What do you think?
Thanks.
The Webmistress posted this at 08:21 — 14th January 2003.
She has: 5,586 posts
Joined: Feb 2001
I still think that the nav bar is a bit uninteresting, have you tried the links bold to make them stand out more? I'm not a fan on stretchy sites as they look odd to me at larger resolutions with so little content but the site is ok. No pictures yet?
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
Abhishek Reddy posted this at 08:27 — 14th January 2003.
He has: 3,348 posts
Joined: Jul 2001
No pictures yet. Client's having troubles transferring. But rest assured there will be some when this goes online.
I'm totally out of ideas for the navbar. I've tried seven and a quarter truckloads of colour combinations, shapes, and sizes. Even tried a couple of variations with fonts, but I'll give that another chance now...
The Webmistress posted this at 08:30 — 14th January 2003.
She has: 5,586 posts
Joined: Feb 2001
I think the shape of the nav bar is fine, have you tried it with bold text and then the grey background changing to blue on mouseover?
JeevesBond posted this at 08:31 — 14th January 2003.
He has: 3,956 posts
Joined: Jun 2002
Looks pretty good to me.
I think you might improve the links on the side nav by making them the same colours as the bottom nav, this'll make them stand out a little more...Bit hard to read at the moment IMO.
(It'll also make your style sheets a little easier to manage:D )
a Padded Cell our articles site!
Busy posted this at 09:19 — 14th January 2003.
He has: 6,151 posts
Joined: May 2001
Thats looking really good, the navigation looks like it belongs now.
Instead of grey at the ends of it, have you tried the darker red from the banner (the colour of the word squash) and either continue the top banner to the right more to line up with the bottom (the same red mentioned above would probably suit) or add a rounded end like at bottom of nav
and maybe just change the color of the words "Facilities" and "Membership" to that red colour.
irish posted this at 14:25 — 19th January 2003.
They have: 8 posts
Joined: Sep 2002
I like the new design. However, I would like to see more of a squash theme in the design.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.