Grow your CSS skills. Land your dream job.

Site critique! Need your opinion :)

  • # October 17, 2012 at 12:28 am

    I would love to know your thought on a new website that I am in the process of building … it is by no means finished so there will be many things that have not been completed, but I just wanted to know what was thought of the overall design

    [Site...](http://childrensgospelcursade.site90.com “Site”)

    Thanks!!

    # October 17, 2012 at 1:16 am

    The domain has a typo :(

    # October 17, 2012 at 3:57 am

    Don’t like: The font you picked for the title and menu

    Like: the custom scrollbar

    # October 17, 2012 at 4:44 am

    Hey @JosiahB

    As @joshuanhibbert said, your website has a typo. You have put ‘cursade’ in the URL as opposed to ‘crusade’. Don’t know if this is going to be its permanent domain name or just one to get it up and running for cross-browser testing.

    Your website obviously looks nicer in Chrome, with the custom scroll bar and the navigation 3D effects and the scrolling features, but it doesn’t look so good in IE9 – it may be a good thing to try and at least accomodate for that browser, and use some cross-browser coding technique or work-arounds for it.

    As @JoniGiuro said, I think the custom font you’ve used is used a bit too much, it’s basically used for the logo, the navigation, the blog titles, the blog post date and the read more links. I know how exciting it is when you get a font up and running that isn’t just a bog-standard web font and it’s easy to go crazy with it but sometimes less is better.

    Overall: good attempt but take our advice as positive as you can :) after all, we’re here to help and give our opinion.

    # October 17, 2012 at 10:10 am

    You also have a typo in your doctype which is defaulting IE to quirks mode (at least for me it is). This what you have < !DOCYPE HTML>..missing the “T”.

    # October 17, 2012 at 10:56 am

    Well spotted @jkinney768

    # October 17, 2012 at 11:05 am

    Just running it through a validator will help a lot…

    # October 17, 2012 at 12:45 pm

    Thank you so much everyone for all your advice! I really appreciate it! :) I changed the font around and fixed the < !DOCTYPE HTML> … thank you @jkinney768 for pointing that out! I was wondering why it look so bad in ie …. I know that I misspelled the url … its just a temporary service until I get it finished … so I did not worry about changing it :) Please let me know what you think of it now! [... updated](http://childrensgospelcursade.site90.com “updated”)

    MBM
    # October 17, 2012 at 1:01 pm

    The colour scheme is garish. There’s too much empty space. The Team section looks nice but you’ve got too much padding at the bottom. With a bit of work it could look very stylish.

    # October 17, 2012 at 1:19 pm

    @MBM this is only my second real website I have built/building … so kinda new to this …. could you give me some ideas about what to do with the color scheme?

    MBM
    # October 17, 2012 at 2:32 pm

    Go here for some ideas :

    http://www.colorcombos.com

    The purple and grey you have used for the menu doesn’t work for me but the colours in your drop down (Hoderas = Honduras?) provide a much better contrast.

    I agree with what the others have said about your font choices. Try some of the google fonts :

    http://www.google.com/webfonts

    I think two of the best are PT Sans Narrow and Ubuntu.

    # October 17, 2012 at 2:45 pm

    This is a great browser add-on Google has for it’s fonts that you can add on to Chrome. It allows you to preview the fonts on your actual site and can call specific tags. [https://chrome.google.com/webstore/detail/google-font-previewer-for/engndlnldodigdjamndkplafgmkkencc?utm_source=chrome-ntp-icon](https://chrome.google.com/webstore/detail/google-font-previewer-for/engndlnldodigdjamndkplafgmkkencc?utm_source=chrome-ntp-icon “https://chrome.google.com/webstore/detail/google-font-previewer-for/engndlnldodigdjamndkplafgmkkencc?utm_source=chrome-ntp-icon”)

    # October 17, 2012 at 4:00 pm

    @jkinney768 thanks so much for the information! I am sure that will be very useful … @MBM do you think this color combination looks good? [color scheme ... ](http://www.colorcombos.com/combotester.html?color0=79BEDB&color1=593E1A&color2=6B78B4&color3=266A2E&show_text=Y “color scheme”)

    # October 17, 2012 at 5:42 pm

    Joshia, I think you would greatly benefit from working on your design skills. You’ve probably put a lot of work in to this site, so please don’t take this the wrong way. I’m trying to be helpful.

    There are numerous “bad” things going on with the site. Not in usability, but purely in the realm of design aesthetics.

    1. The logo on the front page is barely legible. It looks like you’re going for a “kiddish” type look. That’s fine, but don’t sacrifice legibility.
    2. The colors are all quite bad together. As mentioned above, work on developing your color palette. Adobe Kuler and many other sites on the web have palette samples. You’d also benefit from reading about color theory.
    3. You need to work on your typography. The fonts are bad, the kerning is bad. Do you know what kerning is? Not trying to be rude, but these are basic design fundamentals. Read more about typography! (the elements of typographic style is an excellent book)

    I’d start with those three areas and go from there! Good luck.

    MBM
    # October 17, 2012 at 6:09 pm

    The colour schemes are better but most websites have black or white fonts for a reason. Stick with a simple palette to begin with before experimenting with colours.

    If you want to use a kids font style for your logo take a look at these :

    http://www.fontspace.com/category/kids

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".