Grow your CSS skills. Land your dream job.

New website – feedback please!

  • # March 18, 2013 at 11:23 pm

    Hi guys,

    I just finished a quick responsive site for a friend.
    [Go to site](http://mteverestcleaning.co.nz/ “Go to site”)

    Your feedback ‘ll be appreciated.

    # March 19, 2013 at 12:43 am

    Pretty nifty. :) The “contact” link on the footer drops down to a second line though, even on large screens.

    # March 19, 2013 at 1:09 am

    @Philben, question for ya, are you caching your images when the home page loads? The images take a while to load.

    # March 19, 2013 at 3:38 am

    @theacefes: will sort that out, thanks.

    @JohnMotylJr: I’m not, u got suggestions as to how to handle that?

    # March 19, 2013 at 11:37 am

    Very nice. Simple and straight forward design. For caching, if you’re using a CMS there’s probably a plugin to help you with that. If not, hijacking HTML5BP’s htaccess will help a bit.

    # March 19, 2013 at 11:45 am

    Nice :) One thing I would say though, on mobile it would be a bit annoying if on every page I was greeted with the Book Now form instead of the content of the page.

    Maybe have the content then the call to action? Or perhaps have a Book Now button that people can click to reveal the form (like you’ve done with the menu), that would save some space on those tiny screens! :)

    # March 19, 2013 at 2:00 pm

    A few things I don’t like:

    The header image makes me think it’s a lawn maintenance/landscaping site right off. What does a John Deere mower have to do with house cleaning (the main content of the homepage)? Maybe this should be moved to the “Lawn & Garden Care” page instead?

    When resized to mobile resolution, the sidebar content comes before the content. As lucas572 has pointed out already, this is annoying as all hell. I like his suggestion of adding a button.

    Overall, the colors are nice, but two things stand out—the blue in the “Call us today!” callout doesn’t seem complimentary, especially not with that neon green for the font color, and the gradient background on the navigation feels weird, as everything else is flat.

    # March 19, 2013 at 4:01 pm

    Thanks guys, all suggestions will be taken into account.

    @mcjohnst: It’s not CMS, so will attempt hijacking HTML5BP’s htaccess; not sure if the hosting package gives access to that file tho.

    @lucas572: that’s good observation; I’ll go with your suggestion.

    @JoshBlackwood: Yes, you’re also right about the images.

    # March 19, 2013 at 8:52 pm

    Overall the site looks really clean. Only a couple minor things.

    Images should be optimized. If you have access to an image editor (Photoshop, Illustrator, Fireworks, etc), use it to export the image to reduce the file size. If not you can use an online tool like Yahoo’s [Smush.it](http://www.smushit.com/ysmush.it/ “Yahoo Smushit”). Sometimes Smush.it is down though. They could be reduced by half in size.

    I might also suggest aligning the nav Left, instead of right. When the nav is that wide, aligning it to the right doesn’t come off as visually appealing as it might if it was just a couple links.

    When the mobile nav is up and you open the drop down, the Home, if high lighted, touches the button, should be a small gap.

    The footer has an empty list item with an unused class. First link also has an active class.

    When dragging the Contact form Text field, its changing the width of all the form elements. Not sure if thats intended. Might want to put a max-width:100% so it doesn’t get out of hand.

    Couple other small things like html that can be reduced in some places, usage of classes/ids.

    I’m really impressed. It’s a good looking website.

    # March 19, 2013 at 9:30 pm

    @noahgelman: thanks for the suggestions.

    # March 19, 2013 at 10:53 pm

    Looks good!

    # March 20, 2013 at 1:22 am

    The inconsistency in the horizontal space of the header and footer concerns me.

    Overall, good job.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".