| Author |
Message |
spock iSpock

Joined: 23 Mar 2005 Posts: 2899 Location: The Netherlands
|
Posted: Sun Dec 30, 2007 9:00 am Post subject: New website design |
|
|
This is going to be the new design of my portfolio/resume/projects site.
I'm really more a webdeveloper than a designer, so this is like my 1000th try, but this one finally turned out reasonable . Though a small problem in the menu using IE5.5, it seems to work in firefox and recent IE versions.
I basically wanted to ask a few things:
- Can someone test this using other browsers and tell me if they see any problems?
- What do you think of it?
- What should I do with my sidebar, at first I thought I would place an about me piece there, but I'm not sure anymore. Maybe change it to have a separate function on each page?
- Is there anything I can do to make it better?
Link _________________ My new site
My OpenTTD data package |
|
| Back to top |
|
| |
drath D

Joined: 27 Sep 2005 Posts: 1696 Location: Canada
|
Posted: Mon Dec 31, 2007 12:29 pm Post subject: |
|
|
Okay, well on first glance it looks relatively professional which is good considering what you are using it for. Personally I have no idea what the sunflower is about; but if you are all about sunflowers then it is good, if not, then I would suggest showcasing something in the header that says YOU, and who YOU are.
Because right now, it's either communicating that you love gardening, you are involved in flower gardens in your profession, or you love sunflower seeds. It's really just quite odd.
Other than that though, the rest is fairly balanced. There is a good harmony between the elements, and the drop shadows on the side are working nicely. The sidebar in my opinion doesn't even really need to be there. I think you already have one top sidebar that already does the job of your lower sidebar. So I would try removing it alltogether. I say "try" because I think it would make the composition of your website very bottom heavy (because that's where all the text is); but you can "try" and see what it looks like.
It seems to render fine in both the newest Opera and the newest Safari (Windows). _________________ The Gamer's Journal | Online Portfolio | Half-Life Library | UNDATA |
|
| Back to top |
|
| |
spock iSpock

Joined: 23 Mar 2005 Posts: 2899 Location: The Netherlands
|
|
| Back to top |
|
| |
pharmer4 Metallica Fanatic

Joined: 16 Aug 2005 Posts: 1870 Location: Deniliquin, Australia
|
Posted: Tue Jan 01, 2008 9:28 am Post subject: |
|
|
leave the sidebar in. _________________ For Metal and Rock interviews and reviews, go to www.heavymetalnation.com - You can Contribute too if you want!
[img:d85b591d6d]http://img.photobucket.com/albums/v400/pharmer4/pharmer4.jpg[/img:d85b591d6d]
 |
|
| Back to top |
|
| |
krt ...

Joined: 11 Jan 2005 Posts: 4680 Location: Down Under
|
Posted: Tue Jan 01, 2008 7:54 pm Post subject: |
|
|
The latter header image is better, but maybe that is from process of elimination. I think it adds to the contrast problems already present in the site. I'm also a design challenged developer so I don't who I am critiquing items where I wouldn't do any better but anyways... I have no comments regarding the sidebar until I realise what it will be used for but for a fairly simple personal/showcase site, it doesn't seem necessary.
Aspects I would work on are the choice of colours, contrasts and typography. Ignoring the content body as that will undoubtedly change, have more content and media, but more so with the menu and text below the site name. Or maybe the menu is just a little too simple, maybe some shadows or more tabbed or non-square list items or more apparent visual rollover events could help. |
|
| Back to top |
|
| |
drath D

Joined: 27 Sep 2005 Posts: 1696 Location: Canada
|
Posted: Tue Jan 01, 2008 10:06 pm Post subject: |
|
|
I think the new header is more stylish in certain aspects, but now it might be a little overpowering. I think it could be the overall size of it. Or it could be the intensity of the colors. I would try first decreasing the length of the overall header (and thus the grid image), or try making the colors of the squares more opaque (transparent), or maybe a bit of both. Perhaps fade it out even more like the sunflower was. I'd like to also add that your color scheme is now also more apparent, and as such is much more successful with the colored squares.
I agree with pharmer4 to leave the navigation bar in though. Like my suggestion said, it's more practical to not have it in, but it also works as a nice breather for the content. So, without it, there just seems like there is too much text. But, you might be able to create a happy medium where you include the bar, but not have anything in it, or have some aesthetic thing inside it so it isn't completely pointless.
It's getting there. _________________ The Gamer's Journal | Online Portfolio | Half-Life Library | UNDATA |
|
| Back to top |
|
| |
spock iSpock

Joined: 23 Mar 2005 Posts: 2899 Location: The Netherlands
|
|
| Back to top |
|
| |
drath D

Joined: 27 Sep 2005 Posts: 1696 Location: Canada
|
Posted: Wed Jan 02, 2008 6:07 pm Post subject: |
|
|
I think that is the best layout so far. I think there is still an issue with the gradient in in though. It seems a bit too sharp, maybe make it more gradual? The navigation sidebar also looks better in there, but now you just have to think about what to actually add in it. Good work. _________________ The Gamer's Journal | Online Portfolio | Half-Life Library | UNDATA |
|
| Back to top |
|
| |
ClickFanatic Est. 2005

Joined: 18 Jan 2005 Posts: 3926 Location: A particular geographic area
|
Posted: Thu Jan 03, 2008 1:12 pm Post subject: |
|
|
The sidebar, now it's empty, gives the main content more space. This makes it easy for visitors to focus on the content that matters the most.
However, if you are going to fill it with much text it will lose this effect. Alternatively, you can simple replace the sidebar with a generous margin (I would recommend doing both sides of the content).
This CSS would do the trick (replace these rules in your current CSS file), but you could try some variations.
| Code: | #lefty{
display: none;
}
#contentdiv{
text-align:left;
padding:10px;
width:600px;
margin: 0 auto;
} |
_________________ Captain Jell-O Buster from the Future
[img]http://feeds.feedburner.com/sparepencil.1.gif[/img] |
|
| Back to top |
|
| |
StarBuck Novice Poster

Joined: 21 Jan 2008 Posts: 35 Location: Skopje
|
Posted: Mon Jan 21, 2008 6:59 pm Post subject: |
|
|
If you ask me, I think that now with the new header, it looks more lifeless The sunflower gave it some spirit, but not it's just plain dull... As another note, I would either remove the subtitle "My portfolio,
My articles..." or try to blend them in somehow, because now it just looks like they are links... Otherwise, I like the whole blog-look and feel  |
|
| Back to top |
|
| |
RohitMalhotra The Crazy One

Joined: 14 May 2005 Posts: 852 Location: __________ ~~/[[[zzz::: Some Where In The Northern Sector :::zzz]]]\~~________
|
Posted: Tue Jan 22, 2008 12:11 am Post subject: |
|
|
Hi spock to answer your question s
Can someone test this using other browsers and tell me if they see any problems?
I tested the site on the opera firefox and the iinternet explorer it worked fine so did it work on the netscape navigator god bless its sould .. but i guess you coul do something about the grids which do tend to get distorted while switching from one browser to another
What do you think of it?
I loved the simplicty of the design but it does have its draw backs in the terms of the number of links you may like to have on the main menu .. your ability have additional modules if you are using a content management system
What should I do with my sidebar, at first I thought I would place an about me piece there, but I'm not sure anymore. Maybe change it to have a separate function on each page?
Side bar gets the show isn the site stick with it you could place some more colour though may be add a fewmore pictures ...dont go ranting about you and yourself anything nice will do wonders
Is there anything I can do to make it better?
More functionality may ba a calender a thoudn different modules are available .. but my advice will be to stick to the subject ..
regards Rohit
Kudos on the fatastic design keep up the good work _________________ [img:42afab0ae0]http://www.malhotra-online.com/rohitbnr.jpg[/img:42afab0ae0]
Life is a battle field.
http://www.malhotra-online.com |
|
| Back to top |
|
| |
jthomsonmain Ardent Poster

Joined: 11 Jan 2008 Posts: 80 Location: Albion, NY (USA)
|
Posted: Thu Jan 24, 2008 10:30 am Post subject: |
|
|
Very nice design! Im glad you didnt wimp out and use an MSOffice app to make it . The Source Code is very clean, the only thing I would to is Break the paragraph lines so they aren't so long:
| Code: |
<h2>Lorum Ipsum</h2>
<p>
lorem ipsum dolor sit amet, <a href="#test">consectetuer</a>
adipiscing elit. Nunc quis dolor. Duis sagittis purus. Ut lectus massa,
auctor in, ornare eget, tristique quis, nisl. Fusce porttitor, velit at
consequat tincidunt, dui est lacinia elit, vitae venenatis ante orci a eros.
Curabitur arcu eros, adipiscing non, molestie at, suscipit vel, ligula. In
fermentum lacinia leo. Ut malesuada sapien sit amet tellus. Aenean
viverra semper lacus. Etiam nec urna. Fusce a eros. Morbi non libero
auctor tortor condimentum pulvinar. Morbi id diam. Mauris dapibus
consectetuer ligula. In a mi. Sed congue massa vel odio. Pellentesque in
nisi.
</p>
|
The only other thing that I would change is I would have my links placed on the Sidebar, But that is just me. Looks Great! _________________ [img:8728bad64c]http://i212.photobucket.com/albums/cc118/jthomsonmain/l2psig.jpg[/img:8728bad64c] |
|
| Back to top |
|
| |
Michael Lifeless Person

Joined: 28 Feb 2005 Posts: 585
|
Posted: Fri Jan 25, 2008 10:28 pm Post subject: |
|
|
I like it, the layout is clean and easy to navigate. My only gripe(and this is an opinion based on my personal prerfence) is that it seems a tad plain. A few little cosmetic bells and whisltes here and there could help. I believe a website needs to be functional AND eye catching without taking the attention away from the content. I think if you played with that color scheme a bit you bring out some eye-catching combinations.
I quite like where this layout is going, keep at it!  _________________ My Deviantart Profile
[img:c87bba34c1]http://img262.imageshack.us/img262/3543/psychoticredllppy9.jpg[/img:c87bba34c1] |
|
| Back to top |
|
| |
|
|
|