Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Website Re-Design

Discussion in 'Website Design Critique:' started by pjohnstone, Sep 2, 2010.

  1. pjohnstone

    pjohnstone Member

    Hi everyone.

    First post on here so here goes!

    We have recently re-designed the website division of our companies website. We went for a 'one page' design that uses Jquery to access different sections of the page.

    Just wanting peoples thoughts on how clear the message is and if its easy to use/navigate etc.

    Any feedback would be much appreciated.


  2. linziloop

    linziloop Member

    My first comment would be that (just in my opinion mind), usually when you hover over a menu item like those in the top right, and get a drop down option, the drop down options are clickable, and yours (except the last one, oddly), aren't - they're there more so as a little bit of (basically pretty obvious) explanation. I don't think this is necessary and it is a little confusing at first as you don't know where to click.

    No other gripes at the moment though i am just skiving in work so not really giving it a proper look ;)
  3. pjohnstone

    pjohnstone Member

    Thanks for the feedback.

    Now fixed. I understand what you mean with regards to the dropdown. Its there to make the menu stand out just that little bit more than just a basic hover.

  4. I4Visual

    I4Visual Member

    Hi Peter.

    You have a great site there! well done.
    The Design is great, it's modern and well coloured.
    I like the drop down menus too.
    Looking good :)
  5. pjohnstone

    pjohnstone Member

    Thanks I4Visual.

    Our old site was very bogged down with too much information and users were telling us they were getting lost and did not understand what we actually did.

    With this site we decided to keep things very simple and clear. Let the work do the talking.

    I am glad you like it.
  6. DougBarned

    DougBarned Member

    Hi Peter :icon_smile:

    Overall, very nice!

    A couple of points / questions:

    • Email address in top bar not clickable.
    • Happy Clients quote texts are a bit small on the font size and large on the leading for my liking.
    • Get a quote from us button could use a bit more margin underneath to even it out with the margin above the Why Us? and Happy Clients headings.
    • This Get a quote from us button is also chopped off on a 1024x768 resolution and is the only call to action in the first section - consider revising copy in preceding paragraph to allow it to fit on? OR reduce height of Happy Clients to allow the button to go above or below?
    • What We Do section is nice, but the line length is too long, spoiling the visual appeal and damaging scanability and legibility.
    • What We Do Slider doesn't loop - why?
    • Clicking on the Our Work slideshow (why is this different in style to the What We Do slider?) opens the page up again in a new window/tab... that's not right surely?
    • Get In Touch form - Using FireFox (latest version, 3.6.8) on a Mac, step 3 slips below and the drop down selection elements are outside of the dark background of div#getintouch so the supporting texts can't be seen. Seems fine in Safari though.
    • Blog - Text in the top orange bar isn't vertically centred as it is on the main page.
    • Blog - Line length of the entries is too long in my opinion, but not so important for the blog as someone has chosen to engage at this point.

    Being really picky:

    • "Want a website? Give us a call" takes you to a contact form, not a phone number. Maybe "Want a website? Drop us an email" would be better?
    • A page should only have one <h1>. Some people think differently - but they're wrong :icon_tongue_smilie:
    • You have presentational class names, e.g. ".white-font"
    • Maybe add some more margin below your twitter feed? Seems a bit tight compared to the other columns.
    • Footer is inconsistent between blog and main site - Main site "Stream Media is part of Axis Media Group | Visit our blog" / Blog "Stream Media is part of Axis Media Group | Privacy Policy | Careers". A link to the main site in the blog footer and the privacy and career links on the main site would be nicer.

    Hope you don't hate me and hope that's useful :icon_cheers:

  7. I4Visual

    I4Visual Member

    Doug you picky little thing you :eek:
    No I totally agree with every point made, myself I was just commenting on the look/feel of the site
    Very well spotted though Doug, I find myself making mental notes like yours, then forgetting to write them down :(
  8. DougBarned

    DougBarned Member

    Cheers I4 - I do really like the site though! Don't get me wrong :icon_smile: Just trying to be helpful.

    I also have a huge list of things to do to my own site(s), it's just whether or not I get around to implementing the changes before I want to redesign them completely :icon_wink:

    Hopefully I've not offended Peter...

    Last edited: Sep 3, 2010
  9. I4Visual

    I4Visual Member

    I'm sure he'll be very thankful indeed, compared to my praising post you may have helped out alot :D
  10. pjohnstone

    pjohnstone Member

    No Doug fantastic feedback!

    When you work on something like this you start to miss little things like you have pointed out. I am delighted you took the time to go through the site in so much detail.

    I will update later today!
  11. I4Visual

    I4Visual Member

    See Doug x] I told you so.
  12. pjohnstone

    pjohnstone Member

    Once again thanks so much for the in depth feedback!
  13. DougBarned

    DougBarned Member

    No problem, good work :icon_wink:

    Call to action is now visible without scrolling on 1024x768 :icon_thumbup:

    I agree with your thoughts on the different slider / slideshow styles. Though I think for the What We Do looping and keeping the arrows would be good - personal preference though I guess. I like to be able to click through over and over, scanning the images. If it's obvious it's going back to the beginning, I think it's nice.

    An additional thing - might be nice to put a hover effect on the 'Get a quote from us' and 'Get in touch with Stream Media' just to re-enforce that they do something if clicked. Currently the 'Get a quote from us' only has the change of cursor and the 'Get in touch with Stream Media' button has nothing.

    Email address in top bar of blog still not clickable / linked.

    The text on the blog now (may have before, but I didn't notice) seems to be cut off on the right side (see attached image)

    Footer is still inconsistent, but only in that the blog doesn't have a link back to the main page, but that's up to you :icon_biggrin:

    Good, semantic HTML should have content marked up with semantic IDs and classes, describing the content's meaning and leaving the CSS to describe the content's style. .white-font is a presentational class name, describing it's style, whereas .introductory-text for example would be descriptive of it's purpose and meaning. As I said, just being picky. Makes no difference to how the site works, but if later in life you want that style to make things red, it would no longer make sense.

    Oh, and I noticed you've got no meta data in your blog's head, in case you forgot... many WordPress plugins can sort that out for you though.

    Oh, and to be reaaaallly picky again, going backwards and forwards in the browser, the logo and top bar wiggle between the blog and main page. Doesn't really mater though.

    I'll shush now.


    Attached Files:

  14. james.walters

    james.walters Member

    I realised I had to scroll right down just to see more features of the website. I would suggest for you to create like a few pages/tabs. You think it's possible? Do you host it yourself?
  15. Peter_su88

    Peter_su88 Member

    i like your name
  16. pjohnstone

    pjohnstone Member

    There are tabs at the top of the site that if you click on them take you to the other sections of the site.
  17. pjohnstone

    pjohnstone Member

    My name or the company name?
  18. Peter_su88

    Peter_su88 Member

    lol your name

Share This Page