Thermometer & Leaderboard Options/Configuration

Giving an overview of both the admin experience of configuring the thermometer & leaderboard turned on in an event + the front-end look & feel after a charity admin turns on a thermometer or leaderboard for a campaign.

Transcript

1. Hero thermometers & leaderboards
2. Raised $6,018,946 Goal $10,000,000 5 3 , 9 1 4 S H A V E E S 1 1 , 8 1 6 T E A M S test page test page donate T H E R M O M E T E R O P T I O N # 1
3. The thermometer's block background will straddle the banner section and section #1 as displayed in the last slide. The thermometer's block background can be color configured. The actual thermometer will be two colors (fill & unfilled) that can be color configured. "Raised & Goal" can be configured to say something else + can be configured by font/size/color. (Likewise with dollars raised totals) An added option for the admin will be able to turn on participant data (shown below as 53,914 & 11,816 fundraisers and teams). Configurable by font/size/color. Raised $6,018,946 Goal $10,000,000 5 3 , 9 1 4 S H A V E E S 1 1 , 8 1 6 T E A M S
4. $ 6 4 6 , 2 4 9 R A I S E D T O D E F E A T M D S 9 , 9 4 2 P E O P L E B R A V E L Y S T E P P I N G $ 8 0 0 , 0 0 0 F U N D R A I S I N G G O A L test page test page donate T H E R M O M E T E R O P T I O N # 2
5. The thermometer's block background will straddle the banner section and section #1 as displayed in the last slide. The thermometer's block background can be color configured. Any of the widgets via total dollars raised, total participants, and the custom widget can be toggled off by the admin Widget #1 will display total dollars raised by participants + an ability for the admin to add an image 250 x 250 pixels. The text for dollars raised + description is configurable via font/color size. Widget #2 will display a stagnant number configured by the admin + an ability for the admin to add an image 250 x 250 pixels. The text for fundraising goal + description is configurable via font/color size. Widget #3 will display a total number of participants + an ability for the admin to add an image 250 x 250 pixels. The text for total participants + deccription is configurable via font/color size. $ 6 4 6 , 2 4 9 R A I S E D T O D E F E A T M D S 9 , 9 4 2 P E O P L E B R A V E L Y S T E P P I N G $ 8 0 0 , 0 0 0 F U N D R A I S I N G G O A L
6. Hero leaderboard The next two slides will overview the leaderboard styling and admin configuration options. If the admin turns the leaderboard on in the events campaign settings, this will be the styling that the admin will see/begin to configure. The charity admin can choose between listing 5 or 10 fundraisers or teams that will be displayed in list format displayed in the below slides. Once turned on, the below section will be visible inside of the Hero Site Builder for the admin to configure the look & feel.
7. Theresa Jaulaya #1 #2 #3 #4 Google Fundraiser's for Cancer San Francisco Sam Huntfrow Personal fundraiser Virtual participant Taylor Wellows Team Step the Rock Washington D.C. Ingrid Chanski Deloitte Marketing Team New York City Total raised $3,098 Total raised $5,580 View page View page Total raised $8,993 Total raised $9,989 View page View page Fundraiser's Teams
8. Theresa Jaulaya #1 #2 #3 #4 Google Fundraiser's for Cancer San Francisco Sam Huntfrow Personal fundraiser Virtual participant Taylor Wellows Team Step the Rock Washington D.C. Ingrid Chanski Deloitte Marketing Team New York City Total raised $3,098 Total raised $5,580 View page View page Total raised $8,993 Total raised $9,989 View page View page Fundraisers Teams Tabs that the admin can configure the text content, font, font, font color, and background color. These tabs will toggle between a list of fundraisers and teams - no matter what the charity admin labels the buttons. Each fundraiser in the list will display the fundraiser's profile picture, their name, their team affiliation (if on a team), and their location (if the location is uploaded by fundraiser), Button in the middle of the tab will allow a front-end user to open that fundraisers page. The charity admin can configure the text content, the color of the button, the font style, and the font color. The text to the right of the tab will display the fundraiser's total dollars raised. The charity admin can configure the text content, the font, and the font color. The background color of the tabs is also configurable for the charity admin to change.
9. A live look through front-end mock-ups
10. test page test page donate Raised $6,018,946 Goal $10,000,000 5 3 , 9 1 4 S H A V E E S 1 1 , 8 1 6 T E A M S W O R L D O R G A N I Z A T I O N Donate Fundraise
11. Theresa Jaulaya #1 #2 #3 #4 Google Fundraiser's for Cancer San Francisco Sam Huntfrow Personal fundraiser Virtual participant Taylor Wellows Team Step the Rock Washington D.C. Ingrid Chanski Deloitte Marketing Team New York City Total raised $3,098 Total raised $5,580 View page View page Total raised $8,993 Total raised $9,989 View page View page Fundraiser's Teams