From mboxrd@z Thu Jan 1 00:00:00 1970 From: Michael Tremer To: ipfire-artwork@lists.ipfire.org Subject: Re: [IPFire Artwork] Reworking the donation page Date: Fri, 16 Feb 2018 11:35:42 +0000 Message-ID: <1518780942.15001.73.camel@ipfire.org> In-Reply-To: MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="===============4028777638903073365==" List-Id: --===============4028777638903073365== Content-Type: text/plain; charset="utf-8" Content-Transfer-Encoding: quoted-printable 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. >=20 > 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. Potentia= lly 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. >=20 > 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 i= n 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 h= as: 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 abo= ut 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 wi= ll 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 publish= ed :) 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. >=20 > Best, Maurice >=20 > On Sat, Feb 10, 2018 at 4:48 PM, Michael Tremer > wrote: > > Hello guys, > >=20 > > 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. > >=20 > > 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. > >=20 > > 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 t= hat > > things are moving a long and that we get a minimum "product" ready to > > release > > and constantly keep improving this then. > >=20 > > Overall this seems to be a bit bigger than I thought in the beginning, so= we > > need to break it down a bit further. > >=20 > > So the areas of attention are: > >=20 > > * Completing the donation page. Here we need the address inputs as far as= I > > can > > see and the mentioned S viewport. > >=20 > > * Index & Features look complete for me > >=20 > > * Sven has already fixed the talk pages which are for internal use only a= nd > > 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. > >=20 > > * One of the bigger things (in terms of traffic) is the planet. I think t= his > > 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. > >=20 > > So can we put those two things (finishing the donation page & planet) on = the > > list for the upcoming few weeks? > >=20 > > Is anyone working on other things at the moment? Just shoot me a quick > > email. > >=20 > > Best, > > -Michael > >=20 > > 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: > > > > =E2=80=A2 S viewport to reduce misunderstandings > > > > > > What misunderstandings? > > > > > > > =E2=80=A2 Dialog (popups) for CC and SEPA form fields > > > > =E2=80=A2 Can you provide the needed information the user has to ty= pe 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. > > > > > > > =E2=80=A2 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 > 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 o= nly > > > > > available > > > > > for one-time payments. They don't allow recurring payments in Europ= e. > > > > > > > > > > * Some things need a bit of rewording. I think I would prefer the t= ext > > > > > 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=E2=82=AC 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. S= ee > > > > > > > > > > "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 > @ipf > > > > > > ir > > > > > > > > > > e.or > > > > > > g> wrote: > > > > > > > Viewport XL and L are available at Zeplin. https://zpl.io/25N8D= pW > > > > > > > > > > > > > > On Thu, Nov 23, 2017 at 12:45 AM, Maurice Gesswein > 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 bigg= est > > > > > > > > > > viewport. > > > > > > > > Rest will follow asap. > > > > > > > > > > > > > > > > https://www.dropbox.com/s/nz2ktou84szrya0/Donate%20-%20XL.png= ?dl > > =3D0 > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > On Tue, Nov 14, 2017 at 2:10 PM, 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 remin= ded > > > > > > > > > that > > > > > > > > > > this > > > > > > > > > possibility exists. > > > > > > > > > > > > > > > > > > So we will now add some new features: We will allow donatio= ns > > via > > > > > > > > > > credit > > > > > > > > > card > > > > > > > > > and standing order to make this really hassle-free and we w= ill > > > > > > > > > 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 t= he > > > > > > > > > world. > > > > > > > > > > To > > > > > > > > > do that, > > > > > > > > > we need to provide the infrastructure to distribute it to o= ur > > > > > > > > > users > > > > > > > > > > and > > > > > > > > > provide > > > > > > > > > the right tools for our developers to help them to make IPF= ire > > > > > > > > > > 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, advertisi= ng, > > > > > > > > > > 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. F= or > > 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 > > > > > > > > > > > > >=20 >=20 --===============4028777638903073365==--