From mboxrd@z Thu Jan 1 00:00:00 1970 From: Michael Tremer To: ipfire-artwork@lists.ipfire.org Subject: Re: [IPFire Artwork] Reworking the donation page Date: Tue, 16 Jan 2018 12:37:57 +0000 Message-ID: <1516106277.3647.95.camel@ipfire.org> In-Reply-To: MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="===============4237335349829257580==" List-Id: --===============4237335349829257580== Content-Type: text/plain; charset="utf-8" Content-Transfer-Encoding: quoted-printable Hi, great that things are moving along... On Mon, 2018-01-15 at 23:57 +0100, Maurice Gesswein wrote: > Hi all, >=20 > I did some adjustments on the existing donation pages and added the XS > viewport in Zeplin. >=20 > Next up: > =E2=80=A2 S viewport to reduce misunderstandings What misunderstandings? > =E2=80=A2 Dialog (popups) for CC and SEPA form fields > =E2=80=A2 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. > =E2=80=A2 Success page >=20 > Question: > What happens after the submit of CC data? Can you scribble something, pleas= e? There is probably two ways: a) The transaction was successful and we should redirect the user to a page t= hat 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 tempora= ry 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 >=20 >=20 > Let me know if there are any questions or concerns. >=20 > Best, > Maurice >=20 > On Tue, Dec 5, 2017 at 6:17 PM, Michael Tremer > wrote: > > Hello all, > >=20 > > thanks for working on this. This is a huge step forward from what he have > > had > > before. > >=20 > > I especially appreciate the progress in both, design and implement, altho= ugh > > it > > is quite a busy time for everyone! > >=20 > > I do have some questions/remarks though: > >=20 > > * Does the currency selection need to be a dropdown? It feels a bit > > excessive > > for just two currencies. Just my two cents :) > >=20 > > * 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. > >=20 > > * Some things need a bit of rewording. I think I would prefer the text th= at > > 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=E2=82=AC at least", but I didn't find= anything > > better, yet. I will think of that and update you. > >=20 > > Best, > > -Michael > >=20 > > 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 > 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 > 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=3D0 > > > > > > > > > > Best, Maurice > > > > > > > > > > On Tue, Nov 14, 2017 at 2:10 PM, Michael Tremer > .org > > > > > > wrote: > > > > > > Hello, > > > > > > > > > > > > I put together some ideas for the donation page. We have the prob= lem > > > > > > that we > > > > > > basically get no donations any more outside of the wishlist and e= ven > > > > > > 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 sti= ll > > free > > > > > > for > > > > > > everyone to donate or not, but some people need to be reminded th= at > > 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 al= low > > > > > > 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 button= s. > > > > > > > > > > > > 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 cred= it > > card > > > > > > companies validate those against their own database. > > > > > > > > > > > > We will also collect the email address to get in touch with peopl= e. > > > > > > > > > > > > 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 b= it > > 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 wor= ld. > > To > > > > > > do that, > > > > > > we need to provide the infrastructure to distribute it to our use= rs > > 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 k= eep > > 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 wa= nt > > 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 > > > > > > >=20 >=20 --===============4237335349829257580== Content-Type: application/pgp-signature Content-Transfer-Encoding: base64 Content-Disposition: attachment; filename="signature.asc" MIME-Version: 1.0 LS0tLS1CRUdJTiBQR1AgU0lHTkFUVVJFLS0tLS0KCmlRSXpCQUFCQ2dBZEZpRUU1L3JXNWwzR0dl Mnlwa3R4Z0hudy8yK1FDUWNGQWxwZDhpVUFDZ2tRZ0hudy8yK1EKQ1FkUzdnLytPMXpJbEhVamJB WkpqVkROanFacUhPRVJ4TnhlakVKSkkvOXF4b1U0SS9YZVdBcGZ4QnR3UHpsTwpFbTRQQkZJM3hl bTIvbzJzVGMrYzNCNUI0aEVoUk9qK1ZuUDZubFFCaHdNdWNnUmFGcEgzNm9Rc2RCSDZ2U2pwCnVs TVg3ZHhVa2t1VDJXNGNNWVFjM2MwY282NVZBZjFHdTJuSmltLzdZV0N2YllzVU1wdEtzK041N05y eWZyWFEKMlMycnhMejlzOVRCQXpLL1dOemRLNWJsY0ZUeDRBZEI4cHN6V1FaczBQUHZpdmEyZzdV MzAxcG5qdndvSnVLUwppVGtndjhWd3RiZG1BemltT0IzeVNSUnQwSEJhY1RKYXFCYklOTTlwRW9T a3FtbVcvR0FDQ1hROUlKcVJ2aDhjCklIOENGVUU4UTVHWGFsQ0x6cDR0OWxJcWRmdVhHV2pTL21r N0dpTmwydVUrVytVZGZVMnBOM0oxTzhNcnA0WHoKYnBSek9nTnA2S3N4Q0U5Z3RTcHgzZTR2bEpj dmsrTi9ZUlhjYVI2QmttL3A4aUFXcmUzR1llVXBweTl0ZFYvVQo4Y0MwNHpWak5oNGVCUkNjK2p2 WlZoOS83MFo4cGYreUFtRUpBUmN0Q2swTDl5Nnd6VURTc2dvVEQ0NVdWRGRrCnIxWEM1NnlLd1Fw QmoySnBVY3JwaXI3aitMaUZvVzdSWW1abnZ3cXB5WkpNTEJ3ZGtQNEY2Vy9pbm9qSngrekQKU0hk MHREV0xnOGtHVDhZM1pkU3NpMUNseGdseE56L29qOE90Qit6Q09PUnZ3Vk8wSXdmN1dVck00WFlW SHhObwowZmlwbDkyRzMwR3h4YVZGRHJVczRZK1dYMXVDS0tVMC9vQnRLV3JCZFFvM3FEaHlnSEk9 Cj12bGZMCi0tLS0tRU5EIFBHUCBTSUdOQVRVUkUtLS0tLQo= --===============4237335349829257580==--