Review Request: CR Squash v2

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Hey all, Smiling

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.

Current site

New design

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?) Smiling

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. Wink

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. Smiling

Text formatting and layout is a little rough around the edges - I've only just converted to s and CSS (thanks Suzanne Smiling).

Otherwise, critique away...

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Well, The site ['heading'] definatly looks better Laughing out loud

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 Smiling

BTW I like the 'floating' nav Laughing out loud

The Webmistress's picture

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's picture

He has: 6,151 posts

Joined: May 2001

I like greys Laughing out loud
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?

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's picture

He has: 3,348 posts

Joined: Jul 2001

I've modified it some, but ftp not working. I'll post again when upload works. Sad

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...? Sticking out tongue

I didn't use FP. Honest! Laughing out loud 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. Smiling

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Updated here. Smiling

Changed the colours a bit, added a footer nav, changed the guy in the title image, and made the whole thing about 80px wider. Smiling

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. Smiling

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

Nope, don't like the navigation now Sad The ends of the words are disappearing!! Plus I think it blends in too much now.

Abhishek Reddy's picture

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. Sad

Edit: should work now. I rewrote the classes. *grr* IE Roll eyes

Megan's picture

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!

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Thanks Megan. Smiling

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's picture

She has: 5,586 posts

Joined: Feb 2001

To be honest I think it looks boring! You did ask Wink

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's picture

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.

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's picture

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's picture

He has: 3,348 posts

Joined: Jul 2001

Right, I'll redo the nav. Smiling

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 Smiling).

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

Busy's picture

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's picture

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". Smiling

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's picture

He has: 3,022 posts

Joined: Oct 2002

i'm gonna be the black sheep and say it looks good Smiling

The Webmistress's picture

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's picture

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's picture

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. Sad

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. Smiling

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's picture

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's picture

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. Smiling

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's picture

She has: 5,586 posts

Joined: Feb 2001

That's much better Laughing out loud

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

It still looks a bit too far to the left Sad

Abhishek Reddy's picture

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. Smiling

The Webmistress's picture

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's picture

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. Wink

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... Smiling

The Webmistress's picture

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's picture

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's picture

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.

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.