treehouse : what would you like to learn today?
Web Design Web Development iOS Development

New Design For my site

  • I decided to redesign my site. Please take a look and leave feedback, comments, and tips.

    http://ww-wd.com/
  • Original menu and nice logo. For the rest: evrything grey and white, maybe a little bit standard. Try to break out, try to make something of your own of it. You could also play with the typography. Make something of it that will stand out between all those websites.
  • Your design is a bit simple, but it's nice. Your menu is creative, but I'm not sure if I like all the moving text, it's a little bit chaotic imo. I like your header.

    Like Edwin said, use some more typography. Make your headers stand out. Make them large, maybe another color or another font.

    Your coding seems a bit old fashioned on some pages, and that is also causing some validation errors.

    For example on your portfolio page:
    <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\" bordercolor=\"#111111\" width=\"100%\" id=\"AutoNumber1\">


    You should use css to specify border-color, border-width, width, etc. You can easily do that with inline CSS. And the bordercolor attribute seems unnecessary to me. If the border-width is zero, why specify a color?

    Replace this:
    <div align=\"center\">
    <center>


    By this:
    <div style=\"margin: 0 auto;\">


    Also, don't forget to add the alt-attribute to your images.
  • Thanks Onyx and Edwin

    I have updated my old fashion markup and CSS. It now validates on every page.
    As a side note i removed:
    html { overflow-y: scroll; }

    from my CSS because it wouldn't validate. My questions is, is there any thing wrong with having that code in my CSS?

    I'm still working on the typography.
  • I've got to be blunt:

    I like the page, but I do not think the menu is a good idea at all. It defies with usability logic, meaning a user wouldn't expect it at all and might get confused and/or irritated. My initial thought was "Huh, where'd the link go?" even though it only moved like 100 pixels.

    Why not use a standard list on the Services-page? Users would find it easier to read if you'd put one "service item" on each line. You could, for instance, design visually appealing bullet points to use on the list.

    In addition, I'd like it the picture of yourself on the Contact-page was floated to the right, so it wouldn't crash with my reading flow.
  • Updates
    About Page: photo moved to right for better reading flow.
    Nav: new hover images for a less jumpy menu.

    - Thank you: anyone who has given me any feedback i really appreciate it.
  • Indeed, a less jumpy menu 8) I like it.
  • On the About page you use a <h3> and <strong> for the same sort text:

    <strong>Design Related Computer Skills<br /></strong>

    <h3>Web and Graphic Design Experience</h3>


    It look like headings to me so it seems more logical to use the h3 for all the headings instead of the strong tag.

    The rest of the site looks pretty good.