How to Design a Peer-to-Peer Campaign Landing Page

Last Updated: Oct 08, 2018 04:59PM PDT

This article contains all image dimensions and recommended image placements for designing a Peer-to-Peer Campaign Landing Page.

Image Requirements:

- Under 2 MB in file size,
- JPG, PNG, or GIF
- We highly recommend you use the following image dimensions.
 

1. Header Logo

412px x 77px (recommended)

Add your organization logo or a specific logo to your Peer-to-Peer campaign pages. The logo is displayed in the left-hand corner of your campaign pages. You can also use a square image. If you use a square image we recommend 55px x 55px for best resolution.

2. Hero Block

1280 x 720px (recommended)

The Hero Block is the most prominent content block on Peer-to-Peer campaigns. Think of it as your first opportunity to make your impression on potential fundraisers for your campaign. The image falls behind the headline and the Header of your page, so it is important be aware of those two things when designing your Hero Background Image.

Important Hero Image Recommendations:

- The Header of your campaign Landing Page will always cover the top 100px of your Hero Image. One way to ensure that your Hero Image will not be covered up at all is to set the opacity of your Header's background color to 0.

- Due to our pages being completely mobile responsive, the portion of your Hero Image that will display varies depending on the screen size of the device you are viewing the page through. If your Hero Image includes important text or content that you want to make sure always displays, regardless of screen size, make sure to add that text to your Headline rather than within of your Hero Image.

We created guideline images for you, so your headline plays nice on any device. Click to download the Headline PSD and PNG Guide ImagesThe download will start automatically as a ZIP file. Check your Downloads folder for the ZIP file called "downloadable-headline-guides.zip"

- The recommended position for a Hero Background Image is Cover & Fixed or Stretch for optimal coverage. If you select Center, the Hero Background Image will not scale with the size of the screen.

 

3. Fundraising Levels

315px x 210px

Fundraising Levels help your supporters choose a specific fundraising goal for their fundraising page. By showing how their effort directly impacts your cause, your supporters will be motivated to raise more for your organization. Make sure to use compelling and eye-catching images that will inspire your supporters!

300 x 50px (recommended)
590 x 55px (max)

The footer logo will show up in the bottom left-hand corner of a team page. It can also be uploaded as a square but should be kept at 55px x 55px for best resolution.

 

Have questions on image sizing for Peer-to-Peer campaigns? Reach out to Classy Support for assistance.