Advanced Search

Page 1 of 2 12 LastLast
Results 1 to 10 of 15

Thread: can you critique a website design?

  1. #1
    Join Date
    Jan 2009
    Location
    NH
    Posts
    302
    Thanks
    38
    Thanked 8 Times in 8 Posts

    Question can you critique a website design?

    I made a website for my buddy's business a while back. I will be doing an update soon for the product lines and thought maybe a few small changes.
    The site is http://nationalkitchencabinets.com/

    thanks

    if this is the wrong forum please move it to the correct one

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,297
    Thanks
    28
    Thanked 135 Times in 130 Posts
    Blog Entries
    28

    Default

    Looks good I like the colors and the composition of the pages.
    There's hardly flicker on page transition, even with Google Chrome and IE9.
    The site has been created with large screen resolution in mind. On smaller windows, there's a horizontal scroll bar. Have you envisaged to use percentages for sizing the content?
    Arie Molendijk.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,681
    Thanks
    43
    Thanked 3,126 Times in 3,092 Posts
    Blog Entries
    12

    Default

    We generally discourage this sort of thing. But for you we will certainly make an exception in this case. And this is the right forum for it. When I have more time I'll comment more extensively.

    For now I'll say what springs to mind. It seems clunky and boxy, not enough rounded corners. It takes too long to get to the product images. And I get the feeling it takes awhile to get to a lot of things. Basically too many pages and/or organized with details up front that could perhaps be more off to the side. At least in Opera, Visual Lightbox seems sluggish. I'd look into either updating the jQuery version if that would help and still work (might, 1.7.2 is generally compatible with scripts using the 1.3.2 version that the site employs there and has a faster css engine), and/or perhaps using another faster box type script.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Jan 2009
    Location
    NH
    Posts
    302
    Thanks
    38
    Thanked 8 Times in 8 Posts

    Default

    Quote Originally Posted by molendijk View Post
    The site has been created with large screen resolution in mind. On smaller windows, there's a horizontal scroll bar. Have you envisaged to use percentages for sizing the content?
    Arie Molendijk.
    I didn't use percentages, no real reason why not. Would you suggest that I do so?


    Quote Originally Posted by jscheuer1 View Post
    We generally discourage this sort of thing. But for you we will certainly make an exception in this case. And this is the right forum for it. When I have more time I'll comment more extensively.
    thank you

    For now I'll say what springs to mind. It seems clunky and boxy, not enough rounded corners.
    I made it boxy/square on purpose because cabinets are square. I was thinking like that in my thought process of the look.

    It takes too long to get to the product images. And I get the feeling it takes awhile to get to a lot of things. Basically too many pages and/or organized with details up front that could perhaps be more off to the side. At least in Opera, Visual Lightbox seems sluggish. I'd look into either updating the jQuery version if that would help and still work (might, 1.7.2 is generally compatible with scripts using the 1.3.2 version that the site employs there and has a faster css engine), and/or perhaps using another faster box type script.
    that is one thing I did want to do is change lightbox script for the door styles

  5. #5
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,508
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    Looks pretty good, but I've got a few suggestions:

    In my opinions, the main content window contrasts to heavily to the background... have you thought about putting a border on in?

    Also, that background colour (the red) is a bit bland... I'd suggest putting a textured background image instead (after a quick google search; http://www.koksgiganten.se/natbutik/...ov-mahogny.jpg; something like that...)

    One specific note; on this page, I don't really like the "1) MEASURING YOUR KITCHEN:" Subheading style... I'd get rid of the red background behind the text and try something a bit different...

    One more specific note; when you're on a page, it'd be nice if the corresponding navmenu link was lit up...

    Oh and I'd move the About us on the navmenu a bit (inbetween Home and Products)

    Otherwise, I quite like it!

  6. #6
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    586
    Thanks
    41
    Thanked 27 Times in 27 Posts

    Default

    Personally I like to keep my web pages to the size of the screen so scrolling is not needed to see what is on the page(most,not all of my webpages adhere to this thought)

    I like the photo display used.

    Overall the site was good
    Thanks,

    Bud

  7. #7
    Join Date
    Jan 2009
    Location
    NH
    Posts
    302
    Thanks
    38
    Thanked 8 Times in 8 Posts

    Default

    Quote Originally Posted by molendijk View Post
    smaller windows, there's a horizontal scroll bar. Have you envisaged to use percentages for sizing the content?
    Arie Molendijk.
    how can I change my css to do this?
    http://nationalkitchencabinets.com/design.css is the location of my css file

    Quote Originally Posted by keyboard1333 View Post
    Looks pretty good, but I've got a few suggestions:

    In my opinions, the main content window contrasts to heavily to the background... have you thought about putting a border on in?

    Also, that background colour (the red) is a bit bland... I'd suggest putting a textured background image instead (after a quick google search; http://www.koksgiganten.se/natbutik/...ov-mahogny.jpg; something like that...)

    One specific note; on this page, I don't really like the "1) MEASURING YOUR KITCHEN:" Subheading style... I'd get rid of the red background behind the text and try something a bit different...

    One more specific note; when you're on a page, it'd be nice if the corresponding navmenu link was lit up...

    Oh and I'd move the About us on the navmenu a bit (inbetween Home and Products)

    Otherwise, I quite like it!
    I LOVE the mahogany image for a background. I am definitely going to use that!

    1) MEASURING YOUR KITCHEN:" Subheading style will be changing.

    the corresponding navmenu link was lit up... I'm not sure how to do that

  8. #8
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,508
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    Try adding

    #current {
    color:#ffffff;
    background:transparent url("images/hmenu-sel.jpg") repeat-x top left;
    }

    to your css... you've already got the #current set up for which ever link is currently active...

    Did you make this site from scratch or revamp it?
    Keyboard1333

  9. #9
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,297
    Thanks
    28
    Thanked 135 Times in 130 Posts
    Blog Entries
    28

    Default

    Quote Originally Posted by mlegg View Post
    how can I change my css to do this?
    Replace the top lines of the css with this (this is only an approximation):

    Code:
    body {
    margin: auto;
    background-color:maroon;
    background-repeat : repeat;
    position:absolute;left:18%; right:18%; 
    }
    
    #mainPicture {
    position:relative;width:100%; height : 235px;
    width:100%;
    padding-top: 0;
    margin: 0;
    }
    
    #nav1 {
    background: transparent url(http://nationalkitchencabinets.com/images/hmenu.jpg) repeat-x scroll left top;
    height:40px;
    margin:0 auto ;
    width:100%;	
    text-align:center;
    }
    Then on the pages where you have the div with id="mainPicture" and/or the iframe for the video player:
    The div:
    Code:
    <div id="mainPicture">
    <img src="http://nationalkitchencabinets.com/images/KSLogo.jpg" style="position: absolute; width:100%; height:100%" alt="">
    </div>
    The iframe:
    Code:
    <div style="position: absolute; bottom:40px; width:40%;right:10px;height:40%;">
    <iframe title="YouTube video player"  type="text/html" src="http://www.youtube.com/embed/uKow1lb4W7k" allowfullscreen="" frameborder="0" style="position:absolute; height: 100%; width:100%; right:0px">
    </iframe>
    </div>
    Arie.
    Last edited by molendijk; 07-24-2012 at 11:59 AM. Reason: Correction

  10. #10
    Join Date
    Jan 2009
    Location
    NH
    Posts
    302
    Thanks
    38
    Thanked 8 Times in 8 Posts

    Default

    Quote Originally Posted by keyboard1333 View Post
    Try adding

    #current {
    color:#ffffff;
    background:transparent url("images/hmenu-sel.jpg") repeat-x top left;
    }

    to your css... you've already got the #current set up for which ever link is currently active...
    I did that, it didn't seem to do anything. Did I place the line in the wrong spot? http://nationalkitchencabinets.com/design.css

    Did you make this site from scratch or revamp it?
    Keyboard1333
    This was made from a compilations of a few designs I made.

    edit: I made a few changes to the site and it's uploaded now. I didn't realize I was using a table on the main page still, so changed it to columns with css. I will work on the page sizing later, thanks so far
    Mike
    Last edited by mlegg; 07-24-2012 at 10:34 PM.

Bookmarks

Posting Permissions

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