Re: [IPFire Artwork] Reworking the donation page

1 Mar 2018


      Hey Sven,
you can display and hide the grid with the small switch on the right side
in Zeplin.
On Thu, Mar 1, 2018 at 6:28 PM, Michael Tremer michael.tremer@ipfire.org
wrote:
...
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
> > > > >
> > > > >

2024

2023

2022

2021

2020

2019

2018

2017

2016

Re: [IPFire Artwork] Reworking the donation page