Designing Your Fundraising Site
Jenna Notarfrancesco avatar
Written by Jenna Notarfrancesco
Updated over a week ago

One of the ways you can set up your site for success is making the most of the customizable options available in the Site Design. From color choice to media, the decisions you make for your fundraising site's look and feel can leave an impact on your donors. Here's some best practices that can help you design a fundraising site that will attract donors.

Choose The Right Colors

The first step to making your site look and feel in line with your branding is choosing the right colors. One great way to do this is to use the HEX color codes your nonprofit has already approved and inputting them in your Site Design.

However, if you're unsure of which hex color codes your nonprofit uses, try taking a screenshot of your website and run it through a tool that will give you the HEX color codes from the image. Use the prominent colors on your website on your fundraising site.

However, it matters where you place these colors on the campaign site. We recommend:

  • Using contrasting colors for the Primary and Secondary colors (if one is lighter, make sure the other is darker.)

  • Take the brightest color and use it for your buttons and progress bar, the eyes of your site visitors will be immediately attracted to them.

  • Consider using another color from your brand for your content headings and links.

Here's an example of how Challenge 2 Change Foundation translated their colors from their website onto their fundraising site:

They look similar, and in this way they ensure their visitors that the campaign site is just an extension of their own.

The colors of your site help your donors to recognize your brand and even helps communicate your message.

Don't have a color scheme selected yet, or want to change things up? Use these 5 Sites To Find Color Schemes.

Use A Single Logo With A Transparent Background

While it's possible to upload a banner on your fundraising site, we recommend sticking with a single logo that will automatically upload centered on the site. This logo should not be more than 175 px H, but the width recommended sizing is more flexible depending on your logo design.

However, to make your site even more professional looking and clean, we recommend using a logo with a transparent background.

This allows you to freely choose the background color for your campaign, instead of trying to match the background color or the logo or having a box around the logo that's a different color than the one on your campaign site.

Was this article helpful? Rate it below!

Did this answer your question?