Grow your CSS skills. Land your dream job.

Critique My Site

  • # January 11, 2013 at 1:16 am

    Critique or flat out rip apart. I’ll accept either.

    http://new.mactimdesign.com/

    It is version 2 of my personal website. I still have a handful of things to fix with the tiny devices as far as responsiveness goes. Additionally, I can’t get the jQuery popup to work (the big circle after you’ve clicked a smaller one) to work on mobile. Its far from perfect, but meh.

    I’m looking more for technical critiques rather than design critiques. I’m not a designer and so I realize its not the prettiest site. :P

    # February 19, 2013 at 2:10 am

    Hi there!

    I think whole interface of your portfolio is not that good, But the responsiveness is working.

    Check your font styles and sizes.

    Div padding and margin.

    Styling of shadow on your objects.

    I hope I could help :)

    # February 19, 2013 at 3:50 am

    I like the circle design (though I’m getting fairly 90s vibes from it – and I can’t tell you right now wether that’s a good thing or a bad thing! =), but in smaller sizes it’s impossible to read.

    Don’t rely on title to show where people will end up when they click one of the smaller links, it’s jarring to say the least.

    To go back to the smaller sizes: I have a Galaxy S3 which has a quite large screen, and I can barely read the text. Draft is a pretty font at the normal sizes, but forget about reading it on my screen. I’m kind of getting the impression that the responsiveness isn’t actually triggering on the mobile, because it looks like the normal site.

    There’s something off with your lineheights, the text kind of flows together a bit too much when I change the size of the browser. And what is the minimum width that you’re imagining, because it seems like the width where I can no longer see all of the gallery (for instance) is fairly wide.

    Hopefully this is useful to you! =)

    # February 19, 2013 at 5:22 am

    As @melindrea said, it’s just a bit 90’s. Colours are a bit dull and typography is super boring, I’d definitely recommend looking into those aspects.

    I think what you need to consider is that being a developer it’s always hard to design. There are very few good “hybrids” that can cross the divide and ace at both design and hardcore code.

    If the objective of the site is to sell your services I’d definitely ask around for some design assistance as I don’t think the current on is going to help you convert visitors to customers.

    I get that it’s there to show the technical skills but it needs to be aesthetically pleasing too to make in interesting.

    Also it could use some calls to action “Click here to do X” – “Learn More about Y” etc

    # February 19, 2013 at 6:11 am

    In terms of the design, I’d agree with most other people as far as the 90s vibe (although when it’s a personal site a bit of individually could be a good thing). I am a particular fan of the navigation and the `:hover` transitions. Perhaps to lend a bit of consistency, you could make a slight change in the gradients between the header/footer and the main content area slightly more subtle. By far the most important improvement you could make in my opinion would be to sort out the line heights – the type is tough to read as it stands.

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".