Re: [IPFire Artwork] Reworking the donation page

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

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

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(a)ipfire.org>
> 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(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)ipfir
> > 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(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.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
> > > > > > > >
> > > > > > > >
> > >
> > >
> 
>