Shane Kingery

AfricaHope NGO Website, Sub-page layout

By Shane Kingery

   on Dec 11, 2009
10 Reviews5 Votes0 Favorites940 Views

Concept Reviews

  • Newbird Design

    Newbird Design

    Rank: 2 Titan

    949

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    1 Vote
    Your Stress Level

    Posted on Dec 12, 2009 at 10:51 AM

    Hey man don't stress out too much you have a nice looking site here. There is a couple of things that i think can make this look a bit better.

    for one don't listen to the guy above i think the navigation text size is fine.

    It looks like you have a overall good grasp on the design but i think your typography is lacking.

    lose the indentation on the type it looks weird, add more space in between paragraphs. Also add more headings like "Church Ministry" in between paragraphs

    one more thing the quote on the side is a bit unbalanced to the left try making the font a bit smaller if that helps balance it

    oh, one more thing try to add a nice 4 -6 px white border around your photography with a slight drop shadow to make it pop, have your drop shadow centered so that it illuminates in every direction.

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 10:29 AM

      Ha! You don't know me... But sadly, you do. I guess the pressure of having to come up with a site layout out of thin air is getting to me...

      Thanks for the encouragement and feedback. I'll be working on your suggestions this morning. I don't (think) I have indentation on any typography. What looks weird? Let me know and I'll work on it.

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 3:25 PM

      Oh, by 'indentation' you mean, 'indentation'. I get it now. It was your mysterious wording you used :-P

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 5:00 PM

      Okay, I've taken your advice in the above comment. Let me know how it's working as of now... Thanks.

  • Robert Tipping

    Robert Tipping

    Rank: 4 Master

    1094

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    No big problems you just have " the wobbles"

    Posted on Dec 12, 2009 at 3:10 PM

    I just got done panicking my self I have a brochure layout that has bit the dust and I am suppose to show Monday - I understand panic.

    Sub pages are sub-pages it would be nice if everything knocked over the audience/clientele however its reasonable to have filler in the mix.

    From what I can tell the top page (of the 3 here) is fine - its almost for sure as the real text goes into the quote so shall the image change I would ride the wave and see where your real content takes you -again nothing much wrong with the top one.

    The second one has nothing substantially improved so i'm ignoring it.

    Is the 3rd one depicting a drop down menu ?if so it is extremal interesting and the color choice is dynamite.

    I think you are doing really well stick to your guns.

    I don't go to opensource galleries any more but I know some designers like to get lost in the millions of xhtml ,css templates there are out there. Sometimes I send customers to look at template galleries so I can get a sense of where they see value or (gulp)art. You may get some inspiration you may not but for sure as a beginner you are way ahead of most so chin up and dig in.

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 5:02 PM

      Thanks so much for your input, Robert. I really appreciate it! The drop down menu is kind of bold. Too bold? I was thinking of pulling some of the bright colors in the palate to be the different drop down navs. I've just updated the concept, so let me know what you think.

    • Robert Tipping
      Robert Tipping commented:
      Posted: on Dec 14, 2009 at 7:02 PM

      1,3&4 look good 2 me I'm not keen on 2 although there is nothing really wrong with it it knocks my sense of balance. I am looking forward to the site live.

  • Anderson Torres

    Anderson Torres

    Rank: 5 Advanced

    68

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    Typography and menu color

    Posted on Dec 13, 2009 at 2:31 PM

    I like it very much. 2 Things i think you should try before consider it finished: 1 - typography, specially in the submenus, is it my eyes or they are in bold? anyway. you should try another font or keep the pattern of capital letters of the other menus. The text itself could be a little bigger. It could be me as well, I use glasses :) . 2 - The submenu color with the pictures, have you tried the blood red like the Donate link? or green like the icon on the bottom? I also notice that the images behinds menus and also the ones used in the icons have a fadding effect, have you tried it in the submenu as well?

    You see, I am not suggesting what you should do, but to try and see if it fits your taste, the overall aspect of the design is awesome. Keep doing it.

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 5:08 PM

      Anderson, thanks so much for you feedback. I've taken your advice and taken out the bold of the sub menu drop down (I think that's what you were talking about - let me know if not.) I've also applied a gradient to the drop down menu now. I have a couple more drop downs to make, so I'm thinking that I'll do those in another color - perhaps the red or green you suggested. Take a look and let me know if I've captured the revisions you suggest. I may have misunderstood you...

  • Swarat Ghosh

    Swarat Ghosh

    Rank: 2 Titan

    4866

    • Design: 3
    • Purpose: 3
    • Originality: 3
    • Engagement: 3
    0 Votes
    i will go with "first" version

    Posted on Dec 14, 2009 at 3:33 AM

    though i am not quite sure at the moment which page am i as after lots of concentration i find out i am in "church ministry" better to ad some bg behind your heading "Church Ministry" or the thumb u are putting for "CM" at the bottom can have some glow....

    rest is nice and simple i guess..

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 5:10 PM

      Thanks Swarat. I could tell that the layout was blah and I've made some revisions on it reflecting your suggestion that the purpose of the page needs to stand out more. Let me know if you think this is a step in the right direction or not.

  • Nate Hamilton

    Nate Hamilton

    Rank: 1 Elite

    CF Verified professional

    9919

    • Design: 3
    • Purpose: 3
    • Originality: 3
    • Engagement: 3
    0 Votes
    No bad

    Posted on Dec 14, 2009 at 8:25 AM

    Try switching the picture column to the left. This is a 50/50 split and I might consider doing a 25/75 split. The 75 would be the part with the text and the 25 part would be for the picture and quote. Don't worry about the quote and picture column expanding to the same height as the text. Try to tighten things up on the picture column (Smaller picture, less padding and smaller typeface). Hope that all helps, let me know if you have any questions...

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 5:14 PM

      Hey Nate. Thanks for your suggestions. I changed the split to 25/75 split (though I think it's more of a 33/66 split - does that matter? Let me know if so.) I also didn't make the picture and pull quote match the height of the text. Does this work? Let me know, also, if you think the quote/picture/give & photo buttons reflect the spacing you suggest. I'm trying to train my eye to catch good spacing, but it seems like a trial and error issue. No algorithm for that I can find yet... Let me know what you think of this update. Thanks so much.

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 7:10 PM

      by the way, if you get 2 more reputation points, you'll have a palindrome for a reputation #. I think that's pretty cool.

    • Nate Hamilton
      Nate Hamilton commented:
      Posted: on Dec 15, 2009 at 7:59 AM

      It's getting there. I really like this format a lot better! Now i think you just need to concentrate on the image and quote column now.

      For the image I would use something like what is on this page http://www.birdie-birdie.com/photography.html.

      For the quote try adding some sort background color and sneak have the shape go under the pictures.

      Hope that all makes, let me know if you are unsure what I am talking about. Good work, keep it up!

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 15, 2009 at 8:47 AM

      thanks. I'm on it... I'm only sad that I didn't see your palindromic rep # :o(

    • Nate Hamilton
      Nate Hamilton commented:
      Posted: on Dec 15, 2009 at 8:52 AM

      Haha, yeah I think I even missed it :)

  • Miro

    Miro

    Rank: 2 Titan

    3658

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 4
    0 Votes
    It is ok

    Posted on Dec 14, 2009 at 11:15 AM

    Hi Shane! I think your page looks all right. Do just some minor tweaks and you´ll see it yourself.

    1) add an empty line between the paragraphs (And align the first lines also to left) 2) add subheadlines 3) make the "Interesting quote" a bit smaller so that you get some empty space around it 4) add a 1 pixel stroke around the image 5) change the color of the "Interesting quote" to for example blue, it is a bit pale right now.

    Oh, and the first one (menu) is the best I think.

    • Miro
      Miro commented:
      Posted: on Dec 14, 2009 at 11:18 AM

      ...And please show us the results after you have modified the layout.

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 14, 2009 at 5:20 PM

      Okay, Miro. The modification is up. I had a difficult time adding a stroke (and drop shadow as suggested by someone else) because I couldn't figure out how to get a drop shadow all the around the image. So, I duplicated the picture, turned it black and added a gaussian blur to it. Not sure how that works. Let me know what you think of this revision.

      Thanks again, by the way, for all your help.

    • Miro
      Miro commented:
      Posted: on Dec 18, 2009 at 12:57 PM

      Hi, the fifth one looks very good. How I would still modify that is that I would make the text on the left -The chuch in Kenya is...- darker gray or maybe the same blue as you have used elsewhere. And you do not have use italics on the subheadlines, bold is enough.

  • Lee Reed

    Lee Reed

    Rank: 7 Student

    21

    • Design: 5
    • Purpose: 5
    • Originality: 5
    • Engagement: 4
    0 Votes
    Great design...some pointers

    Posted on Dec 15, 2009 at 7:07 AM

    This layout suggests Africa by its colors and typestyle before you even have the chance to read the word "Africa." That's good design. However, I do have a few suggestions. A) Make sure you credit your sources on the quotes. I know this is a mock up and these may not be the quotes you end up with, but don't forget to give credit to the speaker. (Text without conext is pretext!) B) the navigation bar that flies down when you hit "About" would normally be considered a bit cumbersome but it is new and different and you get big points for that on the web. I say leave it in. My father is a missionary and he does a lot of work in Africa. He is in the Ukraine right now, but I can hear his voice saying "Play down the 'Donate' button. " Everyone knows that missions need money; its a given. What you need to do is convince people that God is working in Africa through this mission; that's what people want to donate to, they want to be a part of what God is doing, the mission is simply a conduit. One final point, you mention that this is an NGO. Make sure you understand the restrictions NGO's place on religious efforts. You must assume that the Kenyan government will be looking at this site and a conflict with their regs could spell disaster for the ministry.

  • Qunta Lulama

    Qunta Lulama

    Rank: 10 Newbie

    3

    • Design: 4
    • Purpose: 3
    • Originality: 3
    • Engagement: 2
    0 Votes

    The color scheme is set right, the navigation stands out, but, in terms of content I'd find a way of passing accross more content-per-screen, thus trying to make maximum impact-per-view.

  • William Hand

    William Hand

    Rank: 2 Titan

    282

    • Design: 3
    • Purpose: 5
    • Originality: 2
    • Engagement: 3
    0 Votes
    The Navigation

    Posted on Jan 06, 2010 at 6:36 PM

    I think it is a good start, but the navigation, and whole header section is a bit bland. Maybe have a look at the latest trends at www.cssremix.com.

  • M Anonymous

    M Anonymous

    Rank: 4 Master

    58

    • Design: 3
    • Purpose: 4
    • Originality: 2
    • Engagement: 3
    0 Votes
    The navigation.

    Posted on Dec 12, 2009 at 5:14 AM

    The navigation text should be way smaller, it is too big, and there's not enough whitespace for it.

    • Shane Kingery
      Shane Kingery commented:
      Posted: on Dec 12, 2009 at 9:56 AM

      Thanks M for your feedback.

      Are you referring to the blue nav bar or the simpler black text ones? Or both?