Jump to content


Photo

[SOLVED] Which layout


  • This topic is locked This topic is locked
40 replies to this topic

#1 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 17 October 2006 - 01:21 PM

I was wondering, which layout do you like the most.  I am trying to find out which one is the best.
http://www.freelance...ssman.com/temp/
I already had opinions on one of these here, I was hoping to get an idea of which of these layout/logo combinations would be the best to go with, or should I get a few more ideas together.


------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#2 steviewdr

steviewdr
  • Moderators
  • Advanced Member
  • 1,364 posts
  • LocationIreland

Posted 17 October 2006 - 01:51 PM

Layout 2: The main menu and featured services panels look as if they are post-its stuck onto the left side of the webpage. These take away/distract from the website. I would prefer to see NO shadow - with perhaps a subtle rounding of corners instead.

Layout 3: Not too bad - but needs work. The text in the header (php code) must be faded a good deal more. Im not also sure about the spiral design in the header. If this was on the right of the top banner (and to remain on the right on a fluid width) it may work better.

Layout 4: Same as #3, but with different colours. The gradient in the header is TOO severe/extreme.

Layout 5: Im not a fan of mad/deep red, especially at that large quantity.

Id go for the first - with a redesign/makeover of the left divs.

-steve


#3 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 17 October 2006 - 01:54 PM

number 4 is awful, something about 2 is not good but cant put my finger on it.
it's between 3 and 5, if i had to choose.

3) is quite clean. maybe needs a touch of colour to liven it up a little.

5) too red (or disregarding the colour, too monotone). you need something else to break it up. some may hate this one, but i love bright colours when used properly.

however, i'm not keen on your nav. a bit too 'text' for me.
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#4 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 17 October 2006 - 01:57 PM

The navigation, was just showing text as an example.  When I actually code the layout he created, then I am going to cut down on the text, I am going to relay some of these messages to him, and see if he can work on some of that, get me a few more designs together, and see what you think about those.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#5 ober

ober
  • Staff Alumni
  • Advanced Member
  • 5,337 posts
  • LocationEast Coast, USA

Posted 17 October 2006 - 05:12 PM

It's between 2 and 3 for me and I'm leaning towards 3.  Any of them would be an upgrade from your current site.

Info: PHP Manual


#6 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 17 October 2006 - 06:01 PM

Some more are being worked up, and those suggestions are being put into action on those templates.
Here though it's an admin template
what do you think.
http://www.freelance...essman.com/temp
it's the mech one.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#7 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 17 October 2006 - 06:39 PM

it's awful. stick to the others.
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#8 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 17 October 2006 - 06:47 PM

That's only for the admin panel.
It's just for what I see when I am in the administration panel.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#9 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 17 October 2006 - 11:00 PM

That's only for the admin panel.
It's just for what I see when I am in the administration panel.

doesn't matter. you asked for thoughts on it. tis a good habit to get into to make the admin panel look good, too - otherwise you leave yourself open to sloppiness and excuses. most of the time, my admin panels are pretty much a case of using the same template/css/scripts, etc. makes things much easier to put together, too and don't take up more time than it needs to. taking the time out to design a new layout/template for the admin panel shows you care about what it looks like.
cheers
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#10 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 17 October 2006 - 11:06 PM

Good idea I will do that.
http://www.freelance...aintemplate.php
That is the coded version.
I coded the website.
I am not rewriting(recreating), all the content for the pages.
THen I will work up some ideas for color's of links, and form styles, and things like that.
Then start putting everything together.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#11 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 17 October 2006 - 11:22 PM

1) still feel that too many options in your navigation - admittedly not as many as in your current site, but i reckon you could trim that down a bit.
2) nav still not good. have a look at http://www.bbc.co.uk/news - look at their nav. plain/simple, but effective - just to give you an idea.
3) bottom banner is too prominent, making things look a little bottom heavy. try lightening it up to something more like your logo, and reducing the size of the text.
4) in some ways (possibly due to the footer as mentioned above) your logo now looks kinda 'huddled' in the corner, whilst the rest of the width of the screen is plain empty. maybe pulling this across the full width of the screen maybe better?
5) "Client Legalities" worries me. maybe you should choose a better term.
6) Thoughts and Guidelines sounds like it's gonna be an excuse for a page of waffle. It's probably not necessary.
7) do you need an 'About' me link when there are so many other links that are 'about you'? alternatively, try putting some of the other links WITHIN the 'About Me' section

what i'm trying to get at - don't let it get overblown with content like your current site is. Keep it simple and to the point.
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#12 ober

ober
  • Staff Alumni
  • Advanced Member
  • 5,337 posts
  • LocationEast Coast, USA

Posted 17 October 2006 - 11:49 PM

>>http://www.freelance...aintemplate.php

yech.  Reminds me of frames and your image in the footer repeats horribly.

Info: PHP Manual


#13 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 18 October 2006 - 03:55 AM

1) still feel that too many options in your navigation - admittedly not as many as in your current site, but i reckon you could trim that down a bit.
2) nav still not good. have a look at http://www.bbc.co.uk/news - look at their nav. plain/simple, but effective - just to give you an idea.
3) bottom banner is too prominent, making things look a little bottom heavy. try lightening it up to something more like your logo, and reducing the size of the text.
4) in some ways (possibly due to the footer as mentioned above) your logo now looks kinda 'huddled' in the corner, whilst the rest of the width of the screen is plain empty. maybe pulling this across the full width of the screen maybe better?
5) "Client Legalities" worries me. maybe you should choose a better term.
6) Thoughts and Guidelines sounds like it's gonna be an excuse for a page of waffle. It's probably not necessary.
7) do you need an 'About' me link when there are so many other links that are 'about you'? alternatively, try putting some of the other links WITHIN the 'About Me' section

what i'm trying to get at - don't let it get overblown with content like your current site is. Keep it simple and to the point.


1, 2, 6, 7 - I will think about what you said as far as link amounts and content amounts.  I will have to think awhile about that, I will keep that in mind.

3 - I know but look at it in ie.
This time I have a fluid layout almost perfect, it's way to small in ie, and alittle too big in the other's any advice on how to fix this and keep it fluid, I would love to fix that.
This was my first fluid layout and it took 20 minutes.
But when it was done, if I messed with hardly anything it wasn't fluid anymore.

4 - What do you mean if you mean header/footer being 100% width, I tried that and it starting showing a scroll bar at the bottom for some reason.

5 - I am trying to come up with a term that sum's up privacy policy, copyright notice, and legal concerns when someone hires me all under one term, have any advice?

Edit after some thinking I listened to what you said.  I have cut down the number of links considerably.  I have also decided to limit some of the content, but some pages (not one's linked to the left nav), might still have a considerable amount of information.

As far as the other numbers up there if you have any advice I would appreciate it.




------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#14 Daniel0

Daniel0
  • Staff Alumni
  • Advanced Member
  • 11,956 posts

Posted 18 October 2006 - 08:29 AM

I don't get it. People are talking about 3, 4, 5 etc., but I only see 1 and 2 :S

#15 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 18 October 2006 - 12:18 PM

I deleted the one's that people didn't like, to focus on one's people thought were good, and picked just one.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#16 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 18 October 2006 - 12:53 PM

http://www.freelance...aintemplate.php
What do you think about that.
I redid the links, and I am going to limit most of the content, I changed the bottom term to the best thing I could think of.
I tried, there is absolutely nothing I can do about the header and footer and it still be fluid, if there's advice about that before I end up starting to put in content I would love to hear it, any other advice/ideas/comments about hte layout, that I can work on.
I tried changing the percentages on the header/footer, but it's either making a scrollbar at the bottom, or not working out properly.  Also if you see hte bottom of the left nav, if the content in the right div, goes down a ways there is a constantly growing white space in between the left nav and the bottom footer, but I would rather keep things as they are, then mess it up, but if someone knows of some tweaks or changes I can make to the css to get some of that stuff to work as you suggested it's always worth a try.

Any other opinions about the layout?

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#17 freakus_maximus

freakus_maximus
  • Members
  • PipPipPip
  • Advanced Member
  • 177 posts

Posted 18 October 2006 - 01:07 PM

Try dropping the borders on your header and your nav menu. Same for your content area if you have it set there also.

Add the same light green background to your content area.

Possibly, just try and see how it looks, add a full dark green border around the whole site.

Just think it may give it a more fluid appearance.

Decrease the width of your nav menu, it does not appear you need the width you have now. That would give you more room for content.

Maybe with your CSS, have the links on hover change to a dark green with a slightly larger font so they pop out.

Just some thoughts.

#18 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 18 October 2006 - 01:14 PM

Try dropping the borders on your header and your nav menu. Same for your content area if you have it set there also.

Add the same light green background to your content area.

Just think it may give it a more fluid appearance.

Decrease the width of your nav menu, it does not appear you need the width you have now. That would give you more room for content.

Maybe with your CSS, have the links on hover change to a dark green with a slightly larger font so they pop out.

Just some thoughts.
I reduced the borders, let me get a few more opinions before I remove the borders totally.
I decreased the width of the left nav some.I will do that with the link color's when I put in the link's and see how it goes.
Also for the content area background color I have to get a few more opinions on that as well.

Thanks, anybody else.
This time I am listening to almost everyone's advice, even if it is just getting second opinions, on some of it however, I can't do, like the stuff mark mentioned earlier, the footer/header, I didnd't understand, and when I mess with height/width, it seems to add a scrollbar, and the footer, in firefox, it is bigger, in internet explorer it's extremely small.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#19 freakus_maximus

freakus_maximus
  • Members
  • PipPipPip
  • Advanced Member
  • 177 posts

Posted 18 October 2006 - 02:24 PM

I think your footer was fine, which is why I only suggested changing the border (removing it) on the header and the navigation menu, so I would switch that back.

#20 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 18 October 2006 - 02:27 PM

I will try removing of the border's could this be what mark meant when he said that about the footer, and the logo looking huddled.?

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users