Glen Mcrae

Logo/website design – AUS building company

By Glen Mcrae

   on Sep 01, 2010
11 Reviews1 Vote0 Favorites455 Views

Concept Reviews

  • Adrian Van Zyl

    Adrian Van Zyl

    Rank: 5 Advanced

    185

    • Design: 3
    • Purpose: 3
    • Originality: 3
    • Engagement: 4
    1 Vote
    This review has been awarded.
    I like where this is going

    Posted on Sep 07, 2010 at 3:29 AM

    I like the work done on this page so far.

    The pictures are crisp and lend to the feel of a home improvement website. The tools are not professional, but that's an easy change.

    The only issue I would have is with the overall feel of the 'bottom half' of the page. Although it looks clean and is functional, it seems a bit sparse. Perhaps try adding something like a 'soft and slightly out-of-focus' picture of house with a front yard as a background.

    I must say though that at first look, this webpage gives me confidence in the company.

    Very nice

  • Marcos Lavorato

    Marcos Lavorato

    Rank: 3 Superior

    55

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    Draft

    Posted on Sep 18, 2010 at 5:58 PM

    I like it. I just change the I am looking for to a bigger font. I like the hammer, colors and the fonts. Congratulations.

  • Birger Eelen

    Birger Eelen

    Rank: 2 Titan

    562

    • Design: 4
    • Purpose: 3
    • Originality: 3
    • Engagement: 4
    0 Votes
    The message isn't that clear

    Posted on Sep 01, 2010 at 4:48 AM

    I like the site, the design and the alignment of the indivudual parts. The only thing that's strange is the hammer and the picture of the people. They don't realy match in my perspective. I think it'd be better to have a picture where the father is holding the hammer or the little child has a little construction helmet or something like that.

    I like the color gradient in the header, but in the navigation the gradient to white makes the text less readable.

    The logo is simple and clean but it's impossible to determine what type of company it is when you see the logo. I don't have any suggestions (yet) for improvement but I'll think about it.

    • Glen Mcrae
      Glen Mcrae commented:
      Posted: on Sep 01, 2010 at 4:58 AM

      hey thanks for the feedback :)

      I agree that there are issues with the hammer and the picture of the family. I have also had feedback from a friend that mentioned the same thing.

      Good point about the white gradient behind the text. There are legibility issues there that I need to address.

    • Birger Eelen
      Birger Eelen commented:
      Posted: on Sep 01, 2010 at 5:02 AM

      Maybe you can use an animation when hovering the menu? Just make it a subtle 'blink' to blue and back to white. This gives users the feedback they can click the button, without compromising the lay-out of the button.

    • Glen Mcrae
      Glen Mcrae commented:
      Posted: on Sep 01, 2010 at 8:26 AM

      Thanks for that suggestion. I believe your suggestion of some subtle animation on the menu would look nice.

  • Bonnie Mellott

    Bonnie Mellott

    Rank: 4 Master

    56

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    0 Votes
    photo

    Posted on Sep 01, 2010 at 7:18 AM

    1. You could replace the picture of the family with a picture of a home or business that this client has built. That would eliminate the questionable picture of the family and it would also make the company's purpose clearer.

      1. On the "see our work" CTA, I think you could put another picture of something they have built to reinforce it again. Other than that, the CTAs along the side are really nice.

      2. I like the little sign with their logo in the footer.

      3. The site is very professional and clean and completely blows their old site away! The logo redesign is a big improvement too.

    2. One last thing I notice is that the right side of the "building maintenance" button on the services nav is a little difficult to read over the white part of the gradient.

    • Glen Mcrae
      Glen Mcrae commented:
      Posted: on Sep 01, 2010 at 8:24 AM

      Hi Bonnie, thanks a lot for mentioning these issues. I'm going to take all of what you've said on board and try to come up with a solution to these glaring issues.

      Meanwhile I've uploaded an alternative version of the design while I hunt for another photo alternative.

  • Ben Gillbanks

    Ben Gillbanks

    Rank: 2 Titan

    2066

    • Design: 4
    • Purpose: 3
    • Originality: 3
    • Engagement: 4
    0 Votes
    Draft

    Posted on Sep 01, 2010 at 11:32 AM

    Loving the clean cool colours and the typography. The whitespace also works really well - nice and readable.

    I do have a couple of pointers for you though.

    It looks like there is a different grid in each section of the page. I guess there could be a grid that is 32 columns or something like that, but then it's not really visible since you don't use it.

    For instance I would make the renovations text in the footer line up with the central column of text in the main content area.

    Also the spacing in the columns in the third section seem to vary. This is the space beween the the image, the renovations column, the insurance made easy column, and the contact us space.

    Just been through the other images and I see that the spacing is a lot better on the other designs. I think trimwebaltaltfull.png has the best layout but miss the big hammer image that was in the first image - I thought that was quite striking and unique (I like the way it overlaid different areas of content).

    The contact us online button in the left hand column looks a bit sloppy. Everything else is lovely and crisp but the drop shadows etc on there seem to make things look a bit blurry and indistinct. I would swap the dark shadows for white ones to give the button a beveled feel, which would also improve contrast (readability) and make things feel sharper again.

    • Glen Mcrae
      Glen Mcrae commented:
      Posted: on Sep 01, 2010 at 9:27 PM

      Thank you so much for that feedback. The page is just using a simple 4 column grid. One of the issues I constantly seem to face when designing with grids is that the gutters never seen wide enough when using the classical swiss style of constructing a grid (for print) on the web, where the gutter width is the height of the main body copy leading. It never seems to be quite enough and I often feel the content gets bunched up a bit.

      I probably need to relax the rigid thinking I brought with me from doing grid designs in print and let things breath a little bit more.

      The reason things aren't quite lining up in some places is precisely because of this. :D I felt if I let things sit naturally on the grid, it's really tight. This could also be related to the overall width of the design. I think the container div is only 910px wide, as opposed to the 960 grid which seems to be used quite commonly.

      Perhaps its time for me to widen things up a bit.

      With regard to the button I agree entirely. I actually use Fireworks for my web design, and I'm finding it really hard to get really nice crisp rounded edges on buttons. Everything seems a bit blurry / hazy.

      I love Fireworks for its flexibility in creating buttons, creating things really rapidly, etc, but I think I have a way to go before I understand how to pull off really crisp buttons/ line work with it.

    • Ben Gillbanks
      Ben Gillbanks commented:
      Posted: on Sep 02, 2010 at 12:28 AM

      I've always gone for grids that 'feel' right instead of following rigid rules :) I think that as long as things are consistent you don't need to follow any set guidelines. Often more space = better so go with what you think works best rather than what someone said is a defined guideline.

  • Ashim D'silva

    Ashim D'silva

    Rank: 2 Titan

    843

    • Design: 4
    • Purpose: 4
    • Originality: 2
    • Engagement: 3
    0 Votes
    Alignment

    Posted on Sep 01, 2010 at 11:53 AM

    I love the massive hammer! It just stands out so solidly and combined with the line is instant sell. That being said, I don't think the first line of the copy should start "For the last 20 years…". Hit 'em with a little more direct benefit and then go into why you're good. (This may not be final copy, so ignore if needed).

    Visually: great colours and gradients, bold, clear, simple and professional, all good things. But Ben said it right, you need to solidify your grid a bit more; come of concrete and stable. A couple of small things bother me: the selected menu item fade (mentioned before), the hand drawn underlines (not used enough to be a 'thing') and the tall arrows (I don't think they add benefit anywhere, just distract).

    Does the "I am looking for" bit actually have enough options to warrant a drop down? If it's around 5 options, you could just lay them out and let people give 'em a nice once over and jump straight.

    Finally, what on earth is the blank board on the right for? Or is something coming there later? In which case, ignore comment again.

    • Glen Mcrae
      Glen Mcrae commented:
      Posted: on Sep 01, 2010 at 9:32 PM

      Thank you for the great feedback Ashim.

      I agree with your point about the copy. It makes sense to get straight into something more direct and persuasive as opposed to detailing out the life story.

      The I am looking for bit will have about 12 options. If I can cut it down into a few key areas and land people on a page which drills down further into the categories I will definitely look at laying them out for people to jump straight across with.

      There's really nothing going on with the blank board on the right. I was just throwing ideas around for backgrounds to another call to action if it was ever needed.

  • None

    None

    Rank: 2 Titan

    355

    • Design: 2
    • Purpose: 3
    • Originality: 2
    • Engagement: 2
    0 Votes
    remove the hammer

    Posted on Sep 02, 2010 at 5:47 PM

    I would remove the hammer and maybe put in the footer.

    • Glen Mcrae
      Glen Mcrae commented:
      Posted: on Sep 02, 2010 at 7:50 PM

      Hi. Could you please explain the reasoning behind your suggestion? Cheers!

    • None
      None commented:
      Posted: on Sep 03, 2010 at 3:14 AM

      I do not need to give any reasoning, since you read alot of books and tutorials. The hammer just looks awkward, just remove it ;)

  • Alec Harrison

    Alec Harrison

    Rank: 10 Newbie

    25

    • Design: 3
    • Purpose: 3
    • Originality: 2
    • Engagement: 2
    0 Votes
    hierarchy

    Posted on Sep 03, 2010 at 7:14 AM

    I'm not sure where I am suppose to first click or what to look at here. I think you need to make the CTA a bit more clear. Irregular shapes are actually more successful than just a glossy button.

    Right now, I would think "contact us online" is the CTA, but it's probably below the fold anyways.

  • Blue Nila

    Blue Nila

    Rank: 10 Newbie

    25

    • Design: 1
    • Purpose: 1
    • Originality: 1
    • Engagement: 1
    0 Votes
    Draft

    Posted on Sep 03, 2010 at 9:32 AM

    This site looks good. Color scheme is nice. But the hammer at the banner looks very odd. And label position is not good.

    Logo looks good but tag line looks unmatched.

  • Nathan Galloway

    Nathan Galloway

    Rank: 5 Advanced

    22

    • Design: 3
    • Purpose: 2
    • Originality: 2
    • Engagement: 2
    0 Votes
    Add more visual punch and solidify the heirarchy

    Posted on Sep 03, 2010 at 12:17 PM

    The call to action heirarchy could use a little work. The elements that cry for a click are all over the place. The "I am looking for" seems to be an item that I would give more visual punch. Like wise next in the pecking order would be the contact us. I would imagine with a business that relies most on tangible goods enticing physical contact would be paramount. Also for the home page I personally would pursue a less verbose solution. I would like to have more "ooh aaah" imagery on the home page with the played up call to actions. Then if the visitor prefers to they can look to read on.

    Also the colors seem more techy to me than something conducive to a builder. I would look for more earthy tones maybe with blue as a highlight and green as the call to action (like green as in go). I actually like the wooden bits and though have been done to death I would introduce more of that treatment. At the bottom you have the logo in that wood effect. I would promote that treatment more as well.

  • Richard Miles

    Richard Miles

    Rank: 1 Elite

    CF Verified professional

    4188

    • Design: 3
    • Purpose: 3
    • Originality: 2
    • Engagement: 2
    0 Votes
    Just a quick comment

    Posted on Sep 03, 2010 at 1:26 PM

    The hammer. The image is of a really really cheap, non-professional hammer. Since you are using it as a repeating element, use a professional hammer.

    Anyone who's ever done any building knows the head on that hammer is going to fly off after about an hour of serious work. No professional builder would EVER use it.

    See attached. All steel.

    • 33440_300.jpg.png