1146908 - 'Send to device' SMS/Email - Design & Copy

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

>>Project/Request Title:
'Send to device' SMS/Email - Design & Copy

>>Project Overview:
This bug tracks the email/SMS design and copy for the Send to device widget.

The wireframes for the widget form are here (https://bugzilla.mozilla.org/show_bug.cgi?id=1146528#c7). This bug tracks the content that is in the communications which are triggered from that widget.

Copy is due March 27th

>> Creative Help Needed:
Copy:    Yes 
Design:  Yes 
Video:   No 
Other:  No

>>Creative Specs:
Copy doc and design files for email and SMS messages.

>>CTA and Design:
== Design deliverables ==

iOS email design
Generic email design (iOS and Android design with links to both stores)

== Copy deliverables ==

iOS email copy
Generic email copy (iOS and Android copy with links to both stores)
iOS SMS message (e.g. Firefox for iOS is here! Click <link> to download)
Generic SMS message (iOS and Android copy with links to both stores)


>>Expected Launch Date:
2015-05-12

>>Mozilla Goal:
Org Support

>>Mozilla Creative Collective:
No

>>Points of Contact:
[e-mail], [e-mail], [e-mail],

Comment 1

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

Assigning design for the emails to Mat per Matej/Jennifer.

Comment 2

[mternoway]

Hi Cory, I see that copy is expected today for this. Are we aiming for first round of design today as well?

Comment 3

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

Copy document: https://docs.google.com/a/mozilla.com/document/d/1hnsylYMQx12yXqGQaR_gfZlNKyo6F6adhA_ramsnN1c/edit?disco=AAAAAWIECyM

Comment 4

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

(In reply to mternoway from comment #2)
> Hi Cory, I see that copy is expected today for this. Are we aiming for first
> round of design today as well?
Hey Mat!

Do you think we can have some designs by Tuesday?

Comment 5

[mternoway]

Hi Cory, I don't see a problem getting some designs by Tuesday. Thanks for passing along copy.

Comment 6

[mternoway]

Attachment: firefox-ios-android_confirmation-email_April_600px.jpg

Hi all, I've attached a layout for the iOS/Android Email link confirmation. Kept things pretty simple and similar to the last Email confirmation for Android. Let me know what you think.

Thanks,
MT

Comment 7

[Fabio Rios [:frios]]

Hey there, had a quick chat with bniolet about this. A few things to consider:

- the primary purpose of this email is for users to open via their mobile device. What will this look like on a phone screen? Stacked buttons? Which first?
- why not use the standard Google Play and App Store buttons which are so recognizable as CTAs?
- missing something along the lines of "click to install", or "install now"

Comment 8

[Matej Novak [:matej]]

(In reply to Fabio Rios [:frios] from comment #7)
> Hey there, had a quick chat with bniolet about this. A few things to
> consider:
> 
> - the primary purpose of this email is for users to open via their mobile
> device. What will this look like on a phone screen? Stacked buttons? Which
> first?
> - why not use the standard Google Play and App Store buttons which are so
> recognizable as CTAs?

Matt or Lee, can you comment here?

> - missing something along the lines of "click to install", or "install now"

This copy has been reviewed and approved, as far as I know. Given that these people have sent themselves the link and are expecting it, I think what we have works.

Comment 9

[Lee Tom]

I believe Matt is looking into using the official GooglePlay and iTunes badges for the CTAs. On mobile view, I'd imagine the buttons would have to stack. 

Fabio, as far as which button is first, can you recommend which appears on top?

Comment 10

[mternoway]

Hi guys, I am currently working on a mobile view using a stacked approach as well as incorporating GooglePlay and iTunes badges to replace the green CTAs. Will have something to show shortly.

Thanks,
MT

Comment 11

[Fabio Rios [:frios]]

::flips coin::

iOS first. I expect more downloads since it's new.

Comment 12

[mternoway]

Attachment: firefox-ios-android_confirmation-email_April_600px.jpg

Comment 13

[mternoway]

Attachment: firefox-ios-android_confirmation-email_April_320px.jpg

I've attached an updated layout for 600px wide as well as what it might look like at mobile dimensions.

Comment 14

[mternoway]

Attachment: firefox-ios-android_confirmation-email_April_600px.jpg

Comment 15

[mternoway]

Attachment: firefox-ios-android_confirmation-email_April_320px.jpg

Comment 16

[Fabio Rios [:frios]]

Matt, had a conversation with team about this and there's a flag that fox depicted is specifically for Firefox OS.

If that's a branding issue, maybe we can just use the tail to fill the white space?

Comment 17

[Matej Novak [:matej]]

(In reply to Fabio Rios [:frios] from comment #16)
> Matt, had a conversation with team about this and there's a flag that fox
> depicted is specifically for Firefox OS.
> 
> If that's a branding issue, maybe we can just use the tail to fill the white
> space?

We're now using that fox more widely, as you can see here: https://www.mozilla.org/en-US/firefox/products/

Should be OK to use here as well.

Comment 18

[Fabio Rios [:frios]]

That's a Firefox OS web page... oh nvm ;)

Thanks Matej. Good layout and design on this page BTW.

Comment 19

[Ben Niolet]

Checking back in on this bug, guys. Are we close to a design for the emails? We've got time to get them coded, no problem. Just making sure I'm not missing something. 

Also is text ready? It'll need to be localized.

Comment 20

[Matej Novak [:matej]]

(In reply to Ben Niolet from comment #19)
> Checking back in on this bug, guys. Are we close to a design for the emails?
> We've got time to get them coded, no problem. Just making sure I'm not
> missing something. 
> 
> Also is text ready? It'll need to be localized.

The copy has been updated in https://docs.google.com/a/mozilla.com/document/d/1hnsylYMQx12yXqGQaR_gfZlNKyo6F6adhA_ramsnN1c/edit but is not reflected in the designs in this bug.

Otherwise I think the designs are good to go, we just need to make sure we have all the various versions.

Cory, can you confirm?

Comment 21

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

Thanks Matej/Ben! Yeah the copy for these communications is in the deck Matej posted. I should have posted it here, my bad.

Comment 22

[Ben Niolet]

No worries. I'll ship it off to L10n. When we're ready with design, PSDs would be super groovy too!

Comment 23

[mternoway]

Hi Ben, 

Links to PSD can be found here:

600px
https://www.dropbox.com/s/as28ayg081735uk/firefox-ios-android_confirmation-email_April_600px.psd?dl=0

320px
https://www.dropbox.com/s/ronszv776euzy1x/firefox-ios-android_confirmation-email_April_320px.psd?dl=0


MT

Comment 24

[Ben Niolet]

Great!

Is there a separate stand-alone email for iOS? We're still testing one email with both links vs. device specific form / links, right?

Comment 25

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

(In reply to Ben Niolet from comment #24)
> Great!
> 
> Is there a separate stand-alone email for iOS? We're still testing one email
> with both links vs. device specific form / links, right?

We will need a design for an iOS only email (NI mternoway). The copy for the email is in the copy document under

> EMAIL WITH LINK FOR iOS

Comment 26

[Ben Niolet]

Attachment: 73857_132625_land.png

Here's the Android stand-alone. Should this now use the official Google Play image so that it is consistent with the new ios-android version?

Comment 27

[Ben Niolet]

When does the EN test go live? Need a drop date for the EN versions.

Comment 28

[mternoway]

Thanks for flagging, Ben. Here's what I'm thinking could work for the iOS only version. If all is ok, I can post the PSD as well.


https://www.dropbox.com/s/5fj9qjlgwrjr0xo/Screenshot%202015-04-23%2011.56.34.png?dl=0

MT

Comment 29

[Ben Niolet]

Works for me, MT! Bring on the PSD.

If it works for you, we'll slice out the Google Play store from the combined version and use that for the CTA on the Android-only edition: the one you created for FX37. Sound good?

Comment 30

[mternoway]

That works for me! 

iOS Only PSD:
https://www.dropbox.com/s/gwox1z460iayvwv/firefox-ios_confirmation-email_April_600px.psd?dl=0

Comment 31

[Ben Niolet]

Hi team. We need to update the image in this email message to reflect our new screenshot for the landing page. 

Landing Page: 

https://www.mozilla.org/en-US/firefox/ios/

Email: 

https://www.emailonacid.com/app/acidtest/display/summary/fX5U1QCcLqzXY58Bb3lL80fUqFoCnHxwjRzPoEdjBwX14/shared

Also, while we've got this bug back open, do we have localized versions of the App Store button? For our other email supported languages, we're just using an HTML button with text. Might be good to be consistent. Supported languages (ES, PT-BR, DE, FR, RU, PL, ID, HU)

Comment 32

[Ben Niolet]

Moving this to the proper bug. Will re-add NIs.