Grow your CSS skills. Land your dream job.

New Broker Website

  • # November 9, 2009 at 1:37 am

    Hey guys,

    Any feedback would be greatly appreciated. I have a real estate / broker that I’m designing for this site for as they start a new business. Right now the site is not in WP, so what I’ve done is we’ve created "phases" that we’ll progress through as the business grows. So we’re doing the creative part now with the static site, then move it into WP and probably use the Great Real Estate plugin when we do.

    I just got it online, so there are a few bugs to work out, compatibility issues, validation stuff, etc, so what I’ve got right now is the general layout.

    http://www.delsolrealtytucson.com

    # November 9, 2009 at 2:02 am

    A few things to ponder:

    I think the body text has a couple issues. One, I think it needs a bit more padding on the left and right, give it some room to breathe. Two more things can help with the readability of the body text: a) instead of giving the line-height a static number like 18px, give it a nice "1.5", I never go smaller than that, and b) sans-serif please! The majority of users find reading sans-serif fonts (Arial, Helvetica, Tahoma) much easier than serifs (Georgia, Times, etc).

    I’ve said it before, but I love repeating it: web design is all about the subtleties. I think having a gradient background is fine, but I’d love to see it be much more subtle. Along with the subtlety, I don’t think the sun rays are necessary at the top of the page, they almost take away from the logo.

    I like your h1’s and h3’s, but the h2 is a little weird for me. Breaks up the content in a non-flowing type of way. Could just be my preference there.

    Other than me nitpicking, there’s not too much to complain about, well done!

    # November 9, 2009 at 11:53 am

    Thanks for the feedback.

    The paragraph style and the sun rays may be non-negotiable. My original was that the rays were much less pronounced and you could barely see them. Unfortunately the client pushed for darker and darker backgrounds. I may try and make it a little lighter as a compromise, but it’s one of those things where I decided to pick my battles :)

    I agree with you on the h2 the more I see it. And I’ve never used line-height by inch, always by px carried over from my font size preference. I’ll have to give that a try.

    # November 9, 2009 at 12:19 pm
    Quote:
    I agree with you on the h2 the more I see it. And I’ve never used line-height by inch, always by px carried over from my font size preference. I’ll have to give that a try.

    I stand to be corrected but I suspect that he means 1.5em

    # November 9, 2009 at 12:31 pm

    It most likely defaults to being "em", but I actually don’t clarify an exact size. I simply put:

    line-height: 1.5;

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

You must be logged in to reply to this topic.

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