Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Kwest Designs Front Page

  1. #1
    Senior Member Wrams's Avatar
    Join Date
    Apr 2009
    Posts
    936
    Blog Entries
    1

    Default Kwest Designs Front Page 8 Sep 2009 @ 20.25

    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.
    Last edited by Wrams; 8 Sep 2009 at @ 20.30.
      Reply With Quote

  2. #2
    Junior Member leeky's Avatar
    Join Date
    Sep 2009
    Posts
    25

    Default 8 Sep 2009 @ 20.34

    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
      Reply With Quote

  3. #3
    Senior Member Wrams's Avatar
    Join Date
    Apr 2009
    Posts
    936
    Blog Entries
    1

    Default 8 Sep 2009 @ 20.40

    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.
      Reply With Quote

  4. #4
    Trusted Guru Jack Franklin's Avatar
    Join Date
    Dec 2008
    Posts
    409
    Blog Entries
    4

    Default 8 Sep 2009 @ 20.49

    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!
    Site: jackfranklin.co.uk Blog: ispeakwebstuff.co.uk Project: learnitscreencasts.co.uk
    I'm available for 1 to 1 lessons on HTML/CSS/PHP/Javascript/jQuery/Photoshop/Fireworks so please PM Me!
      Reply With Quote

  5. #5
    Senior Member Wrams's Avatar
    Join Date
    Apr 2009
    Posts
    936
    Blog Entries
    1

    Default 8 Sep 2009 @ 20.55

    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.
      Reply With Quote

  6. #6
    Senior Member Wrams's Avatar
    Join Date
    Apr 2009
    Posts
    936
    Blog Entries
    1

    Default 8 Sep 2009 @ 21.36

    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...?
      Reply With Quote

  7. #7
    Senior Member CloudedVision's Avatar
    Join Date
    Jan 2009
    Posts
    824
    Blog Entries
    4

    Default 8 Sep 2009 @ 21.49

    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!
      Reply With Quote

  8. #8
    Senior Member Wrams's Avatar
    Join Date
    Apr 2009
    Posts
    936
    Blog Entries
    1

    Default 9 Sep 2009 @ 09.24

    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.
      Reply With Quote

  9. #9
    Trusted Guru WelshStew's Avatar
    Join Date
    Dec 2008
    Posts
    2,555
    Blog Entries
    3

    Default 9 Sep 2009 @ 09.35

    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.
      Reply With Quote

  10. #10
    Trusted Guru WelshStew's Avatar
    Join Date
    Dec 2008
    Posts
    2,555
    Blog Entries
    3

    Default 9 Sep 2009 @ 09.42

    quote

    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 View Post
    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
      Reply With Quote

Page 1 of 2 12 LastLast

Similar Threads

  1. Wordpress Designs
    By anthony in forum Design & Layout
    Replies: 10
    Last Post: 9 May 2011, @ 11.26
  2. Internal Page Links vs External Page Links
    By Ol'Canuck in forum Just Starting Out - Help Me!
    Replies: 2
    Last Post: 29 Apr 2010, @ 18.17
  3. 404 page
    By sudhakararaog in forum PHP, ASP & Java
    Replies: 1
    Last Post: 30 Dec 2009, @ 00.04
  4. Capital Web Designs
    By Gaz in forum Free Reviews & Showcase
    Replies: 5
    Last Post: 7 Aug 2009, @ 17.32
  5. First web page
    By Michael in forum Free Reviews & Showcase
    Replies: 3
    Last Post: 4 Feb 2009, @ 04.00

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •