Thread: Kwest Designs Front Page

I know this is for reviewing complete websites but before I go any further I would greatly appreciate if you could give me some feedback on my current home page.

All the pages are there, there just NOT made up yet.

Thanks Guys.

P.S I only started learning around 4 or 5 months ago. I also have an mage bug in IE6 which I will sort out when I have time.

Anyway heres the link. Kwest Designs Hope you like it. I personally think it works well. I also won't be adding anything else to the index.html page.

Also one last thing. The footer image will be reduced and also removed. I don't want an image there. Maybe a nice light blue back-ground: color. I will see what works best later on.

Looking at a totally visual point of view -

1) The two blue text boxs have different gaps from the bottom border.
2)The W3C logos in the right hand bottom text boxs, need to be made bigger, or the box made smaller - as it doesnt look so good with big spaces.
3)One of the green ticks need to be removed, or the text box under it needs to be moved down, as it looks like it has been squashed in.
4) Why not have the website design, Hosting packages logo and text link to some were with more information?
5) clicking from the index page, to the about page. The blue text boxs moves postion slightly.

Looks good though after 4/5 months - lets hope im that good then :P

Thanks Buddy. The logos for W3C are standard size. I want to keep them that size. Maybe I will change that in time.

The about page that grey box is NOT staying there. I saved it without removing it and haven't got around to it yet.

The 2 grey boxes aren't suposed to be joined together. There different sections of the page. I may lighten them soon to a far lighter grey or even blue.

I can't see what your on about regarding the ticks. I have a 26 inch monitor so really need to view it on my 19 inch dual monitor. I can always remove one its easy to do.

Thank you leeky for your input. I will take it on board and re-arrange some items. I also have a logo to replace the text for KWest Designs at the top left of the page. I just need to place it in.

I also only started this page last night. The design I had before I hated.

Thanks again for your feedback.

Wow dude you have come on bloody miles since our first lesson. Salted teaches you well.

View things (was playing with a new app, excuse the boxes :P)


The twitter link feels very unstyled, I would style that
Specialized should be spelt with a s instead of z (z is American spelling and as you are based in UK our spelling makes more sense )

You don't need the comma I underlined in the top row.

Those buttons are not very nice, you should either have a text link or not have them, in my opinion. Or make your own buttons, and link them
And your xHTML is not valid: [Invalid] Markup Validation of http://kwestdesigns.com/ - W3C Markup Validator
You need to change the "&" in the title to "&"

The two rectangle backgrounds make the bottom feel more blocky, you could try getting rid of the grey background.

But seriously, this is 5 months in, so I am very impressed!

Thanks Jack. I have taken onboard what you have said and first thing in the morning I will put right everything you have mentioned. I knew I had some spelling mistakes and I thought I got all the & with & but I obviously missed one...Lol.

Keep that image up there I will use that as reference...Lol

I can also do alot more I just haven't used it yet, theres no need on this site. Glynn is amazing at teaching coding. I will however make links and think of text links for the valid (x)HTML and CSS links.

What I might do is slightly reduce the depth of the site by say 100px max, maybe less.

Anyway Jack thanks for your feedback really means something when someone who has been doing this for quite a few years says there impessed.

If you notice now I have removed all the valid section and reduced the complete height of the site by around 100-140px. Think it looks much better, however I'm not sure what to put under the ticks and the we specialise in section. See the white blank section. Any ideas...?

I agree with everything said so far, but have a few things to add.

Your navigation cuts off pretty suddenly in larger screen resolutions, which looks rather unattractive. Perhaps rounded corners, or having it stretch across the entire screen. Also, I can't say I like the font, it needs to be a bit stronger.

Also, the typography: You've forgotten Linux here. It looks bloody awful, since I get the default serif font. The Ubuntu equivilant of Palatino (not sure about other distros) is "URW Palladio L". For reference on pre-installed system fonts, you can check out Complete Guide to Pre-Installed Fonts in Linux, Mac, and Windows | A Padded Cell

And another little critique, "...All rights reserved" wraps down a line.

I like what you have so far though!

I do have the rounded corners for my nav but when I install them the main image seems to overtake the rounded corners and make it sqaure. Don't know why this is happening to me but I have contained the edges with there own <div>s and still it overides the navbar image to sqaure it up.

Any suggestions on how to make the corners rounded would be great. Also can I round the corners in CSS..? If so is it easy to do...?

Thanks CV for your input. Really appreciate it.

This also is only in the Beta stage so eventually I will be adjusting certain areas of the site. ie: All Rights Reserved.

I think you need to change your icons around a bit; as they don't really match with the products you are offering (apart from the hosting one). i.e. how does a cd case depict development?

small thing, but your on your lower pages, the logo changes from "Kwest" to "KWest" - try to keep it consistent.

I agree about the navigation, it looks a little odd being cut off like that, probably best to extend it out to the edges. Also, the rollover effect doesn't give enough feedback to the user, maybe a background colour change as well?

who we are - lots of text; couldn't be ar$ed to read it.

services - what is the jigsaw meant to represent? also the green ticks overlap this image in FF 3.5.2 - spacing between these bullets needs to be more, to make it easier to read.

As everyone else had mentioned; great stuff for only 5 months of learning.

Any suggestions on how to make the corners rounded would be great. Also can I round the corners in CSS..? If so is it easy to do...?

Originally Posted by Wrams

certainly is for browsers that support CSS3:

Code:

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

this will allow firefox and safari to see nice rounded corners.

if you want to target just one corener to be round then you can break down the CSS:

Code:

-moz-border-radius-topleft  / -webkit-border-top-left-radius
-moz-border-radius-topright  / -webkit-border-top-right-radius
-moz-border-radius-bottomleft  / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright  / -webkit-border-bottom-right-radius