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 18
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Location
    Edinburgh, UK
    Posts
    402
    Thanks
    2
    Thanked 1 Time in 1 Post

    Review of Possible Redesign

    I've been working on a new design, see below, and I was wondering if you'd have a look at it and let me know what you think of it. It's only an image, as we're only playing with the different ideas for a redesign, and this is a potential candidate.

    The content is just some text that I've made up to make it look slightly better and less empty, but I'm not 100% happy with the way the text looks at the moment, and will probably end up changing it before the site would go live.

    The image

    Any feedback would be greatly appreciated,
    Rich

    "An expert is a person who has made all the mistakes that can be made in a very narrow field."

  • #2
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    I think it looks quite good - nice clean, welcoming layout which is well designed.

    now that makes me want to get better with Photoshop even more....

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Edinburgh, UK
    Posts
    402
    Thanks
    2
    Thanked 1 Time in 1 Post
    @Jamie: Thanks for the comments mate

    I'm a little concerned that the layout is too plain, and there's not enough colour, but saying that I'm hoping that with the use of extra images within the main body will be able to make things come together.

    What are your views for the menu and submenu? I'm currently planning to make them work like Hybrid Css Dropdown menu, but I'm debating the colours. Do you think that if i switch the blues around so that the main menu has a dark blue bg with the light blue highlighting and for the submenu? or should I leave them as is?

    Perhaps I doubt my own work too much and should just 'jump off the high dive' lol

    @Jamie: Practice makes perfect - guess I should get on with practicing
    Last edited by Badman3k; 06-12-2005 at 10:03 PM. Reason: Typo :o
    Rich

    "An expert is a person who has made all the mistakes that can be made in a very narrow field."

  • #4
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    looks fine. very corporate professional. which I (can?) assume is the look your after.

    the menu-drop looks fine color wise. fits in nicely.

    the one thing that i see is the image placeholders. I mean how there set:

    left
    right
    left
    etc...

    IMO having them all on the same side helps the uniform feel of a site. maybe that drops it straightinto the "corp" feel but it feels natural that way.

    I'm all for breaking the "norm" so the left-right thing might work out. if you do it maybe justify the text in the p's next to the images so that the right pics text feels like it belongs.

    make sense?

    [edit] and text-indent some like 4-6px. it just makes it look natural IMO.

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Edinburgh, UK
    Posts
    402
    Thanks
    2
    Thanked 1 Time in 1 Post
    @ harbingerOTV: I do see what you're saying and I think I'll have a mess around with the design. At the end of the day, I do want a corporate feel to the site, but I want something stylish as well (do these things ever go?! lol).

    As for having the text justified, I'm still trying to work out how to do this in Photoshop (any tips would be very appreciated), so I had to leave it as left aligned, but I think it'd have been a natural step to make the text justified, but then again maybe I'd have left it - I'm not sure lol

    I think I'll start working on a mockup HTML/CSS version, see how things start to fit together and then possibly add a new link to this post for you guys to recommend other possible changes, but keep any other suggestions coming

    Thanks again guys
    Rich

    "An expert is a person who has made all the mistakes that can be made in a very narrow field."

  • #6
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Nah that design is fine - a little whitespace here and there never hurt anyone.

    In terms of me and Photoshop, I've had it for ages and never got any better at it

  • #7
    Regular Coder
    Join Date
    Jan 2005
    Location
    Essex
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I agree with weazel site looks very good, clean and professional good job.
    Danny Hayes
    Under Construction www.hayes-design.co.uk

  • #8
    Regular Coder
    Join Date
    Jun 2002
    Location
    Edinburgh, UK
    Posts
    402
    Thanks
    2
    Thanked 1 Time in 1 Post

    HTML Version Available

    Okay I've been working on getting this sorted the past few days, and now it's semi-ready.

    I've built it to work perfectly in both Firefox and Opera. I know for a fact that IE just spits out rubbish, but I'll attack that later when I'm happy with what I want. I've only tested on a WinXP system, but would like to know how the Mac and Linux render it too.

    I've had to make a few adjustments:
    1. Menu - I had to adjust what I wanted for the menu. The Hybrid design wouldn't work as the submenu wouldn't centre, but thinking about it I prefer it this way. The way it'll work now is that the top row is the main menu and you can use these to change section and then a new submenu will appear in the 2nd row (if applicable) for you to navigate the subsections. This is our current method and it keeps things slightly more simple.
    2. Menu Selected Background - I've decided not to have the rounded corners for the selected item in the main menu; felt it looked tacky, but let me know what you think.


    Anyway I've uploaded the site here and the css is here.

    I'd appreciate you guys and gals having a look around it, checking out the source and the layout/design.

    I have three very important factors that I'd like to achieve:
    1. Semantic
    2. Accessible
    3. Stylish


    If you could give pointers to achieve these goals I'd really appreciate it.

    Many thanks in advance,
    Rich

    "An expert is a person who has made all the mistakes that can be made in a very narrow field."

  • #9
    Regular Coder
    Join Date
    Sep 2004
    Posts
    347
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, the image looked pretty good, but now the site looks kinda messed up in IE. There is a bar in the middle of the screen which looks like it should be on top or bottom. Also, the text that says "solutions that evolve with you" is REALLY small and hard to read (I could read it because I have good eyes/I'm a kid ). Also, it is not valid .
    Other than those few things, it looks pretty nice and clean!

  • #10
    Regular Coder
    Join Date
    Jun 2002
    Location
    Edinburgh, UK
    Posts
    402
    Thanks
    2
    Thanked 1 Time in 1 Post
    Yeah I know about the IE, I'm not even going to start sorting that out until I've got the 'proper' version (for Opera and FF) sorted.

    I've sorted the little validation errors like missing /'s etc, but I'm having trouble with my lists. I've tried having a look at the specification on the W3C site but can't seem to work out what the problem is.

    The error is:
    Quote Originally Posted by w3c
    Line 17, column 16: document type does not allow element "ul" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
    <ul id="mainnav">
    Does anyone have any ideas?

    With regards to the logo: I've taken that from the business card design that I've done to go with, but the business card had a higher res, so when I copied it I needed to scale it, which made the text a little tricky to read. The final version would have a new logo created specifically for it.

    Thanks for the comments so far

    Edit: Online version updated
    Last edited by Badman3k; 06-14-2005 at 10:48 PM.
    Rich

    "An expert is a person who has made all the mistakes that can be made in a very narrow field."

  • #11
    Regular Coder
    Join Date
    Nov 2004
    Location
    Aurora, Colorado, USA
    Posts
    102
    Thanks
    0
    Thanked 0 Times in 0 Posts
    From your current site:
    As the satisfaction of our clients is very important to us, we place emphasis on a customer oriented development of your Internet-projects.
    That doesn't mesh at all with this:
    Yeah I know about the IE, I'm not even going to start sorting that out until I've got the 'proper' version (for Opera and FF) sorted.
    Chances are that most of your customers are using IE. Where did you get the idea that somehow because of personal preferences, FF and Opera (Hahaha Opera, <1%) are the "proper" browsers? You're essentially stating, that US highways should be designed to work with "proper" automobiles like Cadillacs, and screw everybody who can only afford a Ford Focus.

  • #12
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Itchybug
    Chances are that most of your customers are using IE. Where did you get the idea that somehow because of personal preferences, FF and Opera (Hahaha Opera, <1%) are the "proper" browsers? You're essentially stating, that US highways should be designed to work with "proper" automobiles like Cadillacs, and screw everybody who can only afford a Ford Focus.
    Dude, he was saying that he's going to get his design working in standards-compliant (proper) browsers before tackling the bugs in IE. When he has it working in standards, he'll fix it for IE. Getting it to work in IE first and then trying to hack it for standards would be much harder. Just because the majority use IE doesn't mean it's the best browser. Saying that FF and Opera are better isn't opinion; it's fact.

    Moving on...

    In regards to the mainnav, I'd give that whole bar (#mainnav li.on a, #mainnav li.off a) a 'border-bottom: 1px solid #C0C8D5'. Try it and see. I think it seperates the main- and sub-navs nicely.

    As for the search bar in the top right, I'd give it a dark blue border (matching your submenu) and style the button beside it using:

    Code:
    <button> {
      border: 1px solid #1E344B;
      background: #C0C8D5;
      color: #1E344B;
    }
    Might look cleaner?

    Your main text desperately needs a line-height adjustment. Try 18px or 20px maybe? It's very squished together right now.

    Speaking of the main text, why is the left padding like three-times wider than the right padding? That looks more like a rendering error than a design choice to me.

    And finally, it needs a footer of some kind. So many reviews on here and the designs don't have any feet...

    Aside from these small tips, I've nothing bad to say about it

  • #13
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    the left-right image thing really doesn't bother me as much now that there are actually images in there.

    maybe a little more left/right margin on those floats though. the text seems a little cramped up against them. I'd adjust the overall line heigth as well. thats a lot of text and looks clunky that tight together.

    text-indent. maybe a personal preference but just looks better.

    all in all looking fine so far. I think you have that "corporate" thing licked.

  • #14
    Regular Coder
    Join Date
    Sep 2004
    Posts
    347
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Saying that FF and Opera are better isn't opinion; it's fact
    That's kinda like saying Chocolate chip cookies are better than sugar cookies, and that's a fact. FF and Opera are better with complying to standards, but some people prefer to use IE for general browsing, so it is an opinion in that case...

  • #15
    Regular Coder
    Join Date
    Jun 2002
    Location
    Edinburgh, UK
    Posts
    402
    Thanks
    2
    Thanked 1 Time in 1 Post
    Quote Originally Posted by harbingerOTV
    text-indent. maybe a personal preference but just looks better.
    What do you mean by text-indent. Do you mean indent the first line of each paragraph by xems?

    Quote Originally Posted by AaronW
    In regards to the mainnav, I'd give that whole bar (#mainnav li.on a, #mainnav li.off a) a 'border-bottom: 1px solid #C0C8D5'. Try it and see. I think it seperates the main- and sub-navs nicely.
    I'm afraid I dislike this, makes it look 'wrong' I think. Thanks for the idea though. I do like the styling of the inputs however, great touch

    With regards to all other points (line-height, paddings etc), I've changed these and re-uploaded them to the internet - see if you like the changes.

    @Itchybug & Scootertaj: I understand what you're saying (both of you). I understand that the largest audience will be IE users, and I have nothing against that. I personnally feel that IE's a bag of crap, but that's my opinion. I will work on the IE version once I'm happy with what I get in FF and Opera and other standard complient browsers. However I do feel that these standard complient browsers (or as complient as possible) are easier to work with and feel that they display sites the proper ways. I feel that IE takes a lot of things and just throws out garbage. I think everyone should use a standards complient browser (regardless of whether they know what it is!), and for this M$ should sort out IE. If things all standards complient, there's no fiddling around trying to make it work in different browsers, cause they should all display them the same. And just on a side note, I did use inverted commas when saying proper. Wow went on a bit didn't I? lol No offence guys

    p.s. Can we keep things on topic please.
    Rich

    "An expert is a person who has made all the mistakes that can be made in a very narrow field."


  •  
    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
    •