Lifelesspeople.com

 Forum FAQsForum FAQs  Knowledge BaseKnowledge Base  RulesRules   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   HostingHosting   RegisterRegister 
 DonateDonate   WikiWiki   ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

New website design

 
Lifelesspeople.com Forum Index -> Web Arts Exposé
Post new topic   Reply to topic View previous topic :: View next topic  
Author Message
spock
iSpock


Joined: 23 Mar 2005
Posts: 2899
Location: The Netherlands

PostPosted: Sun Dec 30, 2007 9:00 am    Post subject: New website design Reply with quote

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 Wink. 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:

  1. Can someone test this using other browsers and tell me if they see any problems?
  2. What do you think of it?
  3. 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?
  4. Is there anything I can do to make it better? Wink


Link
_________________
My new site
My OpenTTD data package
Back to top
 
drath
D


Joined: 27 Sep 2005
Posts: 1696
Location: Canada

PostPosted: Mon Dec 31, 2007 12:29 pm    Post subject: Reply with quote

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

PostPosted: Tue Jan 01, 2008 7:36 am    Post subject: Reply with quote

Ok, I tried to do something with your advice. I made a new header, though I still don't think it's 'right'.

I also made a version with the sidebar removed, see what you think about it:

Link to new version
Link (no sidebar)
_________________
My new site
My OpenTTD data package
Back to top
 
pharmer4
Metallica Fanatic


Joined: 16 Aug 2005
Posts: 1870
Location: Deniliquin, Australia

PostPosted: Tue Jan 01, 2008 9:28 am    Post subject: Reply with quote

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]
AU Proud
Back to top
 
krt
...


Joined: 11 Jan 2005
Posts: 4680
Location: Down Under

PostPosted: Tue Jan 01, 2008 7:54 pm    Post subject: Reply with quote

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

PostPosted: Tue Jan 01, 2008 10:06 pm    Post subject: Reply with quote

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

PostPosted: Wed Jan 02, 2008 2:03 pm    Post subject: Reply with quote

Ok, I made a version with sidebar, shorter and less bright header

LINK
_________________
My new site
My OpenTTD data package
Back to top
 
drath
D


Joined: 27 Sep 2005
Posts: 1696
Location: Canada

PostPosted: Wed Jan 02, 2008 6:07 pm    Post subject: Reply with quote

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

PostPosted: Thu Jan 03, 2008 1:12 pm    Post subject: Reply with quote

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

PostPosted: Mon Jan 21, 2008 6:59 pm    Post subject: Reply with quote

If you ask me, I think that now with the new header, it looks more lifeless Smile 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 Smile
Back to top
 
RohitMalhotra
The Crazy One


Joined: 14 May 2005
Posts: 852
Location: __________ ~~/[[[zzz::: Some Where In The Northern Sector :::zzz]]]\~~________

PostPosted: Tue Jan 22, 2008 12:11 am    Post subject: Reply with quote

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)

PostPosted: Thu Jan 24, 2008 10:30 am    Post subject: Reply with quote

Very nice design! Im glad you didnt wimp out and use an MSOffice app to make it Wink . 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


PostPosted: Fri Jan 25, 2008 10:28 pm    Post subject: Reply with quote

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! Smile
_________________
My Deviantart Profile
[img:c87bba34c1]http://img262.imageshack.us/img262/3543/psychoticredllppy9.jpg[/img:c87bba34c1]
Back to top
 
Display posts from previous:   
Post new topic   Reply to topic    Lifelesspeople.com Forum Index -> Web Arts Exposé All times are GMT - 6 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Home | Hosting | News | Forum | Links | System Status | About | Archive | Donate ]
Powered by phpBB © 2001, 2002 phpBB Group
All trademarks and copyrights on this page are owned by their respective owners. Posts and comments are owned by the poster. Everything else © 2001 - 2007 Lifelesspeople.com