12 replies [Last post]
rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 50 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Please offer any comments you might have on the following site redesigns... so I know whether I should continue on with them or not, and pleae don't hold anything back

Current site: http://www.redhorseoil.com
First test design:
http://www.redhorseoil.com/test/rho/rho1.html
which had a couple of comments in this thread
http://www.csscreator.com/css-forum/ftopic6822.html

Second test design:
http://www.redhorseoil.com/test/rho/rho2.html

FYI: Only the initial page is done, the links don't go anywhere, the right hand column is a little bare at the moment.

TIA

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Redesign in progress comments welcomed

Yes carry on with it rmfred, it looks far better than the original. far lesss blocky and overbearing (no offence intended to the original design)
Playing around with it quickly I added a 1px #eee border to the #content p and a #eee background to the #content h2 just to try to lift the main paragraph text a little and lightened up the background on the submenu to #ccc and subbox to #eee as well, whilst raising it level with the first h2
and narrowed the width of the submenu to around 230px ( although I realise that that upsets the links ) the submenu just feels too heavy on the page.
I realise the page is not finished and my changes are not meant as specific recommendations it's just that those few simple little changes started to gel the layout together for me and would make me press on with it.

So overall a far better layout, keep on with it, you won't be wasting energy.
Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 50 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Redesign in progress comments welcomed

Quote:
Playing around with it quickly I added a 1px #eee border to the #content p and a #eee background to the #content h2 just to try to lift the main paragraph text a little and lightened up the background on the submenu to #ccc and subbox to #eee as well, whilst raising it level with the first h2
and narrowed the width of the submenu to around 230px ( although I realise that that upsets the links ) the submenu just feels too heavy on the page.

Hugo; I don't see where the #eee to the content p and content h2 makes any difference at all (at least on my monitor) the changes to submenu and subbox are good... I was wondering about the width of the submenu... making it narrower is probably a good idea... will have to work on the links if I make that change... no biggie

thanks

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Redesign in progress comments welcomed

It was just that a background to the h2 titles over the paragraphs helped highlite and focus the eye to each of the sections as did the border around each of the paragraph sections I only chose #eee for a soft subtle effect. As I said I was only playing, but the text, left as is, tends to look a little flat and in need of something to draw the eye to it and lift it so to speak.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 50 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Modifications made please comment

Ok... made some revisions which can be seen here
http://www.redhorseoil.com/test/rho/rho3.html

Added some padding to the top so it's not quite so compact..
A little more space in the menu and around the "quality products..." line.

Changed the RH column... not sure what I really want to do with it at the moment

What do you think now?
TIA

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 19 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

Redesign in progress comments welcomed

You need be more abstract with a generic #supplier a {} style that has everything but the colors (i.e. all the dimensions and such). Then your a.mobile a.exxon ... styles can be very short and easier to maintain. Applying the specific classes will only affect the colors.

You will also have issues with user font-size changes because your design has been created for a narrow font-size range. It is easy to lose the 2nd phone number and part of the masthead title with a minor increase in font-size. More relative positioning would help.

The design looks much better now, BTW - more corporate and less quirky (although you are determined to use your <dd><a..> creation, aren't you Wink )

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 50 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Redesign in progress comments welcomed

Thanks DC... I was wondering about that? I've done some playing and got it to work... have not made the change to any of the sites I am testing yet

Have taken your comments as well as some others from another forum and created 2 additional designs.. please let me know what you think

http://www.redhorseoil.com/test/rho/kodo.html
http://www.redhorseoil.com/test/rho/sojan.html

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 26 weeks 5 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Redesign in progress comments welcomed

DEFINITELY go with the sojan style, much more professional. However, I think you should keep the borders you had in

http://www.redhorseoil.com/test/rho/rho3.html

around the items.

Also, you need a better quality logo for sojan. I don't like the subtitle (Providing Quality Products, Su. . . . ), and the boxes/text on the right need more line spacing.

Apart from that it's looking great.

Verschwindende wrote:
  • CSS doesn't make pies

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 50 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Redesign in progress comments welcomed

Gary;

Quote:
Also, you need a better quality logo for sojan. I don't like the subtitle (Providing Quality Products, Su. . . . ), and the boxes/text on the right need more line spacing.

re: logo.. the horse head does need to be better... is the text ok?
what don't you like about the subtitle? The text itself, the color, the placement?
More line spacing will be used on the right... I just haven't decided how I want to style that area yet

thanks for the comments

the3jsgrve
Offline
Regular
Last seen: 15 years 40 weeks ago
Timezone: GMT-6
Joined: 2004-12-15
Posts: 29
Points: 0

Redesign in progress comments welcomed

rmfred,

What are you using for a graphics editor? How are you compressing them? It seems to me that all your graphics are a bit fuzzy. Also, the font for the company logo seems a bit "wimpy" to me (for lack of a better word). Just my opinion, but it doesn't really reach out and grab me. Other than that, I definitely like the sojan design best. Great job!

Josh

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 50 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Redesign in progress comments welcomed

Josh;
I am very graphics challenged and don't even have a "real" graphic program... believe it or not I am using Microsoft Image Composer LOL

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 26 weeks 5 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Redesign in progress comments welcomed

About the subtitle - the justified text spoils is. Try changing the text size down, see what happens.

The logo - yes, it's too fuzzy, and a better font choice wouldn't go amiss.

Verschwindende wrote:
  • CSS doesn't make pies

the3jsgrve
Offline
Regular
Last seen: 15 years 40 weeks ago
Timezone: GMT-6
Joined: 2004-12-15
Posts: 29
Points: 0

Redesign in progress comments welcomed

Man, I'd highly recommend downloading the 30-day trial of Macromedia Fireworks or checking out Photoshop Elements. Both are fairly cheap, both are fairly easy to learn, and both will give you MUCH better results than what you're getting.

Josh