Closed Bug 576413 Opened 14 years ago Closed 14 years ago

Newsletter Landing Page

Categories

(www.mozilla.org :: General, defect)

Product:
www.mozilla.org
Component:
General
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
VERIFIED FIXED

People

(Reporter: emurto, Assigned: sgarrity)

References

(
URL
)

Details

Attachments

(4 files)

Mockup designs
407.51 KB, application/octet-stream
Details
design prototype for newsletter landing page
156.07 KB, application/pdf
Details
Newsletter Thank You page
421.66 KB, image/jpeg
Details
Screenshot of recorded email addresses sent from the above URLs
54.40 KB, image/png
Details
Attached file Mockup designs — 
We need a newsletter landing page as a main avenue for sign-ups, that we can link to and advertise across our site.  Attached are some rough mockups I created in Keynote.  

Feel free to edit the language to "mozilla-speak",John and writers. 

let me know if there is anything else you need.  We'll work with our database contact (Alex Buchanan) to ensure the names drop into our existing Email Database. 

Thank you for your help. Let me know if there is anything else you need. 

URL:  something short and friendly like www.mozilla.com/news

Eve  x288
Assignee: nobody → jslater
OS: Mac OS X → All
Hardware: x86 → All
Thanks Eve. When would you like this to go live? And working backwards from that, when are the design files due?
We'd like to go live as quickly as reasonable, so I would suggest these dates:  

Design files due Friday July 23 (in 1 week); Go live date Friday August 6 (2 weeks later).  Let me know what you think, and we welcome any opportunities to bring it in sooner.
Eve, could you share the design as a PDF please? because not everyone has Keynote


CC'ing Mike Alexis so he's aware of upcoming projects/schedules


(In reply to comment #0) 
> URL:  something short and friendly like www.mozilla.com/news

If this is going to be our central page for mozilla+firefox news, then mozilla.com/news is fine.  

If it's only about the newsletter, it should be mozilla.com/newsletter
+1 for sharing the design prototype as a PDF - that will make things much, much easier for all. I also think that mozilla.com/newsletter is a better URL.

Once we get the pdf, here are my recommended next steps:
- Elise, can you take a look at the copy and wordsmith as needed? There's not too much.
- Lee, once we have the copy can you whip up a quick design (on the current mozilla.com template)? Should be a pretty easy one.
- Steven, will you be able to build the page? I know you have a lot going on, so let me know what's doable.

Thanks-
J
Meant to copy Elise on my previous comment. Elise, see comment #4.
We should be able to build out the page. CC'ing Stephen DesRoches from silverorange as well. I presume we're waiting on the design for now?
(In reply to comment #5)
> Meant to copy Elise on my previous comment. Elise, see comment #4.

Hi All. Went to get started on copy but I'm one of the group that needs to see the attachment as a PDF. Please send in that format sooner rather than later to make the 23rd a realistic turnaround. thanks :) Elise
Hi Elise,
I just took a couple of screenshots and made a quick pdf for your reference. Hope this helps!

Lee
Attachment #458250 - Attachment mime type: text/plain → application/pdf
Hi All, 
Please take a look at the attached mockups:

1a - Newsletter landing
1b - Newsletter landing (error)
2 - Thank You page

https://www.yousendit.com/download/T1Vuc0w2a0RRWUx2Wmc9PQ

Thanks,
Lee
We need to add another field in the form, below the email address box please add "Country" and they select their country.  We'll be adding country to all our signup forms.  (I'll send in a separate bug for "country" to be added to our First Run page signup area, which is currently a page that is live).  

You can design the best format.  

See this example of how country is already included in a Mozilla form already, in case it is helpful:  

Student Reps subscription page: 
http://mozilla.us1.list-manage.com/subscribe?u=168bf22f976f5a68fe5770d19&id=9e35bff4f4

thank you, Eve
Hi all,
Take another look at the newsletter landing mockups.

- Country pull-down sign in form
- shortened copy on Thank You page

https://www.yousendit.com/download/T1Vtb3BOWkJkMnRjR0E9PQ

Thanks,
Lee
I missed a copy change that Elise made, so I'm attaching latest version of the Thank You page. 

Thanks!
Lee
Lee, looks beautiful!  One or two changes after Jane and I reviewed it: 

a) On the sign up form, can you please change the default country to United States (rather than Albania?) .  We're offering this currently on EN-US pages. 

b) On the "Thank you" page, change the headline on the center box to "Stay Connected" rather than "We're in All the Best Places"

c) On the thank you page, please change the third box to this, or something like this if edits are needed :  

headline: What is Mozilla? 

We're a global community, a public benefit organization and an open source software project

Learn More 

link this box to:  http://www.mozilla.com/en-US/about/whatismozilla.html
graphic idea for third box : http://www.mozilla.com/en-US/firefox/organic/
(eggs in the carton)

thank you!   Eve
Hi all,
revisions to the newsletter landing and thanks pages linked here:
https://www.yousendit.com/download/T1VrblRpOC8wVWxjR0E9PQ

have a great weekend!
Lee
Blocks: 582352
Blocks: 582349
Looks beautiful!  Thank you so much.  Approved.  So sorry for the delay. 

Eve x288
Thanks Eve,
Here's a link to the PSDs for webdev:

https://www.yousendit.com/download/T1VtTG02Zy91Yk5jR0E9PQ

Lee
Blocks: 583817
We'll start building out this page.
Blocks: 583842
Just gently checking in : what's the forecasted completion of this web page going live on the site? Let me know what you think about timing. We're very eager to see it go live this week if possible. 

Data flows into:  Basket database 

Thanks, Eve  x288
(In reply to comment #18)
> Just gently checking in

Eve, I'm working on this today and expect we'll have things ready for testing this week.
Assignee: jslater → steven
I should have reviewed the page and picked up on some of this earlier, but in the process of building out the page, I've come across a few issues that affect the visual design:

First, the form functionality we've used for the sign-up process so far (on the firstrun page and the Beta feedback page) was AJAX-based and does not load a separate "Thank You" page. Rather, it adds a thank-you/success message right into the main page.

See http://mozilla.com/en-US/firefox/3.6/firstrun/ for an example.

Is this method preferred? If so the text/design of the Thank You page would need to be updated/condensed into a form that can load directly into the main sign-up page.

Second, the error-checking on the form has three possible states: 1. bad/no email address, 2. un-checked privacy agreement, 3. both one and two.

The design in the provided Photoshop mockup doesn't quite scale to these three possibilities. I'm thinking we should fall back on a simpler/more-traditional error/warning display rather than the fancy speech-bubble/dotted-line display. Again, you can see how we do the error highlighting on the firstrun page.
I think the sign-in forms and error message design can easily integrate into our Sign In page. Eve and/or Jane, seems like a potential issue would be losing the 3 pods at the bottom of the Thank You page mockup if we were to move the thank-you/success message to the Sign In page. If it's not too much information to cram onto one page, we could also move the 3 pods to the Sign In page, and do away with the Thank You page entirely. Just a thought...
I recommend keeping a thank you page, unless there is a strong objection.  

One of the reasons that a separate thank you page was suggested was so that we can get to complete tracking easily of the conversion success metrics.  Plus ti offers a nice "next step" experience for them (the 3 promos at the bottom). 

If we measure the page views of the sign in page, and then can also easily count the page views of the "thank you" page, we can calculate a conversion rate (what % of the people who we invited to sign up actually did).  This helps us measure success and we can test different element to optimize it. 

If we add all the elements of sign up and thank you onto ONE page experience, how does that effect our ability to quickly and easily track the high level conversion metrics for it?  I suspect that it eliminates our ability to easily track it...I don't know all the details of webtrends, but think that is harder to set up, but welcome your thoughts.  

Eve
Sorry I did not understand your messages thoroughly, and just sunk a little time into thinking about it. 

If the technology requires a thank you message to appear right on the sign up page, (rather than a separate thank you page), why don't you go with shortening the text a bit, and then offering a link to our Get Connected page at the bottom as a gentle next step for the viewer.  I guess we'll forego the conversion tracking on it. 

Copy: 

Thank you for subscribing!

Now you will be among the first to see Mozilla's special events, product updates, videos and other awesomeness.  Plus we'll keep you posted on ways to get involved, because it just wouldn't be the same without our global community! 

> Stay Connected  (link to http://www.mozilla.com/en-US/firefox/connect/) 

If it needs to be shorter copy still, go with this: 

Thank you for subscribing! 

Now you will be among the first to see Mozilla's special events, product updates, videos and other awesomeness. 

> Stay Connected  (link to http://www.mozilla.com/en-US/firefox/connect/) 

thank you!  
Eve
Hi guys,
Here's a link to a one-page scenario:

a - sign in
b - error
c - success

https://www.yousendit.com/download/T1VreUNEVEhCMTVjR0E9PQ
I just checked Lee's designs, and I think they look really great! Approved. 

A note to the web dev team: 
As quickly as we can get this connected, (the urgency is there), please flow the landing page data into Basket database.  Also, please add a new field for "Country" in Basket database.  As the viewer selects the name of the country on this picklist,  and we'd like the data to flow into the Basket database as the associated two letter official country code. (FR for France, AU for Australia, IT for Italy, etc. )  This will help us a lot in our marketing programs and email campaigns if countries are the two letter code. 

If you need to see some codes check here, for example: http://www.internetworldstats.com/list2.htm
Thank you, 
Eve
Ok, we've got a version of this page check-in to trunk in r72186.

It is the one-page version and so far requires Javascript. We should improve it to have a non-javascript fall back. I took some liberties with the design/layout to simplify implementation given the time constraints.

Preview here: http://www-trunk.stage.mozilla.com/en-US/about/newsletter/
URL: http://www-trunk.stage.mozilla.com/en...
Hi Steven, I just noticed on the trunk staging landing page that the image of the newsletter is outdated. Can you replace it with this image?

https://www.yousendit.com/download/aHlUeW42eFhubVZFQlE9PQ

Thanks!
Please check the country pick list, and list the countries in alphabetical order.  There are several that are in the wrong spot (see some examples below).  Thank you for looking carefully through the entire list and getting them into the right order, or let me know if I can help. (I believe they are currently probably placed in order of their two letter country code). 

Default on pick list: leave this one on United States (that is correct as these are for EN-US pages) 

LETTER A: 

UAE  (United Arab Emirates – move to Letter U) 
Netherland Antilles – move to N
/uooc5land Islands  - what is this set of islands?   

B

Saint Bart/uooe0lemy - wrong spelling  

C

Switzerland – move to letter S area
Ivory Coast – move to letter I area 

D

Germany – move to letter G 

E

Algeria – move to letter A area 
Western Sahara – move to W area 
Spain – move to letter S 

F

Move Micronesia to letter M area

G

Move United Kingdom to letter U 
Move French Guiana 
Equitorial Guinea  
South Georgia and South Sandwich Islands

H

Croatia

I
British Indian Ocean Territory

K
Cambodia
Comoros
Saint Kitts and Nevis

... and so forth ...please check the rest of the list  

Also a reminder:  we wish the two letter country code to be the data that is populated into the "Basket" database when people select their country from this list  (not the full name of the country). 

Thank you!  - Eve
r72226 on trunk, should fix comment #28
(In reply to comment #29)
> r72226 on trunk, should fix comment #28

Alex, it looks like we lost the country codes in the array with that change. I was using that to default the menu to "us" on the en-US site. Also, I need to chat with you about a non-ajax fallback for this page.
(In reply to comment #27)
> Hi Steven, I just noticed on the trunk staging landing page that the image of
> the newsletter is outdated. Can you replace it with this image?

Updated in r576413.
(In reply to comment #30)
> (In reply to comment #29)
> > r72226 on trunk, should fix comment #28
> 
> Alex, it looks like we lost the country codes in the array with that change. I
> was using that to default the menu to "us" on the en-US site. Also, I need to
> chat with you about a non-ajax fallback for this page.

oops sorry.  that's an odd side-effect of sort() (big surprise php...) asort() fixes that in r72247
Thanks Alex. It occurred to me today that defaulting the country to United States is convenient for people, but not a great way to get the most accurate data.

A more accurate way to ask would be to leave the country flydown empty (or just on "Country") and make it a required field like the others, highlighting it when people submit without making a selection.

Eve, I'll leave this up to your judgement.
Depends on: 585743
Alex, how would you like handle the non-AJAX variation of this form submission? Should we file a new bug, or assign this one to you (or is there one already)?
Depends on: 588792
(In reply to comment #34)
> Alex, how would you like handle the non-AJAX variation of this form submission?
> Should we file a new bug, or assign this one to you (or is there one already)?

new bug 588792
Gently checking in : What is the next step needed to complete this?
Eve, we're waiting on Bug 588792 for a non-Javascript fall back for the page. We could launch with without that for now (Alex, how do you feel about that?).
We need the non-Javascript fall back, I checked with the team here.  
Alex, , can you help us out with this? 
Thank you!
Alex, Steve:  Please help us move this along - this is a top priority now. 

Need to confirm one thing about the URL with you today - what's our final URL for the Landing page?  We need to verify the final URL today/tomorrow we want to use as we are doing some advertising on snippets to flow traffic that way and need to finalize the URLS ...   will it end .html or how exactly?   
We suggest something like this:  www.mozilla.com/newsletter.html
thanks for a quick response, Eve
Eve, the URL for the landing page will be:
www.mozilla.com/about/newsletter/
(In reply to comment #40)
> Eve, the URL for the landing page will be:
> www.mozilla.com/about/newsletter/

Actually Alex & I talked yesterday and both felt that there are a enough newsletter pages coming to warrant a new section of the site. So, I'd rather just put this and the other ones in /newsletter rather than making this a subsection of /about.

To Eve's question in comment #39, if we do that what will the final URL be? Is it www.mozilla.com/newsletter.html, or maybe would it be something like www.mozilla.com/newsletter/index.html? This is the main newsletter landing page that will eventually have numerous sub-pages as we begin archiving each month's editions.
Steve, in response to commment 33 above, we are trying to figure out a way for people to select their country as quickly as possible. Got feedback in the team here that for EN-US it might make sense to have it super easy for people to click on United States as a choice.   So appreciate your ideas. 

Yes we can leave the default flydown on "country" and they scroll to either United States being planted among the first choices on the picklist,  or United States being way down among the letter "U" selections in true alphabetical order. 

If its easier and cleaner operationally for our global rollout efforts to keep everything in alphabetical order, then please keep it so (that people must scroll down to the Letter U territory and spot "United States" and click it.) Let me know your thoughts.
We can certainly do mozilla.com/newsletter

The canonical URL would be http://www.mozilla.com/en-US/newsletter/ (including the trailing slash).

If publishing the URL in print or in other places where you want to keep it as short/simple as possible, mozilla.com/newsletter will get people to the right place.

How about the web-versions of the actual newsletters, is that ok to change too? They currently have the /about in them, which might be nice to drop (http://www.mozilla.com/en-US/about/newsletter/2010-09/)
Thank you! I'll submit this then, for our snippets ad operations for the landing/registration page: 
http://www.mozilla.com/en-US/newsletter/
The non-JS version is implemented in trunk in r74436.
(In reply to comment #45)
> The non-JS version is implemented in trunk in r74436.

Looks good; can someone confirm that the email addresses I submitted were stored (Alex?)
Just confirming, in case we'll all waiting for eachother, that Alex is working on debugging the actually database update when the newsletter form is submitted - is that right?
(In reply to comment #47)
> Just confirming, in case we'll all waiting for eachother, that Alex is working
> on debugging the actually database update when the newsletter form is submitted
> - is that right?

I'm waiting for that confirmation before I can feel confident about signoff, yeah.
Whiteboard: [waiting on https://bugzilla.mozilla.org/show_bug.cgi?id=576413#c48]
Hey Steven, 
Just wanted to link you to a new PSD for the landing page. The only update in this file are the button styles.

http://intothefuzz.com/leetom/Mozilla%20Newsletter%20Landing/

- orange CTA in layer, "Form"
- gray CTA in layer, "Success"

thanks,
Lee
Alex, thanks for your help to bring this over the finish line by Monday Sept 20 (your latest estimated date at the Responsys integration meeting today).  Thanks for your help.   The prior estimated date was Sept 15. (As I mentioned this is extremely important to have in place, as we have google snippet ad traffic coming to this form shortly.  ) Thanks so much for getting it all up and running.
(In reply to comment #49)
> Hey Steven, 
> Just wanted to link you to a new PSD for the landing page. The only update in
> this file are the button styles.

Updated in trunk in r74646. Thanks.
Gentle check in ... how's it coming for completing this today? -Eve
Good, I have some more work to do tonight, but should be done before our call tomorrow.
Ok, got this and all the other newsletter forms on mozilla.com working on Responsys and with non-js versions (whew!)  Going to do another round of testing in the morning, then work on launching this tomorrow.
(In reply to comment #48)
> (In reply to comment #47)
> > Just confirming, in case we'll all waiting for eachother, that Alex is working
> > on debugging the actually database update when the newsletter form is submitted
> > - is that right?
> 
> I'm waiting for that confirmation before I can feel confident about signoff,
> yeah.

Donner, let's sync up in the morning, I can get you up to speed on how to verify this stuff
Blocks: 597449
r74820 landed it all on trunk (yay)
Oh, I should note, I need IT to update config before this will actually work.  That's bug 598708
I'll re-test and pass/verify once Alex is finished with the user-email migration; right now, submissions aren't showing up on Responsys (known).
ok, working now, ready for QA
Keywords: qawanted
Whiteboard: [waiting on https://bugzilla.mozilla.org/show_bug.cgi?id=576413#c48]
Alex, No pressure but please keep us posted on production timing this afternoon, as Jeff at Responsys and I are planning on connecting up the automatic email confirmation note to the Responsys form at 2pm PST today (but we are flexible).  

Please let us know if 2pm PST is not a good time for any reason, or let us know best advisable timing on that.  Thank you.  
-Eve
(In reply to comment #60)
> Alex, No pressure but please keep us posted on production timing this
> afternoon, as Jeff at Responsys and I are planning on connecting up the
> automatic email confirmation note to the Responsys form at 2pm PST today (but
> we are flexible).  
> 
> Please let us know if 2pm PST is not a good time for any reason, or let us know
> best advisable timing on that.  Thank you.  
> -Eve

I will keep you posted.  2pm is probably too soon, considering QA hasn't approved this yet.  

This is how I see things going...

1) QA approves
2) push to production
3) migrate names from Basket
4) hook up confirmation note
Okay, very good.  We'll wait for signal from you when #3 is done. We'll be on call here. Thanks again, Eve
Alex, are the names you intend to import over from Basket database just the new
names since Sept 15 (since the time of your last import)? 

If so, we'd like them to get the confirmation note email, so I think you'll
want to upload them AFTER we set up the triggered confirmation note ... 

Also, one tiny reminder when you upload it:  Please upload the date into the MOZILLA_AND_YOU_DATE field (rather than uploading them into Email Acq Date field, which I think might be the standard prompt. 

Eve
(In reply to comment #65)
> Alex, are the names you intend to import over from Basket database just the new
> names since Sept 15 (since the time of your last import)? 
> 
> If so, we'd like them to get the confirmation note email, so I think you'll
> want to upload them AFTER we set up the triggered confirmation note ... 

Ah, ok, I figured the opposite, but it's your call.  I'll upload after you hook up the confirmation note.  So, I guess you can hook that up now, right?


> Also, one tiny reminder when you upload it:  Please upload the date into the
> MOZILLA_AND_YOU_DATE field (rather than uploading them into Email Acq Date
> field, which I think might be the standard prompt. 


Ok, will do.  Thanks for the reminder.
We'll be doing the connection of triggered email confirmation note to the
Responsys Form at 3pm PST today, based on Jeff's availability. Just a quick
update. -Eve
Alex, you can load the incremental list names (from Sept 16 onward) at any time. I'll need to do a small emailcampaign of the thank you note out to them separately (won't work with the triggered campaign).   Thank you!  -Eve
Alex, please go live.  We've connected up the confirmation note to the Form.
Ok, it's live.  Did a test, it worked, and I instantly got the confirmation note.  So, yay!
Status: NEW → RESOLVED
Closed: 14 years ago
Keywords: push-needed
Resolution: --- → FIXED
Verified FIXED on http://www.mozilla.com/en-US/newsletter/; I, too, signed up and got the email.

Note that I didn't see the requirement to make "United States" the default, but should have caught that when testing; quickly filed bug 598802 to follow-up.  Sorry about that!
URL: http://www-trunk.stage.mozilla.com/en... → http://www.mozilla.com/en-US/newsletter/
Status: RESOLVED → VERIFIED
We had gotten some feedback to just leave in alphabetical order (so we didn't put US as default), I think its fine. -Eve
Perhaps we should leave the Country field empty by default so we don't end up with false-positives for Afghanistan.
(In reply to comment #73)
> Perhaps we should leave the Country field empty by default so we don't end up
> with false-positives for Afghanistan.

Yes, very good point.
(In reply to comment #74)
> (In reply to comment #73)
> > Perhaps we should leave the Country field empty by default so we don't end up
> > with false-positives for Afghanistan.
> 
> Yes, very good point.

Eve, you fine with this change?  I'll file ASAP, if so.
Yes, sounds good to me.  Thank you for handling. -Eve
(In reply to comment #76)
> Yes, sounds good to me.  Thank you for handling. -Eve

Done.  Bug 599011.
Please add a soft gray "Your Country" as the default.   This will look nice right it says "Your Email"  (where they input their email address).
(In reply to comment #78)
> Please add a soft gray "Your Country" as the default.   This will look nice
> right it says "Your Email"  (where they input their email address).

This bug is closed and marked verified fixed.  Please file a new bug.
Sorry.  Thank you, will file separate bug.
Component: www.mozilla.org/firefox → www.mozilla.org
Component: www.mozilla.org → General
Product: Websites → www.mozilla.org
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: