Grow your CSS skills. Land your dream job.

Honest Design and Coding Critiques

  • # September 24, 2013 at 11:33 am

    Hi,
    I’m fairly new into the world of web design and development and was wondering if I could get some design critiques on my main website. It’s a responsive design that should work in all browsers at any size as well as on mobile devices. I read that this would be a good place to get feedback.

    davidjkayser.com

    Thanks for your help!
    -David

    # September 24, 2013 at 12:20 pm

    I love it , I am very new to this so I have no critiques but great job it is a great looking site

    # September 27, 2013 at 2:40 am

    nice job done, but
    1: Change 3 images which are you lined up in 3 sections,
    2: not giving so much professional look
    3:Contact form is not as good as your site is.
    4: give some padding to your form inputs and also work on fonts , along with your SUBMIT button give some styling to it

    # September 27, 2013 at 2:28 pm

    If there was one thing I’d dramatically try and improve it would be the icons. They look pretty clunky (especially the 2nd tier ones with the gear and cash symbol).

    The fonts in all honesty are difficult to read. I’d try and give it a higher weight if possible or look for more readable fonts. One big problem is that they are right over images, which increases the difficulty.

    This is also just a critique in terms of strategy, but my recommendation would be split the photography and the web into different business websites. I recently encountered someone who did print design who just talked freely about how in addition to building business cards and “sometimes doing websites” he does landscaping. You’ll never be a professional in a field you can’t master enough to be able to do it for a living.

    # September 27, 2013 at 7:19 pm

    @ian.izaguirre001 – Thanks for compliment!

    @Junaid_Farooq – Do you mean to change the icons on the beautiful design, creative ideas, and responsive?
    What is it that makes it seem ‘unprofessional’?
    Thanks for the tips with the form page – that section has been bothering me.

    @JoshWhite – I designed the icons myself so any advice on to why they’re clunky or what I could change to make them appear less so? Maybe shrink them in size? Lose the circle part and just use the inside pictures?
    Also, what browser are you using? I know Firefox was displaying my fonts differently. Also are you seeing the blurred opaque background the text sits on top of? Just wondering because I added that for readability and am wondering if it’s just a bug you’re getting or if it’s extra hard to read. This also may be harder to read if you are getting a thinner font than what I’m seeing on most browsers.
    Thanks for the strategy tip. I think I agree with you and will rework the section to not include photography.

    Did anyone notice the click events when you click the icons and thoughts on that?

    Anyway, thanks for the advice so far!

    # September 27, 2013 at 7:38 pm

    ^Tried figuring out how to tag multiple people then tried to delete the comment which resulted in my tagging my own empty comment for inappropriate content. Sorry about that. Any idea how to delete? Or could a moderator delete this comment and that one?

    # October 8, 2013 at 4:28 pm

    I’d unpin the banner and make it scroll with the rest of the page.

    # October 10, 2013 at 4:08 am

    Have to agree with some of the other replies, on a smaller screen that pinned header takes up a lot of space at the top of the page.

    Another point to make is that there seems to be some slight formatting issues with the columns on the front page (Chrome, Windows 8): screenshot

    The contact form looks very rushed, you have a great site and then there is that contact form…

    Other than that I really like it, the icons are pretty neat!

    # October 16, 2013 at 7:13 am

    I think the problem with the icons/glyphs and why they look “clunky” to others is that they are not as clean and crisp as we’ve become accustomed to seeing on other sites. The edges are very pixelated and some lines look hand drawn. If I had to guess I’d say you created them by drawing with the mouse in Photoshop, possibly Flash.

    Most designers make their icon/glyphs using tools in Illustrator to create Vector images.

    Also, there is a slight “jumping” in the animated gear GIF, before the onclick, which means there’s something wrong with the frames in the animated gif.

    Just my two cents. =)

    # October 22, 2013 at 9:48 pm

    Thanks for the tips everyone. I’ve updated my site to address some of the issues that have been brought up. Changes include -

    All graphics have been redesigned in vector format (they really do look a lot better! Never not using vector again)

    The fixed header now shrinks down to just the basics on scroll

    On iPhone the header is no longer fixed and is now a select option box

    The gears gif has been updated – it is now symmetrical and has more frames

    The contact section has been updated and simplified to a better look

    The wording in the different sections has been updated/changed

    The larger header font is now different – I think it compliments the body font better

    Some changes to the way the mobile site works

    The form now brings you back to the same position after sending it (to give a sent or error message)

    Let me know what you all think about the updates! Thanks again for the idea, I think the site is looking better.

    # October 23, 2013 at 10:47 pm

    Overall, I like it. Very cool color mesh going on there.

    The fonts do not look good on Chrome, kind of jaggy, but clear on Firefox.

    # October 24, 2013 at 1:25 pm

    Great layout. Clean. A couple of things though imo only is the boxes like in the first section under the icons, maybe have them all be equal heights. Just use a simple jquery equal heights script. Maybe it is just me too, but on a layout like those boxes, I like them as equal heights even though the content might not all be as long.

    The second thing is going responsive, your navigation goes through one of the icons and makes it very hard to see and looks messy. Should have the icons be bumped below still when the nav wraps like that.

    Great over all site though.

    # October 24, 2013 at 4:29 pm

    @MattF Thanks for catching that. The whole site is responsive but I had recently made a change to fix an error in firefox that seemed to have bumped down the nav at a certain width – it should be good across all devices/browsers sizes now.

    I have tried making the height the same on all the boxes but it made the site feel too symmetrical – and somehow made me feel a little trapped (like if wearing a mitten instead of gloves if that makes any since). I can see wanting to make them even but to me I just don’t like the look. I ask around to see what other people think about making the height even though to see if it’s just me- thanks for the suggestion.

    @cwork what OS are you running and what version of Chrome is it? I tried on Chrome version 30 on Mac running Mountain Lion (and now Mavericks) and it seems just as smooth as Firefox and Safari. Maybe they use different font types on a different version of Chrome? Also which font is jaggy? The smaller body font or the larger header font? Thanks for the info!

    NIX
    # October 25, 2013 at 2:50 pm

    I would think about redesigning the logo. It doesn’t have quite the wow factor that I think you want.

    I’ve been a freelance designer for awhile and a lot of what I do is logo work. Logos are VERY frustrating because honestly, they can take longer to craft than an entire website. If you think I’m lying, go to logomoose.com. Some of those designers have JAW DROPPING logos.

    Anyway, back to what I’m saying.. logos are VERY frustrating. They take forever. I usually do about 10-15 drafts of ANY logo. The first ones suck. Then, they get progressively better until they reach a level of wow that I’m comfortable with.

    I would say… spend some time on the logo and you will be rewarded.

    P.S. I’ve struggled with logos too:

    http://css-tricks.com/forums/topic/opinions-on-a-possible-logo/

    # October 25, 2013 at 3:02 pm

    @Joe_Temp Is there anything in particular you would suggest I do differently? What don’t you like about the logo and what could I do to make it better? Thanks for the advice.

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

You must be logged in to reply to this topic.

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