...

View Full Version : Review of Possible Redesign



Badman3k
06-12-2005, 07:31 PM
I've been working on a new design, see below, and I was wondering if you'd have a look at it and let me know what you think of it. It's only an image, as we're only playing with the different ideas for a redesign, and this is a potential candidate.

The content is just some text that I've made up to make it look slightly better and less empty, but I'm not 100% happy with the way the text looks at the moment, and will probably end up changing it before the site would go live.

The image (http://www2.pillukeit.de/layouts/Master-3.1.jpg)

Any feedback would be greatly appreciated,

JamieR
06-12-2005, 07:57 PM
I think it looks quite good - nice clean, welcoming layout which is well designed.

now that makes me want to get better with Photoshop even more....:D

Badman3k
06-12-2005, 10:02 PM
@Jamie: Thanks for the comments mate :thumbsup:

I'm a little concerned that the layout is too plain, and there's not enough colour, but saying that I'm hoping that with the use of extra images within the main body will be able to make things come together.

What are your views for the menu and submenu? I'm currently planning to make them work like Hybrid Css Dropdown menu (http://www.alistapart.com/articles/hybrid/), but I'm debating the colours. Do you think that if i switch the blues around so that the main menu has a dark blue bg with the light blue highlighting and for the submenu? or should I leave them as is?

Perhaps I doubt my own work too much and should just 'jump off the high dive' lol:D

@Jamie: Practice makes perfect - guess I should get on with practicing :D

harbingerOTV
06-13-2005, 02:58 AM
looks fine. very corporate professional. which I (can?) assume is the look your after.

the menu-drop looks fine color wise. fits in nicely.

the one thing that i see is the image placeholders. I mean how there set:

left
right
left
etc...

IMO having them all on the same side helps the uniform feel of a site. maybe that drops it straightinto the "corp" feel but it feels natural that way.

I'm all for breaking the "norm" so the left-right thing might work out. if you do it maybe justify the text in the p's next to the images so that the right pics text feels like it belongs.

make sense?

[edit] and text-indent some like 4-6px. it just makes it look natural IMO.

Badman3k
06-13-2005, 10:01 AM
@ harbingerOTV: I do see what you're saying and I think I'll have a mess around with the design. At the end of the day, I do want a corporate feel to the site, but I want something stylish as well (do these things ever go?! lol:D).

As for having the text justified, I'm still trying to work out how to do this in Photoshop (any tips would be very appreciated), so I had to leave it as left aligned, but I think it'd have been a natural step to make the text justified, but then again maybe I'd have left it - I'm not sure lol

I think I'll start working on a mockup HTML/CSS version, see how things start to fit together and then possibly add a new link to this post for you guys to recommend other possible changes, but keep any other suggestions coming :)

Thanks again guys :thumbsup:

JamieR
06-13-2005, 10:03 AM
Nah that design is fine - a little whitespace here and there never hurt anyone.

In terms of me and Photoshop, I've had it for ages and never got any better at it :o

dannyhayes
06-13-2005, 03:12 PM
I agree with weazel site looks very good, clean and professional good job. :thumbsup:

Badman3k
06-14-2005, 09:06 PM
Okay I've been working on getting this sorted the past few days, and now it's semi-ready.

I've built it to work perfectly in both Firefox and Opera. I know for a fact that IE just spits out rubbish, but I'll attack that later when I'm happy with what I want. I've only tested on a WinXP system, but would like to know how the Mac and Linux render it too.

I've had to make a few adjustments:

Menu - I had to adjust what I wanted for the menu. The Hybrid design wouldn't work as the submenu wouldn't centre, but thinking about it I prefer it this way. The way it'll work now is that the top row is the main menu and you can use these to change section and then a new submenu will appear in the 2nd row (if applicable) for you to navigate the subsections. This is our current method and it keeps things slightly more simple.
Menu Selected Background - I've decided not to have the rounded corners for the selected item in the main menu; felt it looked tacky, but let me know what you think.


Anyway I've uploaded the site here (http://www2.pillukeit.de/layouts/pwweb%20v3.1/) and the css is here (http://www2.pillukeit.de/layouts/pwweb%20v3.1/style.css).

I'd appreciate you guys and gals having a look around it, checking out the source and the layout/design.

I have three very important factors that I'd like to achieve:

Semantic
Accessible
Stylish :D


If you could give pointers to achieve these goals I'd really appreciate it.

Many thanks in advance,

Scootertaj
06-14-2005, 10:11 PM
Well, the image looked pretty good, but now the site looks kinda messed up in IE. There is a bar in the middle of the screen which looks like it should be on top or bottom. Also, the text that says "solutions that evolve with you" is REALLY small and hard to read (I could read it because I have good eyes/I'm a kid :) ). Also, it is not valid (http://validator.w3.org/check?uri=http%3A%2F%2Fwww2.pillukeit.de%2Flayouts%2Fpwweb%2520v3.1%2F) .
Other than those few things, it looks pretty nice and clean!

Badman3k
06-14-2005, 10:44 PM
Yeah I know about the IE, I'm not even going to start sorting that out until I've got the 'proper' version (for Opera and FF) sorted.

I've sorted the little validation errors like missing /'s etc, but I'm having trouble with my lists. I've tried having a look at the specification on the W3C site but can't seem to work out what the problem is.

The error is:
Line 17, column 16: document type does not allow element "ul" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
<ul id="mainnav">

Does anyone have any ideas?

With regards to the logo: I've taken that from the business card design that I've done to go with, but the business card had a higher res, so when I copied it I needed to scale it, which made the text a little tricky to read. The final version would have a new logo created specifically for it.

Thanks for the comments so far :thumbsup:

Online version updated

Itchybug
06-14-2005, 10:59 PM
From your current site:

As the satisfaction of our clients is very important to us, we place emphasis on a customer oriented development of your Internet-projects.
That doesn't mesh at all with this:

Yeah I know about the IE, I'm not even going to start sorting that out until I've got the 'proper' version (for Opera and FF) sorted.

Chances are that most of your customers are using IE. Where did you get the idea that somehow because of personal preferences, FF and Opera (Hahaha Opera, <1%) are the "proper" browsers? You're essentially stating, that US highways should be designed to work with "proper" automobiles like Cadillacs, and screw everybody who can only afford a Ford Focus.

AaronW
06-15-2005, 02:48 AM
Chances are that most of your customers are using IE. Where did you get the idea that somehow because of personal preferences, FF and Opera (Hahaha Opera, <1%) are the "proper" browsers? You're essentially stating, that US highways should be designed to work with "proper" automobiles like Cadillacs, and screw everybody who can only afford a Ford Focus.

Dude, he was saying that he's going to get his design working in standards-compliant (proper) browsers before tackling the bugs in IE. When he has it working in standards, he'll fix it for IE. Getting it to work in IE first and then trying to hack it for standards would be much harder. Just because the majority use IE doesn't mean it's the best browser. Saying that FF and Opera are better isn't opinion; it's fact.

Moving on...

In regards to the mainnav, I'd give that whole bar (#mainnav li.on a, #mainnav li.off a) a 'border-bottom: 1px solid #C0C8D5'. Try it and see. I think it seperates the main- and sub-navs nicely.

As for the search bar in the top right, I'd give it a dark blue border (matching your submenu) and style the button beside it using:



<button> {
border: 1px solid #1E344B;
background: #C0C8D5;
color: #1E344B;
}


Might look cleaner?

Your main text desperately needs a line-height adjustment. Try 18px or 20px maybe? It's very squished together right now.

Speaking of the main text, why is the left padding like three-times wider than the right padding? That looks more like a rendering error than a design choice to me.

And finally, it needs a footer of some kind. So many reviews on here and the designs don't have any feet...

Aside from these small tips, I've nothing bad to say about it :)

harbingerOTV
06-15-2005, 02:51 AM
the left-right image thing really doesn't bother me as much now that there are actually images in there.

maybe a little more left/right margin on those floats though. the text seems a little cramped up against them. I'd adjust the overall line heigth as well. thats a lot of text and looks clunky that tight together.

text-indent. maybe a personal preference but just looks better.

all in all looking fine so far. I think you have that "corporate" thing licked.

Scootertaj
06-15-2005, 08:19 PM
Saying that FF and Opera are better isn't opinion; it's fact

That's kinda like saying Chocolate chip cookies are better than sugar cookies, and that's a fact. FF and Opera are better with complying to standards, but some people prefer to use IE for general browsing, so it is an opinion in that case...

Badman3k
06-15-2005, 08:38 PM
text-indent. maybe a personal preference but just looks better.

What do you mean by text-indent. Do you mean indent the first line of each paragraph by xems?


In regards to the mainnav, I'd give that whole bar (#mainnav li.on a, #mainnav li.off a) a 'border-bottom: 1px solid #C0C8D5'. Try it and see. I think it seperates the main- and sub-navs nicely.
I'm afraid I dislike this, makes it look 'wrong' I think. Thanks for the idea though. I do like the styling of the inputs however, great touch :thumbsup:

With regards to all other points (line-height, paddings etc), I've changed these and re-uploaded them to the internet - see if you like the changes.

@Itchybug & Scootertaj: I understand what you're saying (both of you). I understand that the largest audience will be IE users, and I have nothing against that. I personnally feel that IE's a bag of crap, but that's my opinion. I will work on the IE version once I'm happy with what I get in FF and Opera and other standard complient browsers. However I do feel that these standard complient browsers (or as complient as possible) are easier to work with and feel that they display sites the proper ways. I feel that IE takes a lot of things and just throws out garbage. I think everyone should use a standards complient browser (regardless of whether they know what it is!), and for this M$ should sort out IE. If things all standards complient, there's no fiddling around trying to make it work in different browsers, cause they should all display them the same. And just on a side note, I did use inverted commas when saying proper. Wow went on a bit didn't I? lol:D No offence guys :)

p.s. Can we keep things on topic please.

AaronW
06-15-2005, 08:46 PM
That's kinda like saying Chocolate chip cookies are better than sugar cookies, and that's a fact. FF and Opera are better with complying to standards, but some people prefer to use IE for general browsing, so it is an opinion in that case...

Some people prefer to use inferior products due to their familiarity with it. I doubt anyone would choose to use IE over its alternatives had they never used it before.

Getting back to the topic again: About the line above the subnav, I still think something should be done to add contrast/boundaries to the mainnav's button and its child elements. Right now the main button (when it's "on") just leaks into the submenu. They're both the same colour. I'm not sure why it bugs me... Bleh. It's certainly not a design-crippling thing so leaving it alone is perfectly fine. Maybe if you changed the background of the sub-menu elements on :hover? Maybe that's what bugs me? The main nav buttons change colour on hover, but the subnav just changes text colour.

Badman3k
06-15-2005, 09:08 PM
I understand what you're saying about not being able to distinguish all that well, but I quite like the on being merged into the subnav - gives it a sense of unity and helps to show that the subnav is part of that 'tab'. I wonder if I were to alter the hover colour of the mainnav, if that'd help the problem. I'll give it a go and let you know how I get on :thumbsup:

I've changed the hover to be the orange. Not sure how well this works; let me know what you think.

JamieR
06-15-2005, 11:58 PM
I think it looks pretty good overall ;)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum