Skip to content

馃殌 [Feature] Donation Button Directly On The Social Network

Created by: Tirokk

Tirokk Authored by Tirokk Closed

馃殌 Feature

We want to put a little info graphic showing the monthly donation status along with a donation button on the network to encourage more people to donate.

Problem

We need to make users aware that we depend on them and their support through donations. We also want to show them how dire the situation can be to create an appropriate sense of urgency.

Implementation

  • We will add a page to the admin interface where admins can enter numbers for the total required donations and incoming donations.
  • We will place a progress bar, the above numbers and a donate now button on top of the index page, next to the sorting dropdown.
  • The progress bar should represent the relation between the total and the incoming numbers. It should not go higher than 100%.
  • The button should lead to the donations page on https://human-connection.org.
  • On mobile we could a) alternate between the button and the progress bar, b) show the button below the progress bar or c) display just the button (whichever is easiest, for now!)

Open question: How will the numbers be stored in the database?

Design & Layout

Here is a quick mockup: Screenshot 2019-11-07 at 10 53 31

Different from this mockup we agreed that we will place the button next to the progress bar and we'll of course use the same button design as everywhere else on the network.

Validation

  • more donations coming in! 馃槃

Additional context

In the future we could think about displaying this only to users who are not yet donating monthly because it might be annoying otherwise. On the other hand, it might motivate people to increase their monthly donations if they see how badly we need it. 馃槵