1171670 - remove "mozillians CTA" from /contribute sign up page

Status: RESOLVED FIXED

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

Description

[Jennifer Bertsch [:jbertsch]]

Hi Craig-

Almost 15,000 profiles have been created on Mozillians since November, with approx 74 people becoming vouched Mozillians.  1,800 have logged in in the past month.

Holly and I met with Pierros and William R to discuss this.  We'd like to change the "Create a Mozillians account" CTA on https://www.mozilla.org/contribute/thankyou/ to one of the following two options:

1.  Can we pass the user's choice on the sign up page to determine what CTA to show on the thank you page?  If yes, we'd like to:

a.  send anyone choosing coding, testing, helping, translating to:  https://oneanddone.mozilla.org
Copy:  In the meantime,  you can help by picking an easy task that only takes a few minutes - or take on a bigger challenge. 
Button = Choose a Task Now

b.  send anyone choosing writing, teaching, activism, and I don't know to:  https://www.mozilla.org/contribute/friends/
Copy:  In the meantime, help us tell the world how awesome Firefox is and about all the important work Mozilla does every day.  Button = Join Now

2.  If we can't do that, just send everyone to Firefox Friends (Option B above)

Ping me if you want to chat!

Thx,
Jen

Comment 1

[Craig Cook (:craigcook)]

(In reply to Jennifer Bertsch [:jbertsch] from comment #0)

> 1.  Can we pass the user's choice on the sign up page to determine what CTA
> to show on the thank you page?  If yes, we'd like to:

We're already tailoring the header blurb based on the category, so we've got logic to further tailor what appears on the page.

With how prominently Mozillians is featured we'll need to find some alternative imagery to fill that big circle, but I can come up with something.

Comment 2

[Jennifer Bertsch [:jbertsch]]

(In reply to Craig Cook (:craigcook) from comment #1)
> (In reply to Jennifer Bertsch [:jbertsch] from comment #0)
> 
> > 1.  Can we pass the user's choice on the sign up page to determine what CTA
> > to show on the thank you page?  If yes, we'd like to:
> 
> We're already tailoring the header blurb based on the category, so we've got
> logic to further tailor what appears on the page.
> 
> With how prominently Mozillians is featured we'll need to find some
> alternative imagery to fill that big circle, but I can come up with
> something.

Per our conversation, let's use the Friends and One and Done logos in that circle. Thanks, Craig!!

Comment 3

[Malena Andrade [:malenita]]

(In reply to Jennifer Bertsch [:jbertsch] from comment #0)
> Hi Craig-
> 
> Almost 15,000 profiles have been created on Mozillians since November, with
> approx 74 people becoming vouched Mozillians.  1,800 have logged in in the
> past month.
> 
> Holly and I met with Pierros and William R to discuss this.  We'd like to
> change the "Create a Mozillians account" CTA on
> https://www.mozilla.org/contribute/thankyou/ to one of the following two
> options:
> 
> 1.  Can we pass the user's choice on the sign up page to determine what CTA
> to show on the thank you page?  If yes, we'd like to:
> 
> a.  send anyone choosing coding, testing, helping, translating to: 
> https://oneanddone.mozilla.org
> Copy:  In the meantime,  you can help by picking an easy task that only
> takes a few minutes - or take on a bigger challenge. 
> Button = Choose a Task Now
> 
> b.  send anyone choosing writing, teaching, activism, and I don't know to: 
> https://www.mozilla.org/contribute/friends/
> Copy:  In the meantime, help us tell the world how awesome Firefox is and
> about all the important work Mozilla does every day.  Button = Join Now
> 
> 2.  If we can't do that, just send everyone to Firefox Friends (Option B
> above)
> 
> Ping me if you want to chat!
> 
> Thx,
> Jen

Hey Jen, 

I've started a PR on this bug and wanted to confirm for copy do we want to keep the ellipses "..." after the sentence "In the meantime ..." or replace that with a comma,  "In the meantime,"?

Comment 4

[Craig Cook (:craigcook)]

Attachment: Firefox Friends graphic

Here's a graphic for Firefox Friends

Comment 5

[Craig Cook (:craigcook)]

Attachment: One and Done graphic

And one for One and Done.

I followed what we did for the Mozillian's image and made sort of genericized versions of the websites we're linking to. I can tweak further if they need it, once we see them in context.

Comment 6

[Malena Andrade [:malenita]]

(In reply to Craig Cook (:craigcook) from comment #5)
> Created attachment 8630144 [details]
> One and Done graphic
> 
> And one for One and Done.
> 
> I followed what we did for the Mozillian's image and made sort of
> genericized versions of the websites we're linking to. I can tweak further
> if they need it, once we see them in context.


Hey Craig,

This is One and One
https://www.dropbox.com/s/lcu8tbsx8szztj1/Screenshot%202015-07-07%2016.30.30.png?dl=0

This is Friends 
https://www.dropbox.com/s/1qw7rs0hhjmipdl/Screenshot%202015-07-07%2016.25.58.png?dl=0

If you look at the original page there is text inside of the circle. Are we layering text in the circle for either of those two graphics above?
https://www.mozilla.org/en-US/contribute/thankyou/?c=helping

Comment 7

[Craig Cook (:craigcook)]

(In reply to Malena Andrade [:malenita] from comment #6)

The images seem zoomed in. Maybe it needs a background-size in a media query for retina? (I still don't have a retina Mac; I really need to upgrade). I made them the same size as the image we have for Mozillians and didn't do different resolutions, though I could make high-res versions if that's better.

I also realized that I had the size of the circle wrong, so I'm attaching slight revisions to move the main elements inward a bit to make sure they fit.

> If you look at the original page there is text inside of the circle. Are we
> layering text in the circle for either of those two graphics above?
> https://www.mozilla.org/en-US/contribute/thankyou/?c=helping

Nope, no text for these.

Comment 8

[Craig Cook (:craigcook)]

Attachment: Firefox Friends graphic, r1

Comment 9

[Craig Cook (:craigcook)]

Attachment: One and Done graphic, r1

Comment 10

[Malena Andrade [:malenita]]

(In reply to Craig Cook (:craigcook) from comment #7)
> (In reply to Malena Andrade [:malenita] from comment #6)
> 
> The images seem zoomed in. Maybe it needs a background-size in a media query
> for retina? (I still don't have a retina Mac; I really need to upgrade). I
> made them the same size as the image we have for Mozillians and didn't do
> different resolutions, though I could make high-res versions if that's
> better.
> 
> I also realized that I had the size of the circle wrong, so I'm attaching
> slight revisions to move the main elements inward a bit to make sure they
> fit.
> 
> > If you look at the original page there is text inside of the circle. Are we
> > layering text in the circle for either of those two graphics above?
> > https://www.mozilla.org/en-US/contribute/thankyou/?c=helping
> 
> Nope, no text for these.

Hey Craig,

Here are both images inside of the circle with css properties: 
background-size:100%; background-position: center center;

https://www.dropbox.com/s/dnj42qjnsj554fn/Screenshot%202015-07-08%2009.43.39.png?dl=0
https://www.dropbox.com/s/q6mkh3jozpu5hrm/Screenshot%202015-07-08%2009.43.01.png?dl=0

The images are not as clear because screenshots are enlarged by dropbox it seems. Versions I see in browser are super crisp and clear :)

Let me know if size/positioning works!

Comment 11

[[github robot]]

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

https://github.com/mozilla/bedrock/commit/f9ea69def6dca9b29f900eecee4af4c9864bd615
Merge pull request #3087 from malena/bug-1171670-replace-mozillian-cta

Bug 1171670 - remove "mozillians CTA" from /contribute sign up page