I really like this quite a bit. It's very different, elegant and quite creative. Here are just a few comments I have:
As for everything else, love it! Very nice job here!
Yeah, maybe you could do a 25/75 split. I agree that that might improve things quite a bit. Good luck!
Why the "about me" section is not on the nav? It took me 10 min to find it in the "footer". The rest is really ok. Smart use of JQuery and every section is well set apart. I'm just not very happy with the "@".. but it's little thing.
I did not really want "About me" to be as prominent as other navigation. I thought that few sentences under "A little about me" and "What I do" would give user rough idea about me. And if anybody would take interest in more they could find it. I just wanted users to focus on my work. However if I receive more feedback that it is bothersome I'll change it. The same regarding "@"... if I see more people reacting to it not positively I'll maybe re-think it. Thank you for your feedback. Thank you for the feedback
Overall the design is nice, neutral colours supported by the green works very well. It carries a professional message about your self and your work.
As mentioned your welcome message is not "above the fold", this means you have to scroll down a little to read it, maybe not a massive disaster, however you then lose the top navigation and looking for navigation across the bottom is not a normal user trait.
When you do go on your navigation you can click "down" to go to the next section" or "top" which takes you right back to the top, why do you not have an "up" link to take you to the previous section?
Tom, thank you for the critic. I was targeting the screen resolutions larger than 1024x768 because I thought that people in my industry use bigger screens. On a second thought, and after your comment I might need to re-think it. Great catch on a second suggestion. It does sound logical that "top" should take you one section up since "down" goes one section down. But then I have to think how to make user go back to the very top/home page easy. I have "home" button on the bottom navigation bar but I am not sure it's that visible. Hmmm...something to think about.
Vita:
This is great stuff. Very different look than what I usually see – I like it!
Here are a few things that I would fix:
On your scrolling buttons, the words "top" and "bottom" are not necessary. The buttons are fairly self explanatory. You have a minimal approach, and I think this would help simplify (nitpicky, I know, but hey, that's what we do, right?).
The very last thing the viewer sees (ideally) at the very bottom is Thank you for stopping by. That's fine, except for the fact that it is in a completely different typeface than anything else in your site. Sure, it matches your design motif to a degree, but since you did not incorporate it anywhere else, it looks awkward and out of place. The reason I am harping on this is because this is your last impression for your viewer - unbranded. I would take it out completely.
The position of the navigation is understandable since it stays at the bottom of the screen. However, it is not in an obvious place. First time users will have trouble finding it initially. I like your minimalistic style, but maybe you should consider a second navigation under your logo, just above the white line of your header.
The rollovers on your top buttons are cool. I think a neat added touch would be to animate those green balls going down. It would add to your scrolling theme and give a subtle reinforcement to the way you have presented your website.
Finally, the copy near the bottom of the fold, " What I do, A little bit about me, A Good Design Recipe," they need to be consistent. Make them all follow headline guidelines. In other words, capitalize the "d" in do, capitalize the first letters of "little, bit, about, me." This will make a world of difference for a professional appearance.
Overall, this is great work. There are other things, but I won't bother mentioning them as they have already been addressed in the above comments.
Hope this helps!
Thank you for a nitpicking. That's why I am here! I am definitely doing #1, maybe with a top and bottom text appear on roll-over only? Great tip in #2 and #5. Navigation will require me to re-think my concept. I planed the bottom navigation to be a secondary in nature, sort of a breadcrumb style, thus the less prominent position. I thought to present the straight - to - the - point (which is my work) links (3 buttons on top) at the home page, then user would scroll through and resort to the bottom navigation only if needed. But the feedback I am getting makes me think it is not really working this way. I greatly appreciate your suggestions!
Oh yes, top and bottom appearing with rollover is an excellent solution!
Very nice, but a few quirks. I find the colours very cold and uninviting. Maybe if the green wasn't so electric, or the gray so steel-like.
I can't read the logo at all.
The contact me is very hidden. Since the purpose is first and foremost for people to contact you if they like what they see, I would make it easy for people to find.
I would also make an obvious portfolio button, or something of that sort. I'm not sure where to click to see your stuff.
I think you have enough room in the white space to raise the 3 text boxes a bit so they aren't below the fold, yet still keep the nice white space. It just bothers my eye if I have to scroll to that text.
Otherwise it's very nice and easy enough to turn into a great design.
oof just looked at the live site instead of just the jpg LOL... I see the 3 boxes are a bit higher live, that's better, but I still hate that I have to scroll to read all 3. Shorten text a bit to fix, maybe?
Love the functionality.
Stephanie, I appreciate your feedback. I created cold color scheme intentionally... just because I got tired of doing family-friendy-warm colors each day and kind of wanted to do something different :-). I realize that we do websites for users not for ourselves but I was thinking I would have fun with it and then start changing two color scheme periodically, just by switching stylesheets. The contact button issue concerns me. You are right that it's important one. I have to think about something there. Based on feedback I am getting I believe I'll need to re-think my navigation concept. Thank you!
I really like the airy feeling of this and love your logo. But I think there is too much spacing around the "Welcome to..." text that pushes the start of your content too far down on the page. The pearl/flower logo is nice, but I'd like to see a few a blue(?) shades in there to break up the monotone feel of it (but only on the flower).
I'm hooked on 1px lines and think that would make it crisper if you did one between the grey/white areas (header/footer) instead of the thicker line you have.
Thank you Matt! I love 1px lines as well and admire it wherever I see it smartly applied. I will be re-working the layout and text on the home page. As for the flower colors I have quite a few versions with different shades. I was not really happy with it but maybe will post it here and see how people react.
Really love this design. I think if you can manage to add another color and some subtle texture in the background of the header, it will make it even better.
Great work.
That you. I'll be working on all the revisions pretty soon. I tried texture and was not happy with it, maybe was a wrong texture. I'll be playing more with that top area.
nice layout, but i think i should be some informative
Before saying anything I want to say say that this is a very beautiful web site: it is very feminine but not girlie ;-}. The green you choose is great: vibrant and alive, almost radioactive. The little flower/leafs look like paper cutouts.
This is just me but on the flower itself the only thing that it is not working is the circle. It doesn't have the same quality that the leaves. The leaves have this flat, slight 3D, look to them whereas the circle is very rounded and it doesn't seem to be connected to the leaves. What do you think?
Again, the web site is great, but... the text boxes "What I do", "A little about me" are still not working with the rest of the design. The two column change you did still fells disconnected. I can see the structural vertical "invisible lines" between "web design" and "a little about me", but the text underneath the label seem lost. What if you reduced the negative space between "Welcome" and "What I do" ? If the text goes over the tips of some petals that is ok! That would kill the problem with 1024 x 768 (even though it is not the end of world). Maybe some horizontal line on that space (very subtle) just to give some more structure to that area. You could you some of your "shadow" like horizontal cuts, or even bringing the theme of the flower to the text boxes...somehow.
Congratulations, you are a wonderful designer.
Thank you Marcio, I was not sure about that circle too. Great that you mentioned it, means my hesitation had some grounds. Regarding "What I do" and "A little about me" sections I am struggling there to find a compromise. The thing is that when I move it up higher to reduce the white space what happens is that on the screens larger than 1024 (statistic says 70% of users have larger screens) I am getting huge white space below those sections. The top looks then too crowded in contrast to the bottom. I'll definitely try to add lines/shadows to that area to give it more structure. Thank you again for the suggestions and compliments.
Go with the stats: nobody will ever get this screen size to work 100% perfect. Regardless, your site is really beautiful. I LOVE this kind of bigger than life minimalist look.
I have no complaints about the design itself. I really like it, works well for a portfolio site, my only complaint is I cant make out what your logo says, its a little too complicated.
i find your color scheme clean and catchy, grey and green go in a very harmonious way together .. i agree abt the logo being confusing ..
Thank you both for feedback. You confirmed my worries about the logo. I had a feeling that I got carried away with shapes and ignored the readability. Will go back to sketching.
The first thing I noticed is that, after looking at the cool sphere / leaf graphic, I don't know where to look next.
The "Welcome to" seems too low for a welcoming statement. It's also the same or too close to the size of your navigation items.
"What I do, A little bit about me, and A Good Design Recipe", get completely lost because the eye is too busy jumping around the four elements that take up 80% of the page.
Figure out your information hierarchy. Think about how we read things. Left to right, top to bottom, and bigger to smaller. Right now my eyes make an X on the screen as they jump from the graphic, to the logo, to the navigation, and finally to the welcome messages.
P.S. Your logo is very engaging(!), and I wonder if it could be more connected with that cool graphic. They already carry the same language in the circular form of the letters and the round swash in the bottom left of the logo. Just something extra to think about :)
Great start overall, just fix the hierarchy issues!
Hope this helps! // Maxim
It is VERY helpful feedback. I felt that something is not right but could not pin point it. Thank you, Maxim.
Thank you Nate. Based on yours and Maxim's feedback I'll be fixing those area. I am thinking about removing the third column and making it just two columns. I hope it will give me room to improve typography.