Re: [IPFire Artwork] Reworking the donation page

[Michael Tremer <michael.tremer@ipfire.org>]

[-- Attachment #1: Type: text/plain, Size: 17876 bytes --]

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(a)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(a)ipfire.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/25N8DpW
> > > > > > >
> > > > > > > On Thu, Nov 23, 2017 at 12:45 AM, Maurice Gesswein <maurice.gesswe
> > in(a)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-%20XL.png?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
> > > > > >
> > > > > >
> 
>