[IPFire Artwork] Reworking the donation page

Michael Tremer michael.tremer at ipfire.org
Tue Jan 16 13:37:57 CET 2018


Hi,

great that things are moving along...

On Mon, 2018-01-15 at 23:57 +0100, Maurice Gesswein wrote:
> Hi all,
> 
> I did some adjustments on the existing donation pages and added the XS
> viewport in Zeplin.
> 
> Next up:
> • S viewport to reduce misunderstandings

What misunderstandings?

> • Dialog (popups) for CC and SEPA form fields
>   • Can you provide the needed information the user has to type in?

In all cases people need to type in:

First Name, Last Name
Company Name (optional)
Address Line 1
Address Line 2
Country (Probably as a dropdown)

We *never* take any credit card or bank account details. That is only typed in
on the website of the payment provider.

We cannot even verify the address much, but we should make sure that people
typed in something into every field except Address Line 2.

> • Success page
> 
> Question:
> What happens after the submit of CC data? Can you scribble something, please?

There is probably two ways:

a) The transaction was successful and we should redirect the user to a page that
says "Thank You"

b) The transaction was not successful and we should show a useful error to the
user which we will get from the payment provider. For example that the credit
card has been declined or that the payment provider is experiencing a temporary
error and that the user should retry in a moment.

There should also a button to retry so that people don't have to submit their
data again. I think that is necessary to make the entire process as easy as
possible.

I am not sure if there is a good way to let them choose a different payment
option. People will have to go back and type in everything again.

Hope this answers all the questions :)

Best,
-Michael

> 
> 
> Let me know if there are any questions or concerns.
> 
> Best,
> Maurice
> 
> On Tue, Dec 5, 2017 at 6:17 PM, Michael Tremer <michael.tremer at ipfire.org>
> wrote:
> > Hello all,
> > 
> > thanks for working on this. This is a huge step forward from what he have
> > had
> > before.
> > 
> > I especially appreciate the progress in both, design and implement, although
> > it
> > is quite a busy time for everyone!
> > 
> > I do have some questions/remarks though:
> > 
> > * Does the currency selection need to be a dropdown? It feels a bit
> > excessive
> > for just two currencies. Just my two cents :)
> > 
> > * One payment option I must have forgotten is PayPal, but that is only
> > available
> > for one-time payments. They don't allow recurring payments in Europe.
> > 
> > * Some things need a bit of rewording. I think I would prefer the text that
> > is
> > under the box (left side) to be on the left hand side of the box. It also
> > doesn't sound right to me to say "1€ at least", but I didn't find anything
> > better, yet. I will think of that and update you.
> > 
> > Best,
> > -Michael
> > 
> > On Mon, 2017-12-04 at 00:25 +0100, Maurice Gesswein wrote:
> > > Hi,
> > >
> > > Changelog:
> > > Viewport M for donation page added
> > > Minor adjustments and fixed at XL and L
> > > Alignment fixed at some icons (please replace these):
> > > icon-varified
> > > icon-varified-green
> > > icon-wireless
> > > icon-wireless-blue
> > > icon-arrow-down
> > > New icons added:
> > > icon-lock
> > > checkboxes
> > > radiobuttons
> > > amex
> > > mastercard
> > > visa
> > > From Viewport M to XS the top navbar shows always a background. See
> > "Homepage"
> > > and "Features" at Zeplin. That should simplify the code and avoid bugs I
> > hope.
> > > Doesn't it? Please let me know.
> > >
> > > Best, Maurice
> > >
> > > On Wed, Nov 29, 2017 at 12:27 AM, Maurice Gesswein <maurice.gesswein at ipfir
> > e.or
> > > g> wrote:
> > > > Viewport XL and L are available at Zeplin. https://zpl.io/25N8DpW
> > > >
> > > > On Thu, Nov 23, 2017 at 12:45 AM, Maurice Gesswein <maurice.gesswein at ipf
> > ire.
> > > > org> wrote:
> > > > > Hi,
> > > > >
> > > > > due to personal reasons I was not able to spent that much time into
> > the
> > > > > donate page so far. This is an unfinished version in our biggest
> > viewport.
> > > > > Rest will follow asap.
> > > > >
> > > > > https://www.dropbox.com/s/nz2ktou84szrya0/Donate%20-%20XL.png?dl=0
> > > > >
> > > > > Best, Maurice
> > > > >
> > > > > On Tue, Nov 14, 2017 at 2:10 PM, Michael Tremer <michael.tremer at ipfire
> > .org
> > > > > > wrote:
> > > > > > Hello,
> > > > > >
> > > > > > I put together some ideas for the donation page. We have the problem
> > > > > > that we
> > > > > > basically get no donations any more outside of the wishlist and even
> > > > > > those are
> > > > > > frankly way too low. The don't even cover our cost.
> > > > > >
> > > > > > And since we a providing a good product here which saves people a
> > lot of
> > > > > > money
> > > > > > we should not be afraid to ask for donations. Of course it is still
> > free
> > > > > > for
> > > > > > everyone to donate or not, but some people need to be reminded that
> > this
> > > > > > possibility exists.
> > > > > >
> > > > > > So we will now add some new features: We will allow donations via
> > credit
> > > > > > card
> > > > > > and standing order to make this really hassle-free and we will allow
> > > > > > recurring
> > > > > > donations because some people prefer to give a small amount each
> > month
> > > > > > instead
> > > > > > of a big amount once a year.
> > > > > >
> > > > > > We will also remove the variety of currencies and just use EUR & USD
> > and
> > > > > > suggest
> > > > > > depending on GeoIP which one is default. USD will be default for the
> > US
> > > > > > and
> > > > > > Canada obviously, but we will try to encourage people to use EUR
> > when
> > > > > > ever
> > > > > > possible since we pay less fees.
> > > > > >
> > > > > > Payment options are credit card & SEPA direct debit which support
> > > > > > recurring
> > > > > > donations. We don't support that with PayPal at the moment, but I
> > think
> > > > > > I will
> > > > > > need to implement their API.
> > > > > >
> > > > > > I would like to suggest amounts to donate. That seems to be common
> > > > > > practice. We
> > > > > > should have 250, 100, 50, 25, 10 and a custom option where people
> > can
> > > > > > enter what
> > > > > > ever they want. The minimum should be 1 (EUR/USD). If a recurring
> > > > > > donation is
> > > > > > picked, we should use some JS to halve the amount on those buttons.
> > > > > >
> > > > > > We have to get the full name and address of the person who donates
> > for
> > > > > > tax
> > > > > > reasons and secondly to get the payments through because the credit
> > card
> > > > > > companies validate those against their own database.
> > > > > >
> > > > > > We will also collect the email address to get in touch with people.
> > > > > >
> > > > > > So in the end the process will look like this:
> > > > > >
> > > > > > 1) Person selects one-time/monthly payment, an amount by clicking on
> > a
> > > > > > button
> > > > > > and selects the payment type. Click something like "Donate Now".
> > > > > > 2) A form is shown to enter name, email & address.
> > > > > > 3) Redirect to payment provider to enter credit card stuff, etc.
> > > > > > 4) Payment provider redirects back to a thank you page
> > > > > >
> > > > > > This is probably a good example and done quite similar:
> > > > > >   https://donate.mozilla.org/
> > > > > >
> > > > > > I have also written a few new texts that probably need a little bit
> > of
> > > > > > refinement, but should be a good start:
> > > > > >
> > > > > >
> > > > > > Why should I donate?
> > > > > >
> > > > > > We are proud of what we are doing here at IPFire. We create a free
> > > > > > firewall
> > > > > > distribution that is free to use for everyone anywhere in the world.
> > To
> > > > > > do that,
> > > > > > we need to provide the infrastructure to distribute it to our users
> > and
> > > > > > provide
> > > > > > the right tools for our developers to help them to make IPFire
> > better
> > > > > > every day.
> > > > > >
> > > > > > Donations from individuals and corporations are the only way to keep
> > all
> > > > > > of our
> > > > > > services free for everyone. They pay for hosting, advertising,
> > purchase
> > > > > > equipment and to fund the work of the people behind it.
> > > > > >
> > > > > > Our ambition is to compete with projects backed by large
> > corporations
> > > > > > and
> > > > > > proprietary solutions and we cannot do that without you. Become a
> > > > > > supporter
> > > > > > today!
> > > > > >
> > > > > >
> > > > > > How much should I give?
> > > > > >
> > > > > > Donations range from single digits donations to hundreds. For us it
> > is
> > > > > > important
> > > > > > to give something back to help this project to succeed. If you want
> > to
> > > > > > help,
> > > > > > please do so and encourage others to do so, too.
> > > > > >
> > > > > >
> > > > > > Maybe we will also have a small FAQ depending if people have some
> > > > > > difficulties
> > > > > > to donate or commonly asked questions.
> > > > > >
> > > > > > There should also be some area for the smallprint since we need to
> > tell
> > > > > > people
> > > > > > who they are donating to and that we don't do any refunds, etc.
> > > > > >
> > > > > > @Maurice: Could you design a page like this?
> > > > > >
> > > > > > @Sven: Would you be up to implement his with the JS and all other
> > > > > > frontend bits?
> > > > > > I would develop the backend and the interfaces with the payment
> > > > > > providers.
> > > > > >
> > > > > > Best,
> > > > > > -Michael
> > >
> > >
> 
> 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: signature.asc
Type: application/pgp-signature
Size: 833 bytes
Desc: This is a digitally signed message part
URL: <https://lists.ipfire.org/pipermail/ipfire-artwork/attachments/20180116/6ac5afd9/attachment.sig>


More information about the IPFire-Artwork mailing list