UX feedback here---thinking of the perspective of someone who might hire you, i think you should be more clear upfront what your role is on each project.
I would say that information should be on the home page. if not, it should at least be on the works page. if not, it should at-even-less be at the top of each project page (rather than the bottom).
This is a common problem that UX people run into--having to articulate what their role was in a particular project (especially because we often don't directly 'own' the final work). I think because you're a hybrid designer/developer, it's in your best interested to clarify for the viewer what type of work you did for each project or to categorize the projects by the type of effort you put into it (if that makes sense). It helps quickly contextualize your work.
i guess the last thought i have...i think you're trying to sell yourself as a digital designer/developer hybrid (but I'm not sure.) If that's the case---a large number of your work samples are in print/branding. maybe it'd be better to consolidate that work into 1 page for print, 1 for branding--enough to show that you can design a large number of things, but not to distract from the digital design/tech work you do.
main thought is--i can see variety in your work, but if I want to quickly understand the breadth of your skill set, I need a high-level description of the type of work you did for each project.
Thanks so much, that is really great advice.
I'll try and add a way of conveying my roles in each project. I'm also going to be adding more projects soon that are more varied.
Looks fantastic! Some feedback:
- Really like the subtle blur on hover for the images. I notice someone below was knocking it, but it makes the overlay text more easily readable and is a pleasing effect. I think I'd actually boost the blur a tad bit more personally.
- Removing the background color on text highlight is real bad. It's very confusing, you can't really tell if you're highlighting text or not. I would set the background to green and the text color to white for clarity and to not confuse people.
- For the buttons on the blog, the color transition for the text happens much quicker than the background. Evening these times out would be a more pleasing effect.
- The comments in the source and workflow page are an excellent touch
- The styleguide is also very nice, although the transition on the contact me button at the bottom is a little weird.
- I feel like it would be nicer if the photo of you on the about page was its normal colors rather than blue
Cheers, and great work!
Thanks for the feedback, I'm glad somebody found the source comments!
I'll take a look at the other points.
Very nice--quite inspiring for my own future portfolios. I, too, use a two symbol name (&!) on the web, so I really like what you've done.
Two things, though:
- On Win7/FF Latest, if you move on and off of the !? very rapidly, the white marks that make it look like the symbols have a stroke over each other is very visible, and distracting. Small, but important if you want to seriously impress a possible employer.
- When I moused over the portfolio items, my first thought was "What's the point of this blur? It feels like this hover effect is here to be a hover effect and nothing else." Worse, it distorts the image you're displaying. This could easily be solved by simply putting a name of the work/job and a two to six word description of it. Then, there is a reason for the distortion--you're being shown something extra. It would be great if you could add some effect to it, like fading in at the same rate as the blur, or sliding down from the top.
Great job, though. Really like it--saved to Delicious!
Damn I was hoping that hover mask issue was dealt with.
That's a really good point about the blur, I guess it is pretty pointless at the moment. I'll try and add more info to these elements.
That logo is dope!
Looks good. When viewing your projects is there purpose in such a narrow column? I immediately thought maybe this is for mobile and what not but just curious.
Yes, I very carefully selected the width based on the perfect line-length, based on font size and line height. Plus I wanted a real contrast in the image width to make them more dominant.
It's more of a personal choice I think. Thanks for the feedback, you've made me think.
Based on that methodology, I think its fantastic.
Everything looks great! Bold and confident typography choices.
A slight vertical jumpiness on page load, I think due to nav getting set to fixed just after the page has loaded, and the rest of the content jumps up to fill the space. This is not a complaint, just a tip :)!
I think you're right, I'll look at creating a fix.