[IPFire Artwork] Reworking the donation page

Maurice Gesswein maurice.gesswein at ipfire.org
Thu Feb 15 21:47:48 GMT 2018


Hey folks,

I pushed some updated Donation screens and new ones to Zeplin.

Changelog:

   - PayPal added
   - Viewport S added
   - Dialogs for personal data added
   - 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.


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?

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.


Let me know if there are any questions.

Best, Maurice

On Sat, Feb 10, 2018 at 4:48 PM, Michael Tremer <michael.tremer at 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 at ipfire.org>
> > > 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 at 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.gesswein at 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 at 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
> > > > >
> > > > >
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.ipfire.org/pipermail/ipfire-artwork/attachments/20180215/7bdb63c8/attachment-0001.html>


More information about the IPFire-Artwork mailing list