hows the new design?!

Discussion in 'Websites' started by quite, Aug 15, 2007.

  1. #1
    hey
    as some of you may know, my last design for quiteproxy.net now formats strangely on the internet, and after much deliberation i have decided to get a new design all together which is simpler in the code, so less likely to go wrong.

    The new design is not finished, but what do you think? http://quiteproxy.net/new/

    how could it be improved before i duplicate it for all the other pages?

    any other pointers/tips/errors?!

    thanks in advance - any helpful suggestions may deserve a green rep :D
     
    quite, Aug 15, 2007 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Wow, this is much better looking! I rather like the magenta-ish red that's on the top of the page more than the Barbie pink on the bottom, but that's pure opinion.

    Here
    
     <p class="block">If your not sure, just read on:</p>
    	  <p class="block">A proxy site is quite simple, you can see a few examples on the bottom right of this page... </p>
    
    Code (markup):
    you could put a br between the two instead of <p class=... twice but that's nothing.

    Also, it's generally accepted that you use h1 only once, and first, but I can see why you used h2 first and then h1... to make different font sizes (you should do this with font-size... you could have the first two lines both being called h1 and one a larger font than another, since the first two lines are kinda your page title). h1 keeps coming back up throughout the page and that's generally bad form, especially for people using screen readers, which treat h1 as a main page header, and h2 as sub headers, etc...

    but these are small things, easily changed. Is your title image supposed to say QuiteProxv instead of Proxy?

    Looks nice on my browser (FF1.5).
     
    Stomme poes, Aug 15, 2007 IP
    quite likes this.
  3. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    sorry which magenta and barbie pink are you talking about?! isnt it all the same colour :S?

    i will rethink the use of h1 tags then, and use the font size instead.

    my image is sposed to be quite proxy, it turned out liek that as i did it using an online image generator, as my copy of photoshop wont install on my vista machine (and adobe help is non existant)
     
    quite, Aug 15, 2007 IP
  4. eXtincT

    eXtincT Peon

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    looks good, and alot better than the old one. My advice to you is try doing some photoshop cs tutorials to improve your skills and you will be good enough to do templates like me.
     
    eXtincT, Aug 15, 2007 IP
  5. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thanks, i would but i cant get photoshop installed on my laptop i dont know why?!:S
     
    quite, Aug 15, 2007 IP
  6. ginner

    ginner Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    yer looks a lot better thanks for adding well donw
     
    ginner, Aug 15, 2007 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Ach, yeah that was my monitor, the pinks are all the same... you're using #FF0066 and I thought the top was #E71067 which is pretty pretty.

    I'll see what I can do with your logo.
     
    Stomme poes, Aug 15, 2007 IP
  8. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Okay, I've redone your logo but photobucket's being a bitch. I can't load them direct from my computer, I don't think.

    I made two versions, one where the shadow/reflection is a bit further away form the letters to accomodate the Y's tail, and another where I only changed the Y.

    Okay they're back online. Version 1 http://s34.photobucket.com/albums/d136/schroedingerscat/?action=view&current=logo2.png
    Version 2 http://s34.photobucket.com/albums/d136/schroedingerscat/?action=view&current=logo3.png

    They're not beautiful but they at least say "proxy" : )
     
    Stomme poes, Aug 15, 2007 IP
  9. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #9
    haha thanks so much, they are beautiful!!

    will upload them in a bit, but downloaded them onto my laptop :D

    thankyou!!
     
    quite, Aug 15, 2007 IP
  10. Pandemix

    Pandemix Well-Known Member

    Messages:
    954
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #10
    Great design dude.
     
    Pandemix, Aug 15, 2007 IP
  11. Grumps

    Grumps Peon

    Messages:
    592
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #11
    The new definitely look WAY nicer than the previous. Its plain and attractive.
     
    Grumps, Aug 15, 2007 IP
  12. bizz_man

    bizz_man Well-Known Member

    Messages:
    766
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #12
    I agree the new one look more professional and strait to the point.
     
    bizz_man, Aug 15, 2007 IP
  13. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #13
    anyone got any like, tips or anything of which i need to change to it?!
     
    quite, Aug 15, 2007 IP
  14. azsno

    azsno Banned

    Messages:
    112
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    SWEEEEEEEEEEEEEETTTTTTTTTTTTTTT!!! Nice work....
     
    azsno, Aug 15, 2007 IP
  15. eXtincT

    eXtincT Peon

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    The new site looks way better than the first one even if you didn't design the second but in the second one you can see everything better and clearer than how it was on the hold site especially at the bottom where it ask if you want a proxy site setted up, the only way for you to see it is if you highlight it.
     
    eXtincT, Aug 15, 2007 IP
  16. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #16
    that was because the old site formatted very incorrectly once uploaded.

    glad everyone prefers the new design.

    is the right nav too many links at once?

    whats my adsense placement like?
     
    quite, Aug 16, 2007 IP
  17. Syke

    Syke Peon

    Messages:
    233
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #17
    I think it would also help to have the "Notify me of new proxies.." button along the input of the email field with some padding.
    I mean something like this and this will also go with the other two columns:
    /www.imagehosting.com/show.php/1032581_email.jpg.html
     
    Syke, Aug 16, 2007 IP
  18. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #18
    you mean with the border aswell to attract users attention to it?!

    i put it underneath previously as it fits better with a lower res screen (as the website is fluid) especially in internet explorer, the button is even wider?!
     
    quite, Aug 16, 2007 IP
  19. Syke

    Syke Peon

    Messages:
    233
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #19
    You could do something like labelling the button as just Submit and have a description above.
     
    Syke, Aug 17, 2007 IP
  20. Syke

    Syke Peon

    Messages:
    233
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #20
    Also I noticed that the "Notify me of new proxies.." button at the top overlaps the logo at 800*600 size.
    [you can check different resoultions using the dev toolbar for ie.]
     
    Syke, Aug 17, 2007 IP