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.
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)”.
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
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.
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
> 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.
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.
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.
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.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".