Grow your CSS skills. Land your dream job.

Corporate Website Critique

  • # March 20, 2012 at 12:15 am

    Hello everyone,
    I am just looking to get some feedback on a corporate website that I am building. So far I just have been working on the home page so there is a lot not done yet. Here is the link below

    http://www.petrowest.squarespace.com

    * Any ideas to make the sidebar look better on the right hand side. I still have to somehow get the stock ticker to work but I feel like it can be improved.

    Thanks for taking the time to check it out,
    Chris

    # March 20, 2012 at 12:55 am

    all the divs within .squarespace-slideshow are 2px narrower than the rest of the site
    all the links within #topNav have no hover or focus effect, thats unnatural especially to people who navigate by keyboard
    the last link in #topNav doesn’t need the right hand border

    It’s getting there :)

    # March 20, 2012 at 1:28 am

    I think you can probably solve your sidebar issue by just giving the text some style. Maybe instead of standard bulleted list items, you give the items a slight background color with a nice hover state, or perhaps add a basic date box to give it some character. It just feels bland because it’s all the same text, same size, same color, etc.

    I feel like the background needs something… even if it was a really faint gradient that could help it feel more vibrant.

    # March 20, 2012 at 1:29 am

    @karlpcrowley thanks for the feedback. Ill fix those 3 things right away.
    I am trying to get rid of that last border on the right in the top nav but the darn thing wont go away. Here is the code I am useing

    #topNav a:last-child { border-right:none !important; }
    # March 20, 2012 at 1:35 am

    @goalieman34 That’s because the anchor isn’t the last element in that div. Instead, use border-left and :first-child (it has better browser support anyway).

    # March 20, 2012 at 1:41 am

    @JoshWhite thanks for the great ideas! Ill add a faint gradient for the background. Do you have an example of what you recommended for the sidebar? Sounds really great but I just need a visual or something to help me out.

    # March 20, 2012 at 1:48 am

    @joshuanhibbert ok so I changed it to border left and first-child. Sorry how do I change things so that the anchor is the last element in the div.

    # March 20, 2012 at 1:21 pm

    Thanks for all the feedback so far

    http://petrowest.squarespace.com/

    # March 20, 2012 at 1:42 pm

    Hey goalieman,

    Maybe give some of the text and images room to breathe by adding some padding. Maybe try a different font for the headers too, Arial just seems a bit too bland. Other than that it seems OK, it’s a very “safe” design, but maybe that’s what they’re looking for.

    # March 20, 2012 at 1:52 pm

    @Johnnyb ok sounds good I will fix up the headers and add a bit more padding. Thanks

    Does anyone think it would make things look a bit better if I rounded all the corners in the Nav Bar, Slider and Page Content?

    # March 20, 2012 at 2:05 pm

    The menu might look better either lower case or capitalized
    All caps looks a bit agressive

    # March 20, 2012 at 2:31 pm

    Well, you could use CSS Tricks as an example for the sidebar. See how the sidebar is broken up into very distinguishable sections? The headers are clearly defined in a highlight color and the items under them feel like sub items but still have some character (background colors, etc).

    # March 20, 2012 at 4:14 pm

    ok I have started to work on the sidebar some. Hopefully you guys think it is starting to look better.

    http://petrowest.squarespace.com/

    # March 20, 2012 at 4:42 pm

    Yeah dude, way better imo – I think that gradient added some needed depth too.

    # March 20, 2012 at 4:46 pm

    @JoshWhite awesome, I am glad it is an improvement so far!

Viewing 15 posts - 1 through 15 (of 31 total)

You must be logged in to reply to this topic.

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