Closed Bug 653202 Opened 13 years ago Closed 12 years ago

Implementation bug for the Firefox-ification of Join Mozilla

Categories

(Websites :: donate.mozilla.org, defect)

Product:
Websites
Component:
donate.mozilla.org
Version:
Firefox 4
Platform:
x86
macOS
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: jane, Unassigned)

References

(
URL
)

Details

(Whiteboard: Join Mozilla Firefox-ification)

Attachments

(3 files)

Staged thank you page - showing large bold fonts
389.64 KB, image/png
Details
FAQ page screen sht with red backgroud / large font
325.08 KB, image/png
Details
Custome Field Screen Shot
7.20 KB, image/png
Details 
After several weeks of the Join Mozilla program being live we have reached a
conclusion that we need to have a stronger affiliation and connection to the
Firefox brand to make the program successful. 

Currently the landing page and other materials have a strong Mozilla "red" look
and feel - which is a disjointed experience for a Firefox user interested in
joining and coming from a call to action on the Mozilla Firefox site. 

We're going to keep the overall page structure of mozilla.org/join however change the background image to be more in keeping with mozilla.org/firefox. 

Timing: we ideally are looking to confirm design assets for this Friday 4/29. And get into the web site release schedule for 5/9. 

Laura - is that possible?
Asset tracking bug here:
https://bugzilla.mozilla.org/show_bug.cgi?id=652975
Assignee: nobody → lforrest
URL: mozilla.org/join
Whiteboard: Join Mozilla Firefox-ification
Hi Jane - Thanks for the info. I'll add this to the 2.4 release going out 5/10 (code freeze 5/9 so would need assets before then, if not earlier). 

Steven - heads up that this simple redesign is coming your way around 4/29. Would you prefer I assign this to you, or Jane for the time being?
Target Milestone: --- → 2.4
Just checking - is this even part of the mozilla.com release process? Seems
like it could be considered a separate issue (not that it should impact the
actual release timing or anything , but it may affect the way we do it).
John / Laura - that's a call for you to make. Most of the pages are mozilla.com pages (except for the BSD landing page). Happy to fit into the schedule in the best way for you and the web team.
Since this isn't really a mozilla.com page, my preference would be to keep it out of that process. Not trying to slow things down here, but the mozilla.com devs already have a full plate of other things.

We should grab Ryan Snyder while he's here this week and see how he would recommend proceeding.
John to clarify - you are only talking about the landing page at mozilla.org/join correct? All the other pages that live on mozilla.org which need to be updated would still be part of the 2.4 release?


Adding Ryan S to this bug. 

Ryan -- please can you comment, or do you have time to chat today. Sorry for the alarm bells, but there is a big push from Mark Surman and Cbeard to get the changes implemented asap.
cc'ing Paul Osman.

Paul - What's the backend setup for this?  It's on a subdomain (donate.mozilla.org), so I'm assuming this on a different platform than Mozilla.com?  Is anyone in charge of support for this site?
(In reply to comment #6)
> John to clarify - you are only talking about the landing page at
> mozilla.org/join correct? All the other pages that live on mozilla.org which
> need to be updated would still be part of the 2.4 release?

Our 2.4 release and all other releases in that cycle are meant to cover mozilla.com only, so the pages on donate.mozilla.org and mozilla.org aren't really covered. Not saying we can't launch this page in that timeframe, but I'd like to find a way to do this that doesn't involve pulling resources off the mozilla.com efforts we already have going now.
(In reply to comment #7)
> cc'ing Paul Osman.
> 
> Paul - What's the backend setup for this?  It's on a subdomain
> (donate.mozilla.org), so I'm assuming this on a different platform than
> Mozilla.com?  Is anyone in charge of support for this site?

donate.mozilla.org is not hosted by us. We're using a 3rd party service provider called Blue State Digital to host any of the pages / forms that collect CC data. There are small parts of the Join Moz program we host (a locale detection script and thank you page) but the bulk of it is on BSD. 

BSD have a control panel that allows us to insert custom HTML / CSS into the header and footer of pages and their system dynamically generates the donation form. It's a bit hacky and ugly, but it's all we've got for now :)
Trying to get to the bottom here of how / when we can get these changes made to the Join Mozilla site. I think all the right folks are on the bug now (Mike Alexis, Paul Osman, Ryan Merkley et al). 

As I see it - there are 2 parts

(i) Landing page hosted by BSD plus Supporter card / certificate

(ii) Thank you / FAQ page hosted by mozilla.org 

Can folks comment of which piece is their domain? e.g. Ryan Merkley - for (i) is that you as point of contact for BSD?  And (ii) Paul, is that you for mozilla.org? 

Would be super to nail this down asap please. Apologies for the confusion, it is a murky soup here.
Jane - My understanding is that these pages were built by Crowd Favorite.  Do we have them lined up for re-skinning these pages?  Or has anyone been lined up to re-skin the pages here?
Thanks Ryan - yes, Ryan Merkley is working directly with CF to do the web dev. I'm keen to understand how those pages then get live from the BSD / our mozilla.org side.
I'll work with David Boswell and Mike Alexis to get a dev lined up to implement any code changes for Mozilla.org.

Paul, are you the one to talk to about implementing the changes in BSD?
Re comment #13, are there any changes that need to take place on www.mozilla.org?  The only content there I'm aware of is the locale-aware redirect to the BSD hosted pages and a thank you page that has been used in the newsletter so people can watch the What Is Mozilla video.

http://www.mozilla.org/join/thankyou.html

For anything happening on BSD or join.mozilla.org, from comment #12 it sounds like this is being done by a contractor.  For pushing that content live, I believe Paul or Chelsea coordinated getting the updates posted.
Assignee: lforrest → ryansnyder.me+bugs
Target Milestone: 2.4 → ---
Assignee: ryansnyder.me+bugs → nobody
Component: www.mozilla.com → donate.mozilla.org
QA Contact: www-mozilla-com → donate-mozilla-org
Hi Ryan M, the interactive transparency of the Firefox logo is extremely complex (e.g. the gloss on top of the tail) which is going to bloat the PDF file size. The card alone is coming in at 1.1 MB.

Do you have a simpler (flatter) version of the vectorized Firefox logo we can use for this? Or should we invest extra time to take some of the interacting layers and create simpler versions (e.g.: solid colors versus layers interacting with each other, ultimately resulting in the same visual look).
John or Tara, do you have access to the file that Devin is requesting above?
Lee, can you help out with comment #15? They're looking for an image file to get the pdf size of the certificate down as much as possible.

Thanks!
Sure. If you give me the size of the logo you need, I can provide a transparent PNG file instead of a layered vector graphic. Would that help?
The AI is being used to generate PDF files on the fly (8.5x11" printable sheets, unsure on DPI). Hence, the vector is preferred but a bit complex as described above.

It sounds like we should just go ahead and flatten the logo as a PNG at appropriate sizes and see what the resulting sizes are. Stay tuned, we may be set then...
(In reply to comment #19)
> It sounds like we should just go ahead and flatten the logo as a PNG at
> appropriate sizes and see what the resulting sizes are. Stay tuned, we may be
> set then...

Yeah, let's just do that. I'm not really comfortable with changing the way the actual logo is displayed.

If you want me to put you in touch with someone from our webdev team, I can do that...we use the Fx logo in a number of online settings and it's always fine (ex. http://www.mozilla.com/en-US/firefox/new).
Ryan M, we've gone ahead and staged the updated styles here:

http://cfdev21.com/

A few open items:

1. We have to take the provided shirt assets (from this morning) and create a t-shirt look (all the PDF contains are screenshots), luckily we can reuse what we built by-hand for the last version of the shirt. We will layer the 3 colored shirts on top of each other and just show the front with the Firefox logo.

2. We kept some of the links red as seen in the comps. It's not clear whether these are intentionally remaining red or simply overlooked in the style refresh. We can change them to blue.

3. Since the main navigation menu has changed to inherit the Firefox nav, no localization will be available for these menus (it will need to be re-run). There are a handful of areas requiring l10n attention including the new t-shirt drop down inputs and  the thanks page due to the need for <br> tags to get the text wrapping properly.

4. The input field below the t-shirt inputs is intentional just for testing form field input styles.

5. Translation will need to be re-done because of the changes to the header 

6. The artwork provided for card/certificate is still a bit heavy/complex resulting in a ~700k download. Our team is looking at ways to simplify this further.

Please take a look at your earliest convenience so we can incorporate any other final feedback as quickly as possible. 

Expect #1 and #6 to be worked on through COB.

We'll be available Monday to help implement feedback, deploy to BSD, etc.
Hey Ryan

I see the copy changes are not live yet - do you know when they will be swapped in? 

thanks
Jane, can you post the final final copy into the bug here for CF so they can stage it? There were a number of variants on e-mail and I'm not sure I have the right one.
Ryan - will do.

HOME PAGE:

Old copy:
We're a non-profit organization who believes the Web should be free, open, accessible, transparent, safe and—most of all—a force for the good of humanity.

New Copy:
We're a non-profit organization that believes the Web should be open, accessible, transparent, safe and—most of all—a force for the good of humanity.


-
Old Copy:
Protect the Web. Join Mozilla.

New Copy:
Love the Web? Join Mozilla  

-


Old Copy:
Share the Love, Show the Love

Joining gives you:

    Deep inner pride for helping Mozilla build a Web for everyone
    Access to cool Mozilla swag that will impress your friends
    Good feelings in the cockles of your heart

Have questions?


New Copy:
Share the Love, Show the Love

For as little as $5, you can become a supporter.

Joining gives you:
- Deep inner pride for helping Mozilla build a Web for everyone
- Access to cool Mozilla and Firefox gear that will impress your friends
- Good feelings in the cockles of your heart

Want to do more? We also have lots of amazing <a>volunteer opportunities</a> available. 

Have questions?

(Link above should go to: http://www.mozilla.org/contribute/)

-


Old copy:
Choose Your Destiny
$5.00 - Sign me up as a Mozilla supporter
$30.00 Sign me up as a Mozilla supporter and send a a Mozilla Firefox T-shirt 

New Copy:
Choose Your Destiny
$5.00 - Sign me up and use my $5 to build a Web of good
$30.00 - Sign me up, use my donation to build a Web of good and send me a Mozilla t-shirt

-
CF team on the Thank you page -- can you add a bit more line space between "Thanks for making" and "The Web a better place" please. Looks a bit bunched up at the moment. thanks.
CF team - we're hoping to get this live later today. Please let us know if there are any major problems you see ahead, and if we can help you with anything at all. thank you!
Hi Jane, we will stage the remaining items as soon as possible this afternoon:

1. new t-shirt design
2. copy changes
3. thank you page line spacing

Worth noting, all the translation strings depend on the original string remaining the same, so all languages will need to be revisited. As noted in our previous update, having Mozilla revisit all l10n for non-English languages is probably prudent once this is pushed.

Also of note, we (CF) can push the changes to BSD (landing page ONLY) at any point. I believe Paul (or a delegate) is responsible for the other Mozilla-hosted pages (thank you, FAQ, etc.).
Hey Devin, 
As per your comment above about l01n, that request can be tracked in bug 655037 and 655276.

Cheers, 
C
Hi Jane,

The staging site has been updated with the latest styles (and code pushed to Paul on Github):

http://cfdev21.com/home.php?locale=en_US

As you can see, the changes in the source strings has rendered a few sections un-translated (Chelsea notes bugs above Mozilla will need to provide and update manually in BSD): 

http://cfdev21.com/home.php?locale=de_DE

Please take a look and let us know if you have any final changes to:

1. t-shirt presentation on the landing page
2. copy changes
3. anything else?

With your approval we will push the new assets to BSD. As noted, we will want to make sure the Mozilla.org servers are updated with the latest code from Github, too.

Thanks!
Thanks Devin - before pushing, I need Chelsea and Ryan to weigh in from their side. 

(1) t-shirt. I know that we were thinking of showing the back of the t-shirt in the image as well - but I think we can add this at a later date. 

-

(2) Home page - there's still a bit of copy that needs changing. Totally my fault I had the new and the old copy the wrong way around -- apologies. It should be:

OLD Copy:
Choose Your Destiny
$5.00 - Sign me up and use my $5 to build a Web of good
$30.00 - Sign me up, use my donation to build a Web of good and send me a Mozilla t-shirt


NEW copy:
Choose Your Destiny
$5.00 - Sign me up as a Mozilla supporter
$30.00 Sign me up as a Mozilla supporter and send a Mozilla Firefox T-shirt 

-
(3) Thank you page looks much better -thanks. 

-

thanks for all your help Devin. :)
>I need Chelsea and Ryan to weigh in from their side. 

Great, looking forward to hearing from them on the final word.

>Home page - there's still a bit of copy that needs changing. Totally my fault I had the new and the old copy the wrong way around -- apologies. 

No problem, this is manually changed in the BSD system anyway. We've updated our code here for staging purposes, though.
Super - thanks Devin!!

Ryan and Chelsea - I know you're in a day of meetings, if you can confirm as soon as you have time, I think we're almost ready to go. :)
This has been staged on our servers:

http://www-stage.mozilla.org/join/thankyou.en.html
Hey thanks Paul. I just checked it out, and the font looks incredibly big -- see screenshot.
Paul, this appears to be due to camel case of the font names. We have lowercase in our local here so we'll just remove and re-add the files (at lower) to make sure the change takes. Expect a pull request shortly.

http://www-stage.mozilla.org/join/assets/fonts/league-gothic/league_gothic-webfont.ttf (404)
http://www-stage.mozilla.org/join/assets/fonts/league-gothic/League_Gothic-webfont.ttf (OK!)
(In reply to comment #35)
> Paul, this appears to be due to camel case of the font names. We have
> lowercase in our local here so we'll just remove and re-add the files (at
> lower) to make sure the change takes. Expect a pull request shortly.
> 
> http://www-stage.mozilla.org/join/assets/fonts/league-gothic/league_gothic-
> webfont.ttf (404)
> http://www-stage.mozilla.org/join/assets/fonts/league-gothic/League_Gothic-
> webfont.ttf (OK!)

Thanks Devin. Merged and pushed to staging.
(In reply to comment #36)

Thank you page looks super. 


Ryan & Chelsea -- are we OK to push live? Its getting super late your time. Please let us know if you can.
Looks good to me. Just need the thumbs up from Ryan. Thanks everyone for your great work on this.
I'm still seeing a large empty field under the t-shirt colour selection drop-down. Other than that, it looks good to me.
(In reply to comment #39)
> I'm still seeing a large empty field under the t-shirt colour selection
> drop-down. Other than that, it looks good to me.

Thanks Ryan.  Devin - can you remove that?
Howdy all, the field below the t-shirt selection is simply to demonstrate what the styles applied to form fields (name, address, etc.) would look like, as described above.

Assuming this is the only qualm remaining, we'll happily push everything up to BSD (landing page) first thing tomorrow morning unless I hear otherwise.
Then let the Firefox-ification begin! Devin, thanks to you and your team for all of your work.
Ditto - huge thanks Devin and team. Will you let us know when the change has happened please?
The new assets are in place on BSD (English).

I believe Paul and Stas are working on generating the translated versions for the other languages? Please let us know if not the case.

The new thank you page, FAQ page will need to be pushed by Paul I assume. 

http://www.mozilla.org/join/faq.html (404)

---

We are about to implement the 3 select dropdowns (in lieu of the t-shirt input fields). We will request Mozilla QA this feature in bug #650846 to verify the correct data is indeed being received.

https://bugzilla.mozilla.org/show_bug.cgi?id=650846
(In reply to comment #44)
> The new assets are in place on BSD (English).
> 
> I believe Paul and Stas are working on generating the translated versions
> for the other languages? Please let us know if not the case.

That's correct. Being tracked in Bug # 655037.
 
> The new thank you page, FAQ page will need to be pushed by Paul I assume. 
> 
> http://www.mozilla.org/join/faq.html (404)

The correct URL is http://join.mozilla.org/faq.en.html. I cannot push changes to production, this will have to be coordinated with IT once we're ready.

> We are about to implement the 3 select dropdowns (in lieu of the t-shirt
> input fields). We will request Mozilla QA this feature in bug #650846 to
> verify the correct data is indeed being received.
 
Yes please. We should have QA go over the changes before we push to production.
The content is live now (boy would it be nice to have a stage ...). Paul, who from QA was our contact when we launched into beta?
Chelsea, are you able to assist me on pulling down the latest version of the BSD database?
(In reply to comment #46)
> The content is live now (boy would it be nice to have a stage ...). Paul,
> who from QA was our contact when we launched into beta?

I believe it was sdonner (CC'd). Stephen, would you be able to put this on your radar? We've pushed some front-end changes to https://join.mozilla.org. Details are in Bug # 650846.
(In reply to comment #46)
> The content is live now (boy would it be nice to have a stage ...). Paul,
> who from QA was our contact when we launched into beta?

Hey -- yepp (!) :) 

I think it was Raymond Etornam (retornam@mozilla.com) -- was that right Paul? 

Also - the FAQ gets a 404 at the moment.
(In reply to comment #47)
> Chelsea, are you able to assist me on pulling down the latest version of the
> BSD database?

Sorry, need more detail on this. What are you trying to do? Take it offline or get a report of everything in it?
The FAQ link has been updated per Paul's note above.

We've also requested final QA from Mozilla in bug #650846 to verify the custom fields are being stored in BSD as expected.
If you want what I think you want (which is seeing if the T-shirts are represented in the BSD database), you want to go to statistics and export under fundraising. Set you search criteria and then filter. Under the graph you'll see
"Raw Data/Export". You can view with data in browser or d/l as CSV.

I just did a search for today and it's showing 3 possible custom fields and 2 custom countries.
Hey - the FAQ still has the old red background image and large font. See screen shot.
Hey Guys -- do we need to call a meeting on the final details that need to happen to get the site complete? We're sitting on a big promo waiting to go live -- and I want to make sure we're all set. 

From what I see that's open:

(i) FAQ page still has the red background and font is blocky 
(ii) Devin & Chelsea ironing final details with the t-shirt backend. Are we good with that now? 
(iii) Need to have Mozilla QA take a look through the site. Jane will sync with Stephen off-line to see if he and his team can help. 

Is there anything else?  

Please comment on your progress in the bug as soon as you -- we're currently holding up the Firefox snippet schedule. Thanks everyone for your efforts in getting us across the finish line.
Let's push to get the FAQ updated, but don't let it hold us up if the other two items are resolved.
(In reply to comment #55)
> Let's push to get the FAQ updated, but don't let it hold us up if the other
> two items are resolved.

This has to be scheduled with IT. We're certain that we're okay pushing this in English only? No l10n has been done to my knowledge. 

Let me know and I'll create a web content push ticket.
Depends on: 656066
>This has to be scheduled with IT. We're certain that we're okay pushing this in English only? No l10n has been done to my knowledge. 

I don't believe any copy text has changed on thank you or FAQ pages. If they were translated before, they should be OK still.

The thank you Page should be pushed as well  (I don't have the URL off-hand). You'd need to push new assets (certificate PDF, for example).

>(ii) Devin & Chelsea ironing final details with the t-shirt backend. Are we good with that now? 

We've deployed all code for the t-shirt fields but are awaiting a test transaction confirmation that everything goes through OK at bug #650846
There are copy changes to the FAQ page (https://bugzilla.mozilla.org/show_bug.cgi?id=641206) which are being worked on by l10n. Can we update the localized version later when we add ES and PT?

I have done a test transaction and am attaching how the T-shirts come up in the database. Works great!
(In reply to comment #57)
> 
> The thank you Page should be pushed as well  (I don't have the URL
> off-hand). You'd need to push new assets (certificate PDF, for example).

http://join.mozilla.org/thankyou.en.html
Paul/Devin: Is the thank-you page on stage, or does that still need to happen?
Do we need Boswell to push this into production? He stickhandled the previous release.
(In reply to comment #63)
> Do we need Boswell to push this into production? He stickhandled the
> previous release.

See Comment 56. We need to schedule a push with IT. Let me know if everything looks okay on staging and I'll file a ticket.
Looks great - certificate function works great, and pages look correct to me. Please go ahead and file the ticket.
(In reply to comment #65)
> Looks great - certificate function works great, and pages look correct to
> me. Please go ahead and file the ticket.

Alright, web content push bug # 656127
Unclear why we were asked to test (last-minute), filed two bugs [1] (and might be more to come), then you're just going to push anyway?  (Hoping it was just an oversight.)

[1] Bug 656119 and bug 656118.
(In reply to comment #67)
> Unclear why we were asked to test (last-minute), filed two bugs [1] (and
> might be more to come), then you're just going to push anyway?  (Hoping it
> was just an oversight.)
> 
> [1] Bug 656119 and bug 656118.

Yes, apologies, this whole push has been a confusing endeavor. I'll be adding the QA tracking bug as a blocker to the web content bug.
(In reply to comment #68)

> Yes, apologies, this whole push has been a confusing endeavor. I'll be
> adding the QA tracking bug as a blocker to the web content bug.

The last push was too -- a sign of something we should work on?  Last-minute testing/pushes tend to not go well.
(In reply to comment #69)
> The last push was too -- a sign of something we should work on?  Last-minute
> testing/pushes tend to not go well.

Absolutely. I think lack of driver for releases is the problem. Happy to discuss off-line or however you think is appropriate.
I think we at MoFo would benefit from some clarity (myself chief among all of us). Sincere apologies for the last-minute rush, and a commitment for follow-up on improving our process.
Cleaning up old bugs. Wrapping this one.
Status: NEW → RESOLVED
Closed: 12 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: