EOY Fundraising 2015 updates to Mozilla.org/takeover - implementation

RESOLVED FIXED

Status

www.mozilla.org
Pages & Content
RESOLVED FIXED
2 years ago
2 years ago

People

(Reporter: JennyD, Assigned: espressive)

Tracking

(Depends on: 1 bug)

Production
x86
Mac OS X
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [kb=1901770] )

Attachments

(5 attachments)

(Reporter)

Description

2 years ago
Hi, I don't know what I am doing but I am submitting a few bugs for mozilla.org  - here is the second :)

EOY Fundraising is here and we need to update content and implement it  on mozilla.org.

Our design bug: 1214034 has all the content update planned:  
- takeover/overlay of hero section mozilla.org for part of December.
- promo tile for mozilla.org (mid November) 
- heart next to “donate” in header and footer (or other font awesome glyph as appropriate)

I am not quite sure what other info is needed here - we will have the design and copy by mid November from the mofo team.
(Reporter)

Updated

2 years ago
Assignee: nobody → matej
Component: General → Copy
(Reporter)

Updated

2 years ago
Component: Copy → Pages & Content
Product: Marketing → www.mozilla.org
Version: unspecified → Production

Comment 1

2 years ago
Jen, could you kindly provide specs for the takeover/overlay? I'll add them to Jordan's design ticket, which is here: https://github.com/mozilla/donate.mozilla.org/issues/558

Updated

2 years ago
Flags: needinfo?(jbertsch)
Hi Jordan-

Is "follow what is here https://bugzilla.mozilla.org/show_bug.cgi?id=1110966#c2" good enough for specs?

Thx,
Jen
Flags: needinfo?(jbertsch)
Otherwise Craig and Ty may be able to provide specs, but neither really has any time before Nov 3.
Here's the art of the homepage takeover. 

https://drive.google.com/a/mozilla.com/file/d/0B2qu3ExKWIlvTGlhZExDTThWYUE/view?usp=sharing

Comment 5

2 years ago
(In reply to Jennifer Bertsch [:jbertsch] from comment #4)
> Here's the art of the homepage takeover. 
> 
> https://drive.google.com/a/mozilla.com/file/d/0B2qu3ExKWIlvTGlhZExDTThWYUE/
> view?usp=sharing

Looks like it's missing a period after "Dec" — otherwise looks great! Thanks.

Comment 6

2 years ago
Thanks Matej. We (Andrea, the designer and I) elected to leave off the period after "Dec" for a cleaner design.
i think with a period it almost becomes like an overly formal sentence, that Dapper Fox would never say. he's a casual dapper.  ;)

Comment 8

2 years ago
I thought I saw a period on some of the other elements (maybe the homepage promos?) so I was going for consistency, but if this is the way it is everywhere, I'm good with it (can we just confirm that it is?). Thanks.

Comment 9

2 years ago
Oh darn, you're right, Matej! The Directory Tiles have a period: https://drive.google.com/a/mozillafoundation.org/folderview?id=0B2qu3ExKWIlvZGJ4d1RoNVNnZkk&usp=sharing#

Andrea, let's figure this out with Jordan.

Comment 10

2 years ago
Jordan removed the period from the directory tile, so we're now consistent and beautifully designed, if slightly incorrect in the punctuation department ;) 

Thanks for catching, Matej.
(In reply to Erika Drushka from comment #10)
> Jordan removed the period from the directory tile, so we're now consistent
> and beautifully designed, if slightly incorrect in the punctuation
> department ;) 
> 
> Thanks for catching, Matej.

Thanks! Can we check this on the mozilla.org homepage promo as well?

Comment 12

2 years ago
The homepage promo has the period on the rollover state: https://www.mozilla.org/en-US/

Does our designer, Jordan, fix this, or does Jen's team do it?
(Assignee)

Comment 13

2 years ago
(In reply to Erika Drushka from comment #12)
> The homepage promo has the period on the rollover state:
> https://www.mozilla.org/en-US/
> 
> Does our designer, Jordan, fix this, or does Jen's team do it?

I will fix it up quickly.
(Assignee)

Comment 14

2 years ago
PR https://github.com/mozilla/bedrock/pull/3571
Here is final designs for homepage takeover. Assigning over to Schalk for implementation.

https://drive.google.com/a/mozilla.com/file/d/0B2qu3ExKWIlvTGlhZExDTThWYUE/view?usp=sharing

Schalk, first task should be wrapping strings in template and handing off to l10n.

There may need to be some discussion on how the symbols for each denomination (euro, dollar, yen, etc) get translated. 

Go live is Dec 1.
Assignee: matej → schalk.neethling.bugs
Whiteboard: [kb=1901770]
Created attachment 8689681 [details]
Mozilla.org donations by locale for 2014

More than 80% of EOY revenue in 2014 from the mozilla.org homepage was EN. Homepage takeover in 2014 was EN-only. DE was a distant 2nd in terms of revenue through mozilla.org with $11,000 (likely will be higher this year). If updating the new homepage takeover design for DE is not too difficult, and you think it is worth the effort, let's localized to DE only. The other locales are probably not worth the effort in terms of ROI.

We have done a lot of research on currencies as we've built our donation form (with support from L10N) so I'm confident that the currency presentation on our DE form is a reliable reference:
https://donate.mozilla.org/de/?&currency=eur

EN should be priority though, in both timing and effort. If you feel that scratching DE is a better
Schalk, are strings ready for l10n?
Flags: needinfo?(schalk.neethling.bugs)
(Assignee)

Comment 18

2 years ago
(In reply to Mike Alexis [:malexis] from comment #17)
> Schalk, are strings ready for l10n?

There was some discussion about whether this is going to be en-US only or en-US and DE only but, I believe we are going to simply place it behind a l10n flag and then flod will expose it to the relevant people. I will have a WIP PR up in the next hour.
Flags: needinfo?(schalk.neethling.bugs)
(Assignee)

Comment 19

2 years ago
Created attachment 8691459 [details] [review]
Link to Github pull-request: https://github.com/mozilla/bedrock/pull/3602
(Assignee)

Comment 20

2 years ago
(In reply to Mike Alexis [:malexis] from comment #17)
> Schalk, are strings ready for l10n?

The final design does not incorporate the content here:
https://bugzilla.mozilla.org/show_bug.cgi?id=1214034#c2 So, I kinda have to take a guess at whether there will be a defined break in the string and if so, where the break should be.

I would prefer not to guess as moving the <br> invalidates the string.

Also, I do not see a PSD linked to in the copy and design bug. Is this available?
(In reply to Schalk Neethling [:espressive] from comment #18)
> (In reply to Mike Alexis [:malexis] from comment #17)
> > Schalk, are strings ready for l10n?
> 
> There was some discussion about whether this is going to be en-US only or
> en-US and DE only but, I believe we are going to simply place it behind a
> l10n flag and then flod will expose it to the relevant people. I will have a
> WIP PR up in the next hour.

Correct. en-US and DE are the proirity locales but flod can expose the strings for other locales.

Comment 22

2 years ago
Hi all, in comment 4 Jennifer Bertsch posted a .AI file (the final artwork). I converted it to a .PSD just now, let me know if you have a preference.

(PSD)
https://drive.google.com/a/mozilla.com/file/d/0B2qu3ExKWIlvZUxJMU9OZk5KOTA/view?usp=sharing

(AI)
https://drive.google.com/a/mozilla.com/file/d/0B2qu3ExKWIlvTGlhZExDTThWYUE/view?usp=sharing

Comment 23

2 years ago
Mike, the final design files are in the comment above ^
Created attachment 8691488 [details]
EOY-mozilla.org-takeover small for l10n

Putting a screenshot in an accessible place for localizers while waiting for the actual implementation
(Assignee)

Comment 25

2 years ago
Currently donate links for en-US looks as follows:

'https://donate.mozilla.org/?presets=100,50,25,15'
'&amount=50&ref=EOYFR2015&utm_campaign=EOYFR2015'
'&utm_source=mozilla.org&utm_medium=referral&utm_content={source}'

Besides having to add the locale, we also need to add the currency. Over and above that, the amounts will most likely change between locales?

Instead of 100,50,25,15 and the default 50 it might be different when the currency is not dollar but euro for example?
Flags: needinfo?(andrea)
(Assignee)

Comment 26

2 years ago
I mentioned the same problem here:
https://bugzilla.mozilla.org/show_bug.cgi?id=1227250#c8

Perhaps we can solve both problems there/here?

Comment 27

2 years ago
On donate.mozilla.org, the default values depend on the currency, but I don't see this in this patch. And we need consistency between the template string, and the currency and the values?

Smells like we need some consistency with https://github.com/mozilla/donate.mozilla.org/blob/master/data/currencies.js ?
(Assignee)

Comment 28

2 years ago
Andrea, what is the donation URL that should be used for the takeover? Thanks!
(Assignee)

Comment 29

2 years ago
Quick question, not sure how this was done in the past but, once a user has clicked on 'Continue to mozilla.org' I guess we never show them the modal again?

Or, do we want to not show it for this session
Or, do we just want to show it each time he landing page loads (not suggested)
(In reply to Schalk Neethling [:espressive] from comment #29)
> Quick question, not sure how this was done in the past but, once a user has
> clicked on 'Continue to mozilla.org' I guess we never show them the modal
> again?
> 
> Or, do we want to not show it for this session
> Or, do we just want to show it each time he landing page loads (not
> suggested)

We did it in the past with sessionStorage. See the additions to home.js in https://github.com/mozilla/bedrock/commit/05874fbb11ce9ef5f6f998ea582f0365c4d80a19#diff-8faa508ff31a601bd71527a3f9c4434dR212. You may be able to recycle a good portion of that code.
(Assignee)

Comment 31

2 years ago
Another two questions has come up while working on this.

1) Which parameter needs to be sent to donate.m.o to switch the radio buttons from one-time to monthly? Currently I send recurring_acknowledge with either single or monthly as the value. This does not work however.

2) On donate.m.o when switching between one-time and monthly the amounts change, is this required for the takeover form as well?

3) While I am asking that, does the amounts need to change per locale as well? If so, which locales? en-US and DE only or, others. Thanks!
Hey,

1. ?frequency=monthly should set the radio button.
2. The amount change while switching between monthly and single is not required for the takeover form.
3. The amounts should be different per currency, each locale would default to a logical currency. Not sure if that fully answers your question.
(Assignee)

Comment 33

2 years ago
(In reply to Scott [:thecount] Downe from comment #32)
> Hey,
> 
> 1. ?frequency=monthly should set the radio button.
> 2. The amount change while switching between monthly and single is not
> required for the takeover form.
> 3. The amounts should be different per currency, each locale would default
> to a logical currency. Not sure if that fully answers your question.

Thanks Scott. My question on the last point would be, could we go live without that and add that a day or so after. The means that will nable us to do that resides in a different pull request that still needs to be merged.

Let me know. Thanks!
Flags: needinfo?(scott)
I'm pretty sure we're already doing #3 with the current implementation, since it copies 
https://github.com/mozilla/donate.mozilla.org/blob/master/data/currencies.js

e.g. Italian has 100,50,25,10 while Japanese has 10000,5000,2500,1000. The only thing not covered by the current implementation is a different default for one-time vs monthly.
(Assignee)

Comment 35

2 years ago
(In reply to Francesco Lodolo [:flod] from comment #34)
> I'm pretty sure we're already doing #3 with the current implementation,
> since it copies 
> https://github.com/mozilla/donate.mozilla.org/blob/master/data/currencies.js
> 
> e.g. Italian has 100,50,25,10 while Japanese has 10000,5000,2500,1000. The
> only thing not covered by the current implementation is a different default
> for one-time vs monthly.

Oh, are the translators making those changes as well?
(In reply to Schalk Neethling [:espressive] from comment #35)
> Oh, are the translators making those changes as well?

Sorry for the confusion, I thought we were talking about the d.m.o links.

We'll have the logic from 
https://github.com/mozilla/bedrock/pull/3605

And we should reuse it to offer a good set of default amounts.

Comment 37

2 years ago
Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/e1580816fcedbd3e6fc7d7b95a06270d6cd4f08e
Fix Bug 1214038, adds end of year fundraising takeover

https://github.com/mozilla/bedrock/commit/09e67a462e4a20945271302b146b1c21b2946d18
Merge pull request #3602 from schalkneethling/bug1214038-eoy2015-mozorg-takeover

Fix Bug 1214038, adds end of year fundraising takeover

Updated

2 years ago
Status: NEW → RESOLVED
Last Resolved: 2 years ago
Resolution: --- → FIXED
(In reply to Schalk Neethling [:espressive] from comment #33)
> (In reply to Scott [:thecount] Downe from comment #32)
> > Hey,
> > 
> > 1. ?frequency=monthly should set the radio button.
> > 2. The amount change while switching between monthly and single is not
> > required for the takeover form.
> > 3. The amounts should be different per currency, each locale would default
> > to a logical currency. Not sure if that fully answers your question.
> 
> Thanks Scott. My question on the last point would be, could we go live
> without that and add that a day or so after. The means that will nable us to
> do that resides in a different pull request that still needs to be merged.
> 
> Let me know. Thanks!

If there is a moment where say mxn sees usd presets, that's fine as long as it's usd like values in usd. If it's a moment where we have 3mxn then that's far too low and the donation form wouldn't accept it.
Flags: needinfo?(scott)
(Assignee)

Comment 39

2 years ago
(In reply to Scott [:thecount] Downe from comment #38)
> (In reply to Schalk Neethling [:espressive] from comment #33)
> > (In reply to Scott [:thecount] Downe from comment #32)
> > > Hey,
> > > 
> > > 1. ?frequency=monthly should set the radio button.
> > > 2. The amount change while switching between monthly and single is not
> > > required for the takeover form.
> > > 3. The amounts should be different per currency, each locale would default
> > > to a logical currency. Not sure if that fully answers your question.
> > 
> > Thanks Scott. My question on the last point would be, could we go live
> > without that and add that a day or so after. The means that will nable us to
> > do that resides in a different pull request that still needs to be merged.
> > 
> > Let me know. Thanks!
> 
> If there is a moment where say mxn sees usd presets, that's fine as long as
> it's usd like values in usd. If it's a moment where we have 3mxn then that's
> far too low and the donation form wouldn't accept it.

We are handling locales with appropriate currencies and values now. I added it as part of the PR that was merged above. One thing though. It is behind a waffle flag at the moment. Who needs to approve it so we can flip the switch?

It can be seen on https://www-dev.allizom.org/en-US/

Just a note. We are using sessionStorage so, it is only shown to a user once per browsing session so, if you have seen it once, you will need to open it in a new tab for it to load again.
Flags: needinfo?(scott)
Schalk,
A few minor issues to address before we can go live.

currency codes in these locales are showing dollar signs instead of native currency:

https://www-dev.allizom.org/hi-IN/
https://www-dev.allizom.org/id/ 


The en-US donate link is showing different presets. I believe we should be pointing to this link instead: 
https://donate.mozilla.org/en-US/?amount=50&frequency=single&currency=usd&presets=100,50,25,15

another minor bug that isn't a blocker is that if a user hits the back button the "other amount" field no longer works
(In reply to Mike Alexis [:malexis] from comment #40)
> https://www-dev.allizom.org/hi-IN/
> https://www-dev.allizom.org/id/ 

These locales are not done yet, so they fallback to the en-US string on stage, the take-over won't be displayed at all in production until localized.

> The en-US donate link is showing different presets. I believe we should be
> pointing to this link instead: 
> https://donate.mozilla.org/en-US/
> ?amount=50&frequency=single&currency=usd&presets=100,50,25,15

Indeed, it needs to be fixed (I checked all the other currencies).
Ah, makes sense. Carry on :D
Flags: needinfo?(scott)
Francesco these look really good! Thanks so much for your help.

One question for Schalk -- on the live version the hat and nose are gray, not black. Do you know why?
Flags: needinfo?(andrea) → needinfo?(schalk.neethling.bugs)
Here is a screenshot of the fox as it looks with the gray hat and nose instead of black, as designed:
https://www.evernote.com/l/AMoEMsaoGY5Po7CGkzgy7Kf_TtEeOyjAeX0B/image.png
(Assignee)

Comment 45

2 years ago
(In reply to Andrea Wood [:andreawood] from comment #43)
> Francesco these look really good! Thanks so much for your help.
> 
> One question for Schalk -- on the live version the hat and nose are gray,
> not black. Do you know why?

I have no idea. I guess it is an SVG thing. I exported it to SVG directly from Illustrator. I will look into it though.
Flags: needinfo?(schalk.neethling.bugs)
(Assignee)

Comment 46

2 years ago
Created attachment 8694571 [details]
Mr. Fox

As I thought, it is the color gradient in the SVG. Does this look better Andrea?
Flags: needinfo?(andrea)
Created attachment 8694576 [details]
EOY-mozilla_org-takeover_final.png

Hmm. I don't see any color gradient in the final designs shared by our designer. I attached a screenshot. It looks like flat black? You see gradient?
Flags: needinfo?(andrea)
Schalk I also noticed that the Google Analytics parameters are missing from the URL (sorry I didn't catch this before)

For example, this is what it would look like for en-US:

https://donate.mozilla.org/en-US/?amount=50&frequency=single&currency=usd&presets=100%2C50%2C25%2C15&ref=EOYFR2015&utm_campaign=EOYFR2015&utm_source=mozilla.org&utm_medium=referral&utm_content=takeover

Is it possible to update? I want to be able to know how much revenue we get from takeover.
Flags: needinfo?(schalk.neethling.bugs)
I just confirmed with our lead designer the nose and hat are flat black. I've asked our designer, Natalie, to keep an eye on this bug in case you need anything further from us.

Comment 50

2 years ago
Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/99036d43d8664170598772e6d45af1826ea27dcb
Fix Bug 1214038, Add GA parameters and update SVG on homepage takeover

https://github.com/mozilla/bedrock/commit/f673862100549876386412e0bc685a9ffb86378f
Merge pull request #3623 from schalkneethling/bug1214038-update-svg-add-ga-params

Fix Bug 1214038, update to SVG and adds GA parameters
(Assignee)

Updated

2 years ago
Flags: needinfo?(schalk.neethling.bugs)
When is the homepage takeover scheduled to come down? Flod asked and I can't recall what we decided. Just confirming.
Flags: needinfo?(schalk.neethling.bugs)

Comment 52

2 years ago
(In reply to Andrea Wood [:andreawood] from comment #51)
> When is the homepage takeover scheduled to come down? Flod asked and I can't
> recall what we decided. Just confirming.

I'm not aware of a specific schedule either, but I'd be happy to take it down either today or tomorrow. What would you prefer?
Flags: needinfo?(schalk.neethling.bugs) → needinfo?(andrea)
Hi Josh! We should disable it as close to midnight on December 31 as possible -- that's the campaign deadline. 1am Jan 1 is also fine if easier. Thank you!
Flags: needinfo?(andrea)

Comment 54

2 years ago
(In reply to Andrea Wood [:andreawood] from comment #53)
> Hi Josh! We should disable it as close to midnight on December 31 as
> possible -- that's the campaign deadline. 1am Jan 1 is also fine if easier.
> Thank you!

Given the need for manual verification of a change to the homepage, combined with our inability to disable it on a per-timezone basis and the fact that I will be celebrating New Year's with family and friends at midnight in my own time zone, I've chosen to interpret the "Midnight on Dec 31st" deadline in one of the timezones where it is already past midnight, and I'm disabling the home page takeover now.
Hi Josh, we're expecting another $5000 - $8000 USD from the homepage today, with much of it from the US. Is there any way to schedule the shut down or is there anyone else who can turn the takeover off? If there's no other way then it's fine to disable now, I just wanted to be sure there is no workaround available given the revenue projected.

Comment 56

2 years ago
(In reply to Andrea Wood [:andreawood] from comment #55)
> Hi Josh, we're expecting another $5000 - $8000 USD from the homepage today,
> with much of it from the US. Is there any way to schedule the shut down or
> is there anyone else who can turn the takeover off? If there's no other way
> then it's fine to disable now, I just wanted to be sure there is no
> workaround available given the revenue projected.

I've re-enabled the home page takeover for now, and I can either disable it again right before I go offline for the day, or I can schedule commands to automatically disable it again at a later time. The latter option carries some minor amount of risk, because I will not be online to verify that the scheduled commands succeeded, and was not planning on being back online until after the holiday. I personally would rather play it safe and stick with the former option, but if you feel that the extra hours are worth it, please give me a specific time (including timezone) to schedule the commands to disable the takeover.
Flags: needinfo?(andrea)
hi Josh, I didn't realize you could not schedule the takedown without being present to verify. It's fine to take down before you end your day :) 

Thank you so much -- FYI we've made over $10,000 USD today from the takeover.
Andrea
Flags: needinfo?(andrea)

Comment 58

2 years ago
Thanks Andrea, I've disabled the homepage takeover and verified that it is no longer appearing for me now that the caches have expired.

Comment 59

2 years ago
Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/99682917fa17a6886336d3ab9efcbcbbb281998b
[bug 1214038] Remove end of year fundraising takeover

https://github.com/mozilla/bedrock/commit/503c56b532216f44a37b17e085ddae883d855e60
Merge pull request #3726 from alexgibson/bug-1214038-remove-homepage-takeover

[bug 1214038] Remove end of year fundraising takeover
You need to log in before you can comment on or make changes to this bug.