DISCLAIMER
I understand that
- This website is not finished and things will change, so my comments may not be reflective of what you intend to exist eventually.
- Somebody spent a lot of time and effort working on this thing. Please don't take my comments as a personal attack on your coding/design skills. You've done a great job :)
Any text that's not also surrounded by another color box is hard to read over the photo with people raising their hands
Design - Animations are unnecessary
Design - White header and blue subheader unnecessary, just make them both white
Carousels are generally known to be ineffective at telling people about things, getting people to click on things, being accessible to people with screenreaders, etc. See http://shouldiuseacarousel.com/
Information hierarchy - what comes first and largest on the page is the most important. What comes next is less important. What you want me to know based on how your website is laid out:
- Warm cookies is a civic health club The link describing what a civic health club is takes you to another page, but you've got a section right below this one with that information. Users tend not to click links unless they have to.
- They want to ask me a question. The first thing I see here is a question. I have to read the paragraph or watch the video to find the answer to the question. Don't get me wrong, the video and the paragraph are really REALLY well crafted and great explanations of what a civic health club is - but I've gotta put in some amount of effort to consume the video/paragraph.
- They want me to learn more about Warm Cookies
- They have events
- There are many ways I can be involved with Warm Cookies
Are these the things you want me to know about Warm Cookies? Are the most important things to know at the top?
White text ("Uh, so what exactly is a Civic Health Club?") over image is hard to read
Everything else is great - the page poses obvious questions newcomers would have and answers them.
Looks good!
The word "programs," is perhaps a bit vague to describe something like "ways we've come up with so that being civically engaged is a bitchin' time.", but depends who your audience is and what you assume they know. Looks good!
Awesome!
I think I understand what this page is supposed to be - a repository for all the things the org has produced, in a similar way to the /videos page, but that aren't videos?
Or, would you like people to get something specific out of this page or take some kind of action?
Depending on your answer here, consider changing our style to something more descriptive of the intent.
Looks dope.
I have many opinions on how to structure forms to drive donations. Most of them came from a short time when I interned at NGP VAN (basically a tech arm of the democratic party). A good chunk of what they do is drive donations to candidates.
Anyways, here are my suggestions for donation forms:
- Call to action is front and center. e.g., "Keep your Civic Health Club healthy!"
- Result of the action is slightly less front and center. e.g., "Your donation will allow us to make cookies, move tables, and bring speakers"
- Donation amounts are separated so that the user doesn't have to do any work and think about how much money they really want to give. e.g., "$5 $10 $25 $50" buttons. You've got these already :)
- Some sort of way you indicate what type of donation is best for warm cookies. Are monthly donations best because they allow you to budget better? Or maybe a big, one time donation?