Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts

    Site review please

    I have done a website for a charity, she wanted a black and white theme, I think it is a little boring, and wonder how I could liven it up as well as any critique browser review.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Missing something obvious?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    So, where is it?

  • #4
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts
    Sorry people.

    www.seniors260.org there are two divisions to the site, but both similiar.

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Well, a purely black and white color scheme could in the christian culture very well be misunderstood as having to do with death/funerals and is in combination with a website for older people not the best choice, I must agree. I would use that as case to convince them of using a different color scheme.

    However, at the very least I would use some kind of grayscale color scheme where different shades of gray are used, not just plain black and white. You have kind of done that but for me it doesn’t “feel” quite right yet. I think you’re overdoing it a little with the use of gradients. At first I would start out really simple with plain colors to highlight certain sections of content and no cosmetic details:



    Then you can add some subtle effects to make some things stand out more than others and to enhance the plain look a little. If you are using gradients then make them more subtle. And don’t use them on everything, it becomes boring really quickly.

    Also, currently your page background shadow looks very grayish which is kind of weird. Make it pure black and then set down its alpha value until you’re happy (and keep in mind to make it subtle; this effect it probably the least important and shouldn’t attract too much attention).



    And if the client is very conservative then use some light and subtle blueish color to add some colors. This may also please the conservative old people’s eyes more than bright colors.



    Note, however, that if the website is for seniors you may wanna add an option to change the stylesheet to one with more contrast for easier reading.
    Additionally I think you can enhance it with a different font than Arial as I think it has kinda worn off over the years; and now with all modern browsers supporting CSS embedding you have more choices. On FontSquirrel there are some nice free fonts for embedding in websites. But make sure you choose one that’s easily legible on screen.
    Attached Thumbnails Attached Thumbnails Site review please-seniors1.jpg   Site review please-seniors2.jpg   Site review please-seniors3.jpg  

  • Users who have thanked VIPStephan for this post:

    quartzy (02-23-2011)

  • #6
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts
    thank you for your site review, you have given me lots to think on, I did check out squirrel for fonts, by embedding do you mean make a picture of the font for titles? as I do not even have the fonts listed. I use windows 7.

    I think I will remove the gradient to the header, and make the links like you have done. Maybe I could change the yellow for the links to a nice blue and see if I get any comeback. Or send her an email.

    The grey I done on the shadow, I made as I thought black would be too harsh but I have never tried the shadow with black. So I will do.

    thanks again for your thoughts

  • #7
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Quote Originally Posted by quartzy View Post
    […] by embedding do you mean make a picture of the font for titles? as I do not even have the fonts listed. I use windows 7.
    No, I mean embedding the fonts with the CSS @font-face rule. There is no need to have the fonts installed on the computer as they are downloaded from the server and shown to anybody; that’s the point of all this. Using the font-face generator at fontsquirrel makes it damn easy to set it all up. You only have to upload the converted fonr files to your server and edit your stylesheet to reflect the paths etc. There are lots of sources on the internet to gat a basic understanding if you search for “css font-face embedding” or something like this.

  • Users who have thanked VIPStephan for this post:

    quartzy (02-23-2011)

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by VIPStephan View Post
    No, I mean embedding the fonts with the CSS @font-face rule. There is no need to have the fonts installed on the computer as they are downloaded from the server and shown to anybody; that’s the point of all this. Using the font-face generator at fontsquirrel makes it damn easy to set it all up. You only have to upload the converted fonr files to your server and edit your stylesheet to reflect the paths etc. There are lots of sources on the internet to gat a basic understanding if you search for “css font-face embedding” or something like this.
    Guide: http://sixrevisions.com/css/font-face-guide/

  • Users who have thanked Apostropartheid for this post:

    quartzy (02-23-2011)

  • #9
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts
    thanks to you both.
    I can see I am going to have to do some learning with this fontface.

  • #10
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts
    Could someone look at my site now that I have made changes that VIP suggested. I did not use fontface but I linked to a google font, and am worried that people can read it OK>


  •  

    Posting Permissions

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