New subject: Reworking the donation page

1 Mar 2018

      Hi,
On Thu, 2018-03-01 at 16:30 +0100, Sven wrote:
...
Hello,
I push an update online with the donation-page.
Cool.
...
It’s working but I’m not really happy with the responsiveness of it.
Why?
...
Also I have to recheck the font formatting at the moment it seems wrong on the
donation page, but will recheck with the other pages and their viewports.
Can someone explain me again why we need the pop-up box with the address of
the donator?
Because in Germany we have so many useless laws. We have to pay VAT on
donations, but for that is depends where the "service" is being provided.
...
Do we need it all the time or only for the credit card payment?
Every time.
...
When someone pays with PayPal that information are already included within
their PayPal Account.
We optionally can get a "shipping address", but that is not the same. PayPal
otherwise just gives us the email address.
...
How does the SEPA transfer work? Via online banking or will it show up the
bank information like on the Mozilla Donation page?
It will be a direct debit (Lastschrift in German).
The second step will ask for the IBAN and BIC and that is all we need.
...
Personally I would prefer a payment method where I have to insert as less
information as possible.
Same here. I suppose that this will be a big problem here. Maybe we need some
fine-tuning later, but I do not see a way how we get around this in a better
way. But open for any ideas.
...
@Maurice can you please include the screens with the overlaying grid on
zeplin? I have some trouble understanding how many columns the text-blocks on
the donation page are.
You only sent this email to me. Please copy the list next time.
...
Still a lot to do but we are moving forward.
Yes :) Very happy to see the progress here.
The PayPal logo is missing in git.
-Michael
...
Greetings,
Sven
...
On 17. Feb 2018, at 13:21, Michael Tremer via IPFire-Artwork <ipfire-artwork
@lists.ipfire.org> wrote:
Hi,
On Fri, 2018-02-16 at 22:39 +0100, Maurice Gesswein wrote:
...
...
Great. I will think about the order because I am not sure if PayPal
supports
recurring donations and bank transfers are way cheaper for us.
PayPal should only be visible if "One time" is selected. I added a note
for
that within Zeplin. For me it doesn't matter on which position it is
displayed. I assume if it's placed at the far right position that's the
easiest way for Sven.
Agreed.
I will still investigate how we can do the full monty with PayPal as well. I
do
not like them at all, but right now > 90% of our donations come through it.
So
the decision is easy to make :)
...
...
This looks good, but shows arrows where the country can be selected.
Potentially
we need to add a few lines of smallprint at the bottom that tells people
why
we
need this infomation. I would assume that many will ask for that. Or
should
we
put that into the smallprint on the main donation page?
I added a dummytext within the dialogs.
Perfect.
...
...
Should we even rename it "Blog"? That would be more obvious since it is
not
really a "planet" which used to be an aggregated RSS feed like Debian
still
has:
https://planet.debian.org/
I would use "Blog". It's more common these days. Only Grandpas like us
knows
what "Planet" means ;)
Okay, let's rename it then. I have never considered this before, but it
actually
sounds way better to me to call this Blog now.
I will do the backend stuff when Sven is done with the frontend. Or should
we do
it the other way round?
What I also saw yesterday, the formatting of the blog should also be used
for
the main news like these:
https://www.ipfire.org/news/ipfire-2-19-core-update-118-released
We also have this sub-page https://www.ipfire.org/news. Not sure what to do
with
it. It is not very useful, but without it there is no way to access previous
news.
...
...
I made you an extra article about that which isn't published. That
should
also
help Sven to implement this and see everything on one page. Exactly how
it
will
look.
 https://planet.ipfire.org/post/test
Perfect! Thanks.
On Fri, Feb 16, 2018 at 12:35 PM, Michael Tremer <michael.tremer@ipfire.or
g>
wrote:
...
Hello,
On Thu, 2018-02-15 at 22:47 +0100, Maurice Gesswein wrote:
...
Hey folks,
great that things are moving along! You did a lot in the past days :)
...
I pushed some updated Donation screens and new ones to Zeplin.
Changelog:
PayPal added
Great. I will think about the order because I am not sure if PayPal
supports
recurring donations and bank transfers are way cheaper for us.
...
Viewport S added
Looks very good.
...
Dialogs for personal data added
This looks good, but shows arrows where the country can be selected.
Potentially
we need to add a few lines of smallprint at the bottom that tells people
why
we
need this infomation. I would assume that many will ask for that. Or
should
we
put that into the smallprint on the main donation page?
...
Success and Failed page added
!!!
...
New icons and PayPal Logo added to Assets sheet.
Can we please move the text of "Why should I donate?" and "How much
should
I
...
give?" to the bottom next to the FAQ again? I understand that you want
all
the
...
information above the "fold". That works OK somehow in Viewport XL but
the
dark sidebar becomes longer and longer in smaller viewports. This
results
in a
...
lot of unwanted whitespace and the FAQ are far away. As a trade-off I
kept
the
...
headlines in the dark sidebar and placed jumpmark icons next to it.
Yes, please move this to where you think it is best. The text is not
finalised
yet and I will make this work later then. It would just be nice to have
some
area with text that everyone reads and where we encourage people to give
(more
:D) and some smallprint that just has to be there but nobody cares too
much
about.
I suppose as soon as Sven has implemented it all, I will check out the
branch
and write the texts and then we merge everything together.
...
After I read your last mail it seems to be that the Blog/Planet is
pretty
popular. Is this true? If so, should the link to the Planet not a lot
more
prominent? What about place "Planet" or "Blog" in the Topbar?
Should we even rename it "Blog"? That would be more obvious since it is
not
really a "planet" which used to be an aggregated RSS feed like Debian
still
has:
https://planet.debian.org/
It is quite a nice news outlet for not too important news that are
mainly
interesting for people who are involved a bit more into the project.
It's
about
development and what we are doing.
...
Layout and design of the Blog is straight forward. I'll focus on this
now.
It
...
would help me a lot if you can point me to some sample articles where
I
can
...
see ALL different textformatations which are needed. Or write down a
list
like: H1, H2, H3, bulletpoints, code, quote, highlight, etc.
I made you an extra article about that which isn't published. That
should
also
help Sven to implement this and see everything on one page. Exactly how
it
will
look.
https://planet.ipfire.org/post/test
I think I didn't forget anything. But if I did, please let me know.
Obviously the blue bar at the top will disappear when a post has been
published
:)
Hope this is all you need from me right now. Let me know if I can do
anything
else!
Best,
-Michael
...
Let me know if there are any questions.
Best, Maurice
On Sat, Feb 10, 2018 at 4:48 PM, Michael Tremer <michael.tremer@ipfire
.org
wrote:
...
Hello guys,
because I am a little bit lost at the moment I would like to restart
conversation again and check where everyone is at right now.
I had a brief email exchange with Sven and he is a bit busy this
weekend
but
...
...
should have more time available next week. But I thought in the end
it
is
...
...
easiest to use this list so nobody misses anything.
I would still like to push for a release of the website as soon as
we
can,
...
...
but
that doesn't mean I want to build up pressure. I just want to make
sure
that
...
...
things are moving a long and that we get a minimum "product" ready
to
release
and constantly keep improving this then.
Overall this seems to be a bit bigger than I thought in the
beginning,
so we
...
...
need to break it down a bit further.
So the areas of attention are:

Completing the donation page. Here we need the address inputs as

far
as I
...
...
can
see and the mentioned S viewport.

Index & Features look complete for me

Sven has already fixed the talk pages which are for internal use

only
and
...
...
I
think this will do for the moment. I have a few ideas how to make
this
better,
but is not a priority for now.

One of the bigger things (in terms of traffic) is the planet. I

think
this
...
...
should not be too much work to make this "nice". It is working right
now,
...
...
but
there is clearly a break of look & feel. But basically it has two
pages
which
are very similar. I think to make that really nice, this shouldn't
be
too
...
...
much
extra work to be put in.
So can we put those two things (finishing the donation page &
planet) on
the
...
...
list for the upcoming few weeks?
Is anyone working on other things at the moment? Just shoot me a
quick
email.
Best,
-Michael
On Tue, 2018-01-16 at 12:37 +0000, Michael Tremer wrote:
> 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@i
> > pfir
e.or
...
...
g>
> > 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
...
...
@ipf
> > > > ir
> > > 
> > > e.or
> > > > g> wrote:
> > > > > Viewport XL and L are available at Zeplin. https://zpl.io/
> > > > > 25N8
DpW
...
...
> > > > > 
> > > > > On Thu, Nov 23, 2017 at 12:45 AM, Maurice Gesswein
<maurice.gesswe
...
...
in@i
> > > > > pf
> > > 
> > > 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-%20X
> > > > > > L.pn
g?dl
...
...
=0
> > > > > > 
> > > > > > Best, Maurice
> > > > > > 
> > > > > > On Tue, Nov 14, 2017 at 2:10 PM, Michael Tremer
<michael.tremer@
...
...
ipfi
> > > > > > re
> > > 
> > > .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
> > > > 
> > > >

Re: [IPFire Artwork] Reworking the donation page