Page 1 of 1

Suggestions About BlueysHome

Posted: Thu Feb 02, 2006 5:57 am
by BlueFlame
I have so far designed the php code behind this website to make the structure design easy to use but I’m not to sure about the visible design. The website is like Myspace.com but for people within my town. The forums are the main focus for people to talk in and use but since I’m running this on my other websites domain I wish not to upload the forums right away. The website does not run off a database yet and does not have a control panel behind it but for now I’m not too worried about changing content as it is set up as a style and template type structure and everything to be changed is easy as all hell. At the moment I’m just worried about the design of the website. It works off a 1024 x 768 screen size but does pretty well at any thing higher as I actually designed it at 1280 x 1024 but have gone back and tweaked with it. Does any one have any suggests about my site. What I should Change or add or the color scheme? The banner needs some work done on it but I’m not too good with Photoshop. It would be a great if I got some suggestions. The websites Located at http://www.bendigo-tech.com.au/pro

Re: Suggestions About BlueysHome

Posted: Thu Feb 02, 2006 7:58 am
by Roja
BlueFlame wrote:At the moment I’m just worried about the design of the website. It works off a 1024 x 768 screen size but does pretty well at any thing higher as I actually designed it at 1280 x 1024 but have gone back and tweaked with it.
There is really little reason why the information on that page couldnt display well at 800x600. If the logo graphic was under 700 pixels wide, it could display just fine at 800. Since approximately 10% of users are still at 800, its worth designing to accomodate them in many cases.
BlueFlame wrote:Does any one have any suggests about my site. What I should Change or add or the color scheme?
First, you have four different fonts on one simple page (Sans-serif, serif, Roman, Mouser). You should generally try to keep that to one or two.

Second, the color scheme is very harsh. You have Red, Pink, Black, White, Blue, Light Blue, Green, and grey - all on one page. Eight colors? Overboard. Simplify a bit, find a single color range to work within. (Shades of blue, for example).

Third, the html doesn't validate, and neither does the CSS. The errors don't look too difficult to fix, so why not?

I agree that the banner could use some work, but you were right in the need for a banner in that spot to tie the site together.

Navigation needs some work. You have links across the top, across the bottom, next to the banner, and in a table box on the right hand 1/3rd of the way down the page. Pick at most *two*. Four navigation locations is bad design.

And as a nitpick.. "Single" is not an Orientation. Its usually referred to as (Marital) Status. Orientation usually refers to which gender you prefer to be with (Gay, Straight, etc).

Hope that helps more than it hurts.

Posted: Fri Feb 03, 2006 1:51 am
by BlueFlame
Yeah, thanks man. Thanks for that little Orientation comment, I wasnt to sure for the wording. The color range is a bit faulty but the layout im happy with. I will probally work out where the links go a little better. Move them around a little. Get them to the left of the page. I will have a go at the color scheme again. the color scheme i used was just to highlight the diffrent parts of the website and i didnt really go back and change it. Thanks again.

Posted: Tue Feb 07, 2006 5:52 am
by BlueFlame
Iv redesigned the website. Can any one give me some suggestions. http://www.bendigo-tech.com.au/phppro/

Posted: Tue Feb 07, 2006 6:10 am
by Roja
- HTML & CSS invalid
- "Created by Bendigo-Tech Online. All Rights Reserved. 2006" is nearly impossible to see, change font color, or google might penalize for it
- Still sporting 4 fonts, two of which are unlikely to be installed on the majority of machines (mouser?)
- Personally, I'd make the border around the table holding the profile information smaller
- It needs a margin at the bottom of the content.