My WIP Porfolio

[sampson]

here's a rough concept i'm working on for my portfolio
(need to buy a domain, and storage i think??)

this is just some photoshop i need to code the web later after i'm happy with my concept

[TheCorey]

This is looking good, but be sure to have some room to show wires and used maps and such.

[sampson]

trying to reduce complexity and increase effectiveness and ease..

edit: next update will be expand the right panel, simpler, larger.

[Tiros]

Looking good dude, though I have some small crits and suggestions.

First of all, there's nothing I hate more than white spaces that slowly progress to become a background image while loading a portfolio. So, please, don't use large tileable images for background.. rather, use small like 10x10px tiles, and skip the small variations.

For example, you could create these forms with the help of CSS, using one small tilable background for the right column, and add a border to it using the css code. Same goes for the rest

And for those rounded corners, there you'll have to add images for the corners in order for it to work, but the rest could be done the same way as specified before.


Second thing I had in mind is, are you never going to show more than 8 pieces of work at a time in your portfolio? Cutting it off like that wouldn't be a very good idea imo. And if you increase the length of the right column to fit in more images, you would have to scroll back up to see the larger image, or it would automatically go up as a new page loads.. which are both kinda annoying

So, even though it might be annoying, increasing the lenght of the page is prolly the best option in the case.

Finally, if I were you I'd prolly get rid of the banner, it takes up quite a lot of space and is more or less useless if your webpage has a good title to support it.

But, if you really want a banner, I'd go for something more like this to get the design flowing better:
(Note: Your colour theme is very good as is, this is just to show layout)



Yet personally, I would've liked this one better:



Keep in mind though, I'm not a webdesigner! So take this with a grain of salt.. but this is the way I would've gone around it if I were you

Oh, and remember to always save copies of your layouts and designs, you might want to go back to one later if you find working on something new only made it worse.

Cheers!

[sampson]

thanks for the help! i'll make the changes when i get home (at school hehe)

[sampson]

heres some more photoshop updatin'

[Nysuatro]

I dont think that the menu is vertical aligned with the box.
Give your contactinformation some whitespace so it doesnt touches the borders of the box.
The click tumbnails for ... is readable enough. Give it some whitespace on the top and bottom.

[sampson]

i think i've got what i need- would anyone be able to help me with the css/html

thanks

[swag]

It's looking good actually.

But your contact info seems to be overlapping with those white vertical lines on the side. And I personally would stay with your last design, it's similar to what I have.

As for css, I learned it myself before I made my site. It's really not that hard. What I did was find a template, learn what the code was doing, and modified it on my own.

Try this site for css templates: Free Website Templates & Wordpress Themes | Arcsin Web Templates

Good luck.

[ajshort]

I just have a couple of quick tips for you:

Currently your design has alot of interacting background/shadows and other things. These are a NIGHTMARE to implement - especially if you want to get your site working across the majority of web browsers. Being a web developer by profession I still try to stay away from complex background interactions as they are more work than its worth.

Also, i would reccomend using mainly flat colours. Firstly, most monitors have pretty low contrast, so your ripple effects will get lost and just look odd. Also, i have a prety large monitor, and when subtle effects repeat everywhere, and without clear content distinctions I get distracted easily.

So in short: keep it simple and flat, and your work should be the main focus.

Here are a few portfolio sites that (I think) manage to look good without complex background and foreground interactions:

* Daniel Enström - Hyper Island Student
* Andrew Bradshaw Media
* Mindnever.com ||||| Creative minds

Other than that i think it looks pretty good! Your not going overboard with giant text/gradients/flashiness etc. which is good to see.