Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 23
  1. #1
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts

    Help me make this design less pants

    I'm no designer but my dad needs a favor and I don't want to let him down. I'm happy with most of it but the area around the 'croal irwell valley volunteer rangers' and the nav I think are what's letting it down.

    This was my original design
    http://hazelryan.co.uk/rangers/rangers.jpg

    and this is the build (still in progress)

    http://hazelryan.co.uk/rangers/

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    I'm at work right now so a few quick ideas.

    Darken the background of the site. It's real washed out looking. Just darken the current green your using and it will probably look better. I'd use a fade rather than a flat colour but that's just me.

    The nav is jerky and your right, nothing spectacular. First go back and close your <li> and see if that fixes the jerkyness. You have 4-5 open right now.

    I would think a background hover on the links rather than a text colour change might be a better idea. And, #CCC470, has go to be changed. It's not a pretty colour in this scheme.

    Maybe this can help, maybe not. I'll check in when I get off work if I have time.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I'm sure you know I am no deisgn guru but, I would think about picking a colour from your photo, say the dark reflection of the trees, and fade it downwards so that at the bottom it blends with the grass.

    bazz

  • #4
    New Coder
    Join Date
    Jul 2007
    Location
    USA
    Posts
    83
    Thanks
    6
    Thanked 7 Times in 7 Posts
    Nancy your picture is taking up a lot of prime real estate for your website. Bless them, but anyone using an 800 x 600 screen resolution is going to get a whole lot of lake and not much content. Rangers who volunteer at this location may have this screen resolution.

    The font choice for you banner is hard to read. Scripts are risky to use on headlines. I had to look at the title in the browser to be sure of the name of the website. If you are looking for contrast, yes red is a good bet with that green you've got going on but it's not harmonious enough for me. I think that bright red paired with the greens look a little too "Christmas" for my taste. I don't know what to suggest on that one. I just don't like the title font color. But I've noticed that sometimes what you don't like at first is actually the only good solution. You may in end need to keep the red. Font choice is my biggest issue with the title.

    Also I agree with harbingerOTV, your rollover colors are not working. I'd go darker, not lighter because your background color is already relatively light.

    The grass at the bottom is a little strange, but I kind of like it. It would "trim" it down a little bit as it becomes distracting at that size. You want the focus to be on the header and then the content. Right now my eyes are drawn to the bottom of the page to your grass which does nothing for me.

    Overall the design is very amateur but I think it will get the peoplethe information they need which should always be a web designers primary concern.
    Last edited by lithriel; 08-22-2007 at 07:54 PM. Reason: grammar

  • #5
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    Either of these any better?

    http://www.hazelryan.co.uk/rangers/rangers2.jpg
    http://www.hazelryan.co.uk/rangers/rangers3.jpg

    The nav is still pants IMO and I'm stuck for a hover style

  • #6
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    I think I like the lighter green background better but I like the header font from the dark green version more.

    On the nav, maybe try making the text look like buttons rather than just text. Since you've added in some gradients and shadows, they should fit the feel nicely.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #7
    Regular Coder
    Join Date
    Mar 2007
    Location
    Quebec
    Posts
    261
    Thanks
    6
    Thanked 7 Times in 7 Posts
    I like rangers3.jpg the best. I find its easier to read with that background.

  • #8
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I like rangers2 coz imo, the page has more impact/stand-out.

    I also like the header text, with the slight shadow and its colour is fine again, imo

    I recall someone mentioning the size of the photo for 800x600 users. I don't know if you have to consider them but, I think that at that resolution, the page is cut off quite well at a sensible point. on my ff 800x600, it cuts off just below the nav bar - about a scrollbar width below it.

    bazz.
    Last edited by bazz; 08-23-2007 at 11:41 PM.

  • #9
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    ranger3 is better than 1 and 2
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #10
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    This is why I hate design. Theres no 'answers'. Code has answers, if it works then its right. It might not be as efficient as it could be and maybe your answer is the best answer but at the end of the day, no-one really cares as long as it works reliably and fast.

    I spent hours looking at all these css galleries and best design award stuff and its all a total yawn, everything is the same - I haven't seen a site that made me go 'wow' since Joshua Ink's bus full of hippies - until yesterday where I saw a site that had a similar kind of thing going on but total 'wow' factor boldness - but thats just not something I can do because I can't make the graphics for it and this site really isnt that kind of 'wow thats so cool' kind of thing... so I'm left with mediocre and boring

  • #11
    New Coder
    Join Date
    Jul 2007
    Location
    USA
    Posts
    83
    Thanks
    6
    Thanked 7 Times in 7 Posts
    Sometimes wow is not the answer. Sometimes you are just commissioned to do a site for a target audience that doesn't need and should not have colorful bad photography of flowers draping all over the place.

    And I think your designs here, ranger 2 (minus the header font), is better than "Joshua Ink's bus full of hippies" honestly. But like you say there is not one "right" answer because everyone's opinion is different.

    I think it is wise to choose based on accessibility if you get stuck on a couple of designs.

  • #12
    Regular Coder
    Join Date
    Mar 2007
    Location
    Quebec
    Posts
    261
    Thanks
    6
    Thanked 7 Times in 7 Posts
    Ask the people that matter. The Rangers They'll be the one visiting it

  • #13
    Regular Coder
    Join Date
    May 2006
    Location
    Wales
    Posts
    820
    Thanks
    1
    Thanked 82 Times in 79 Posts
    In 800x600 for http://hazelryan.co.uk/rangers/ the shadow on either side of the main panel creates a horizontal scroll bar and you can only just see the first 2 lines of text before having to scroll down. Also I think the yellow nav buttons stand out a bit too much on the white background.

  • #14
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    I agree that Bus ful of Hippies is not really the right style for this but everything online is so drab and mundane, I've seen it all before. I guess I'm just old, grumpy and bored with it all. But I want to do something really great - I dont get to design a lot - mostly cos I suck.

    The thing is, they've not actually agreed to have a website yet - they know nothing about it, but my dad thinks they should have one, cos currently he gets his roster through the post every 2 months and he has to check the boxes and send it back in the post and he'd rather do it online. So he wants me to do a mockup site to show them at their agm next month.

    I want it to be really great because I want to impress my dad (sad isnt it?)

    I think I'm going to go something like this http://hazelryan.co.uk/rangers/

    I tried to do a nice little css dropshadow on the text but it wasn't right in IE7 (the shadow was on top of the text) I know I've done it before and I'm sure I had it working in IE6 (this was pre-IE7), I posted it here on the forums but it seems to be lost to the archives.

  • #15
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    Quote Originally Posted by Mwnciau View Post
    In 800x600 for http://hazelryan.co.uk/rangers/ the shadow on either side of the main panel creates a horizontal scroll bar and you can only just see the first 2 lines of text before having to scroll down. Also I think the yellow nav buttons stand out a bit too much on the white background.
    I think you caught me mid-upload, should be ok now.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •