aspnetguy Posted February 2, 2007 Share Posted February 2, 2007 Can you guys look at my layout for my portfolio. I need honest opinions/critisisms on how to improve it. Only the first page works.This needs to be as good as possible as it will often be what makes a first impression to potential clients.Thankshttp://dev.aspnetguy.com/portfolio/index.htmlPS: I know th code doesn't validate and there are hacks it he CSS...that will be cleaned up later. Link to comment Share on other sites More sharing options...
vchris Posted February 2, 2007 Share Posted February 2, 2007 I'll probably have time later on to review it. Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 I'll probably have time later on to review it.I appreciate you taking time out of your busy work schedule j/k Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 Just felt that its kinda skinny, i mean the center strip looks really thin, guess you can make it a little broader. also the top navigation home, contact.... its just straight forward, you can make it a lil more attractive..... Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 The reason it is so skinny is there is not much content ot go into the site (except screenshots in portfolio section) plus when looking through portfolio templates on template sites I noticed there were a few skinny like that. I think it makes it more unique and stands out from regular websites...which it should.I am not totaly unwilling to change the width, although I did spend more than 2 hours making the header logo for that width. Not excited to have to re-do it.I agree about the links being plain. I will think about what else I can do.Did you like the "more" slide down? Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 Yeah, its kinda pain to redo the graphics.... "more" slider was really nice, how about you have a hover, like change the cursor to hand, so users will know there's something to click... Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 good idea Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 how's that? I added the pointer and a mouseover effectWhat do you guys think of adding another column to the right (about a 10-20 pixel margin from main column) with feeds about web design and stuff like that? Would that be a good idea for a portfolio? It would help my google rank too Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 good ideait looks great now... I did my research on web usability, kinda helps me in such things.... Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 what do you think about the rss feed idea? Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 would it look something like this... [navigation on the right]http://www.openwebdesign.org/viewdesign.ph...amp;referer=%2F Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 something like that except it would be the same height as main column and there would be a 20 px gap between the 2 columns witht he black background showing through Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 Guess it should good. im bad at visualizing things.... it would look something like this. [attractive color scheme ]http://www.openwebdesign.org/viewdesign.ph...php%3Fpage%3D10 Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 yeah similar to that...no pink though Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 Yeah it should look good, also give you place to add content/navigation, rather than having long vertical scrollbar.... Link to comment Share on other sites More sharing options...
vchris Posted February 2, 2007 Share Posted February 2, 2007 Nice site aspnetguy!I like the colours you chose. I love your banner. I like the more functionality. I also think the site is thin but I think this can be fixed by having a navigation that is maybe a bit more complex than white text on black background. I also think you could use something in the body background. Maybe some kind of pattern, it's probably going to be difficult with your header and footer to have that kind of background. Other than that probably just fix the css warnings, those are easy to fix.I think that covers it. Nice work! Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 thanks for the kind review. I will be fixing the markup after the layout is finalized. Link to comment Share on other sites More sharing options...
Skemcin Posted February 2, 2007 Share Posted February 2, 2007 I'm hungry, so I'm looking at this quickly, her is what I have so far:a.) I can appreciate the design - thin and all but it will restrict your content layout - but there are ways to use your space creativelyb.) the "more" link I think is your key. On your Portfolio page these should be adopted to read clientdomainA.com, clientdomainB.com, clientdomainC.com, etc. In the grey drop down, have a screen shot that can be clicked to a large popup window version - never directly link to your portfolio site urls. The humbnail in teh grey drop div could also have a little summary of the project.c.) the news might be nice in a higher location but like a hanging chad on the left or right - floating in that dark charcoal space - like that demo site I shared (but done more professionally - http://www.pedialink.org/hottopics). Use the same more concept there (tall thin link) and that might look niced.) They say scrolling is not that big of a deal, but in this case, the text runs below the fold and people will have the impression that more "blah blah blah" is down there - so either put a news link above the fold, give the news page one of its own.Maybe after I eat I might have a couple other ideas - but I really like the layout and design - I just think a few creative tweaks will get the important information in the visitors face and not wondering how far they might have to scroll to get to it. Link to comment Share on other sites More sharing options...
vchris Posted February 2, 2007 Share Posted February 2, 2007 On the top right hand side of your header, there is a green mark that I don't think should be there. Link to comment Share on other sites More sharing options...
kvnmck18 Posted February 2, 2007 Share Posted February 2, 2007 The green mark..I agree with...that needs to go.And the middle of the "o" looks a little rough... not sure why (probably becuase its a gif)And also for your main image don't use gif use png...the colors will be brighter and bolder...that image will "pop" more. I also sugguest giving that image a more yellow hue so the green is a little brighter.And the margin space between the image and the text (white) if that space is going to be so large then add something there like horizonal lines (in white maybe) like 3 or 4 of them.And maybe a glow around the everything a suttle white glow.Besides that I love the simple layout. Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 thanks guys for all the feedback.I will be starting the side bar either late today or ove rhte weekend. Yeah the o is a bit rough and the green marks will be gone . It is a gif because I couldn't see any visible quality difference with PNG and the PNG was 6 times larger.I changed the navigation, what do you think?Skencin: Thanks for all the suggestions, I'll see what I can do with the news and think of some creative ways to place content. Link to comment Share on other sites More sharing options...
kvnmck18 Posted February 2, 2007 Share Posted February 2, 2007 I like the nav but I could tell it was a gif before checking... oh well. Looks good. Link to comment Share on other sites More sharing options...
Sniffy Posted February 2, 2007 Share Posted February 2, 2007 The page is very easy-loading though.I like the guitar in the logo.For now, I can't really give any constructive critisism sorry.You seem to be good with graphics, and with ASP.NET skills you'll surely get quite a few customers. Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2007 Author Share Posted February 2, 2007 I fixed up the logo a bit, the o isn't perfect I will check the logo (gif vs png) at home. This PC at work has very poor graphics. Link to comment Share on other sites More sharing options...
Sniffy Posted February 2, 2007 Share Posted February 2, 2007 Yes, the 'O' had a little jaggedness but it isn't that noticable. If you're showing it to clients though your portfolio should be perfect. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now