1444561 - [Retention] - establish a page with benefits of FxAccounts detailed

Status: VERIFIED FIXED

(www.mozilla.org :: Pages & Content, enhancement)

Comment 1

[Eric Renaud [:erenaud]]

Master project doc (contains links to all other pertinent documents)
https://docs.google.com/document/d/1av3KyXwVM_3DcJRLILLyA7Lhw_oR-XvziiXDbDFtTuM/edit

Comment 2

[Eric Renaud [:erenaud]]

Attachment: FxA_BenefitsPg_041318.jpg

Michele - the design (attached) is ready for your QA review/approval.  Please provide response with 24 hours (I've also pinged you in Slack).  

Per new and improved process, another (final) round of QA will occur when the page is coded on a demo server (a duplicate environment to Production)

Comment 3

[Mark Weaver]

Attachment: Updated FxA Page

Comment 4

[Mark Weaver]

Attachment: FxA-04162018-3.jpg

Made a small change so please ignore the previous attachment.

Comment 5

[Mark Weaver]

Attachment: FxA-04162018-4.jpg

Comment 6

[Stephanie Hobson [:shobson]]

I understand we want the CTA to have 3 versions:

Create An Account
- For users in Firefox.

Download Firefox
- For users of other browsers.

Sign In
- For users arriving from email marketing campaigns targeted at existing account holders

Does this match other people's expectations?

How will I recognize users arriving from email marketing campaigns?

Comment 7

[Stephanie Hobson [:shobson]]

We got approval in Slack \o/

I will leave the NI for my question about the CTAs.

Comment 8

[Eric Renaud [:erenaud]]

If the ask is to duplicate the condition content functionality as in /sync/ and /send-tabs/, that is as follows (and can be referenced here  - https://bugzilla.mozilla.org/show_bug.cgi?id=1393548#c5):

CTA states to test:

1. Firefox signed into Sync
2. Firefox signed out of Sync
3. Non-Firefox
4. Firefox for iOS
5. Firefox for Android
6. Old Firefox (v < 31)

I'm not sure if 6. is still relevant but assume so.

Comment 9

[Mark Weaver]

I was unable to upload the file on here so here's a link to download it from box: https://mozilla.box.com/s/u07qdcefllsk5jb13q94p60jg55cd1jm

Comment 10

[Stephanie Hobson [:shobson]]

From Slack: We will launch with only one CTA: "Create an account".

Comment 11

[Stephanie Hobson [:shobson]]

Copy (including A/B test): https://docs.google.com/document/d/1NyZe6K6cxcbe2qLAGehJpjcC7cKxeRi5AZ9IlqqZTeo/edit#

SEO recommendations: https://docs.google.com/document/d/1pRFuOhIObaZIYG_VyANlybrgBQIzsL1Kaf8Xzq5AZ4g/edit#heading=h.iali4pdbclh

Comment 12

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/bedrock/pull/5594

Comment 13

[Stephanie Hobson [:shobson]]

:Cocomo could you please look at the initial PR[1] and let me know your l10n thoughts? 

The only language required for launch is English but we do want to make the page localized.

There are images with English in them. I know we have a way to use localized images but I'm not sure how we'd create. The designer could create some localized images if we provided the translations. The designer probably can't do all the locales though.

[1] https://github.com/mozilla/bedrock/pull/5594

Comment 14

[Eric Renaud [:erenaud]]

Michele - the page is now ready for your QA. Please provide comments/approval with 24 hours.

- https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/

Comment 15

[Stephanie Hobson [:shobson]]

:Cocomo, turns out we're going to launch English only. Then we'll do some testing on it which will result in copy changes.

I still have questions about the images though.

Comment 16

[Peiying Mo [:CocoMo]]

:shobson, we should try to avoid images with text. If we go this route, screenshots are more doable. If we are to duplicate the English version as we see now, it is not scalable

- Image with composite screenshots and callout takes time to put it together. 
- Image creators who don't know most of the languages they work in. Handling languages using non-Latin scripts is very tricky. Right to left makes it a nightmarish experience!
- Do the graphic tools used in the creative process support all the fonts (of key languages) needed?
- Choosing images with local relevancy that are free is challenging. Sometimes we need communities to help identify those. A lot of cultures don't know what pancake is but have their own versions.

Comment 17

[Tim]

I noticed on mobile on Firefox, Chrome, and Safari, that the images cause the page to be horizontally scrollable, and zoom-out-able.

Comment 18

[Tim]

Attachment: 3 major mobile browsers behave this way.

Comment 19

[Tim]

Attachment: Timo art.png

Timo's art, particularly the bottom piece, seems over-compressed, resulting in fuzzy quality.

Comment 20

[Mark Weaver]

:shobson, just have a some small changes to mobile view that hopefully won't take too long. 

- Can we have the benefits sections stacked in this order: visual, headline, and body copy? 
- Can we keep headlines left-justified instead of centered?

Nice to haves:
- Let's keep the header illustration on the right/text on the left instead of splitting it up
- Can we keep the headline "Simplify your online life..." larger than the rest of the copy?
- Center privacy illustration 
- Bottom cta illustration is taking up too much room, can we make that smaller?

Thanks and feel free to reach out if you have any questions.

Comment 21

[Stephanie Hobson [:shobson]]

A/B test and Tim's fixes are in place on the demo server now:
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=a
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=b

Comment 22

[Stephanie Hobson [:shobson]]

Attachment: Screen Shot 2018-04-24 at 15.14.04.png

I spoke to Mark about the header illustration on mobile and he agreed it's okay to keep it split up until the tablet breakpoint because putting in on one side would mean the mobile phone gets cut out of the picture on small screens (see attachment for example on iPhone)

Comment 23

[Stephanie Hobson [:shobson]]

Changing the order of the content on mobile is too complicated to do now without significant delays.

Mark is going to give me some design direction for the bottom cta tomorrow morning.

The rest should be updated on the demo server.

Comment 24

[Krishna]

Copy changes below:

Both versions of copy:

First section > First line of body copy: "Save a page here, and..."
Please change "we" to we'll"

Second section > third sentence that begins with "And rest easy knowing..."
Switch "And" to "Plus,"

Long headline version of copy:
In the bookmarks header: let's nix the "..." and extra space to bring that line up. 

Reads: "Automatically update bookmarks with a click"

THANK YOU!

Comment 25

[Stephanie Hobson [:shobson]]

Copy and bottom CTA are updated now.

Comment 26

[Michele Warther]

Approved for publishing - thank you all!

Comment 27

[Michele Warther]

hey sorry for the start/stop - we need to adjust the link so it goes to the account w/synch sign-up not just the straight accounts page. Tim/Kirby - can you help here...

Comment 28

[Krishna]

Copy version 5 updated per product feedback.

https://docs.google.com/document/d/1iVYT8xrddiMI6_85B80Rv7EC5W8BuAGo9yzdag9nk5w/edit?usp=sharing

TY!

Comment 29

[Stephanie Hobson [:shobson]]

Copy is updated. 

I used this link, provided in Slack: 
https://accounts.firefox.com/signup?context=fx_desktop_v3&entrypoint=fxa%3Asignup&service=sync

Changes are on the demo server:
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=a
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=b

Comment 30

[Ben (:bensternthal)]

One quick question before we needinfo Michele to approve and we push out the door.


The payment paragraph has "Here’s to never missing a sale, because you left your wallet at home." But I can not find this in the copy deck. Should this be there or removed?

Comment 31

[Tim]

Hi Ben, I see it in here, which is labeled as Final as of 4/16. We had those accuracy claims come in from FxA yesterday but as far as I know this is it. There is a shorter version of the copy for the A/B test - do you have both?

Comment 32

[Tim]

sorry, forgot to paste link: https://docs.google.com/document/d/1NyZe6K6cxcbe2qLAGehJpjcC7cKxeRi5AZ9IlqqZTeo/edit
https://docs.google.com/document/d/1NyZe6K6cxcbe2qLAGehJpjcC7cKxeRi5AZ9IlqqZTeo/edit

Comment 33

[Ben (:bensternthal)]

Tim... hmm I am going off of the copydeck in comment 28. That appears to be the one Krishna is updating and I think is the source of truth.

If that ain't the case (or if you think otherwise).. let me know and I will see if I can sort out which we should be using.

Comment 34

[Tim]

Oh, my bad, didn't realize there was a new one created yesterday. 
That looks more current and that page copy should be based on that.

Comment 35

[Stephanie Hobson [:shobson]]

I just made the changes highlighted in yellow in version 5. It sounds like there were more changes than that.

I will copy all of version 5 into the page on Monday.

Comment 36

[Krishna]

Hi All - Documenting the decision to remove the Payment section from the MVP per legal review. 

Updated Copy w/notes: https://docs.google.com/document/d/1iVYT8xrddiMI6_85B80Rv7EC5W8BuAGo9yzdag9nk5w/edit

Bug re: CC syn removal: https://bugzilla.mozilla.org/show_bug.cgi?id=1438349

Comment 37

[Stephanie Hobson [:shobson]]

The payments section has been removed from the demo server:
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=a
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=b

Comment 38

[Stephanie Hobson [:shobson]]

'Create an account' link has been updated on the demo server per bug 1457004:
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=a
https://bedrock-demo-shobson.oregon-b.moz.works/en-US/firefox/accounts/features/?v=b

Comment 39

[Ben (:bensternthal)]

OK Michele can you review the two links.. if we are good to push live please just give us an approval here.

thanks.

Comment 40

[Michele Warther]

approved!

Comment 41

[[github robot]]

Commit pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/2cd316167737705a7495c28e4c4c55f2b71c0798
Bug 1444561: Establish a page with the benefits of FxAccounts (#5594)

Comment 42

[Stephanie Hobson [:shobson]]

In production. Updates to the CTA links can be followed on Bug 1457004.

Comment 43

[[github robot]]

Commits pushed to master at https://github.com/mozmeao/www-config

https://github.com/mozmeao/www-config/commit/f2793521b735bacb14332afc99e7cbf88f874b05
Bug 1444561: A/B test copy on firefox/accounts/features

Should match switch here:
https://github.com/mozilla/bedrock/pull/5594/files#diff-8d4e21d04498c90583a6aa063b3ee6dcR18

https://github.com/mozmeao/www-config/commit/79c54ee42e12e1cc75068abc8837f99d137a9f38
Merge pull request #98 from stephaniehobson/features

Bug 1444561: A/B test copy on firefox/accounts/features

Comment 44

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/bedrock/pull/5668

Comment 45

[[github robot]]

Commit pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/1c852d2df89aa511c50fc16cba9fc2d1cedd83ef
Bug 1444561: Features page is en only, link to sync for others