Grow your CSS skills. Land your dream job.

Website re-design Critique please

  • # May 31, 2013 at 3:36 pm

    http://hajzer.info/

    I’ve kept you updated with my precious designs and have decided to wordpress the site. for some reason, wordpress likes to change the positioning and styling from local. i’m still working out some kinks like javascript and all. but it should be working soon (i know i should have tested before going live.) I’m still learning. but let me know what you think.

    # May 31, 2013 at 4:02 pm

    form elements and icons look very nice. cool effect on your portfolio image as well. I can definitely see it is work in progress, so I think you are on the right track :) I would recommend some subtle differences in each section to differentiate the page a little. Looking forward to seeing more.

    # May 31, 2013 at 4:13 pm

    The name (re)design could be little confusing, do you only specialize in redesign? Surely user can be misinformed. I would reconsider the order in which you present information to the user. Place some informative content on top to grab readers attention then guide them through rest of the page. This should clear up the confusion (if any). Think of this piece of content as “[elevator pitch](http://en.wikipedia.org/wiki/Elevator_pitch)”.

    # May 31, 2013 at 4:17 pm

    My suggestions are small but may go a long way in appearance.

    I find the menu a bit difficult on the eyes, the white and yellow used don’t contrast enough to avoid strain. Some ways to fix this may be to darken the yellow, choose a color other than white, add a text-shadow, or make the font bold.

    I’m not a huge fan of the font but that is personal taste. I probably wouldn’t make all the headings in all caps with that font.

    Maybe instead of adding a scroll to top link in each section you customize something like http://webdesignerwall.com/tutorials/animated-scroll-to-top

    # May 31, 2013 at 4:17 pm

    One thing that really stuck out to me is your list of skills. I think that is best suited for your résumé.

    # May 31, 2013 at 4:21 pm

    To @christburton’s point, many of your skills can be combined into one category. Title tags, meta tags, image, planning/designing, etc – that can all be lumped together as “Web design” or “Web strategy” or something of the sort. Many of your “other skills” aren’t really necessary to list.

    # May 31, 2013 at 5:20 pm

    Animation for social icons should be resolved differently, it blinks right now. Make the background load earlier.

    Clicking Social breaks down the nav.

    And the yellow hover effect on portfolio sites is a bit stingy, but it’s just a matter of preference I guess :D

    Good job!

    # May 31, 2013 at 5:28 pm

    > To @christburton’s point, many of your skills can be combined into one category. Title tags, meta tags, image, planning/designing, etc – that can all be lumped together as “Web design” or “Web strategy” or something of the sort. Many of your “other skills” aren’t really necessary to list. – @siouxfan45

    That wasn’t my point. My point was that it shouldn’t be on a website, really. That data should be in a resume.

    # May 31, 2013 at 5:31 pm

    Also, the inconsistency of the typefaces you’re using needs to be addressed. Using PT Sans and Arial within the header doesn’t make sense to me nor do they compliment each other. They’re two completely different styles of a sans-serif. I think you can do better than Arial if you’re going to be using webfonts.

    BjK
    # June 1, 2013 at 7:02 pm

    Great start…my challenge was as said above around yellow nav being not strong enough contrast and service heading font when “bold” is bunched up too much and hard to read.
    Not fond of the hover yellow fading on portfolio…too gimmicky for me, as I prefer simple, clean, unobtrusive but that is just me. I find it distracting from your purpose to highlighting it.
    cheers
    have fun

    # June 1, 2013 at 7:43 pm

    I think the main problem here is more about you implementing things you see on popular sites (including this one) without giving it much thought. Including taking feedback here (not that I disagree) and slapping it on your page without even asking reasons why you should. That’s important.

    I already mentioned the issues with the consistency of the typefaces. There also seems to be a lot of unnecessary spacing going on all over. And the contrast of the social buttons compared to the background just looks completely weird.

    For your benefit, I think I should be straight up and honest. You don’t take the time to be consistent or see issues in your work. I literally clicked on one of the live site examples and saw an issue immediately. Which, by the way, I think those should be shown on your own site with a short descriptive write-up. If you choose to link them from there, great. Anyway, laziness won’t get you anywhere and it’s really a waste of your time if you’re not going to put forth a solid effort. Keep in mind that laziness does not reflect a lack of skill. Seeing you past work over time on this forum, I think you’ve shown a lot of improvement.

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

You must be logged in to reply to this topic.

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