Closed Bug 1027453 Opened 10 years ago Closed 10 years ago

Create Mozilla.org referral traffic landing page

Categories

(Webmaker Graveyard :: webmaker.org, defect)

Product:
Webmaker Graveyard
Component:
webmaker.org
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: matt, Unassigned)

References

Details

(Whiteboard: [landingpages] [july11])

Attachments

(2 files)

Mock-up for Mozilla.org referral traffic landing page
20 bytes, text/plain
kate
: review+
matt
: feedback?
brett
Details
https://github.com/mozilla/webmaker-snippet-landing-page/pull/7
63 bytes, text/x-github-pull-request
gvn
: review+
cade
: review+
adam
: feedback+
Details | Review 
Riff off this design to create a Mozilla.org landing page:
https://redpen.io/p/wq9f599965773f43c2
Assignee: nobody → matt
Whiteboard: [landingpages] [june27]
Status: NEW → ASSIGNED
* Let's do this:

1) Use this landing page as our basic template. 
We can duplicate the exact same set-up, flow, re-direct to party.webmaker.org, etc.
This page can basically be an exact copy of that one, with slightly different copy, HTML and styling. 
https://welcome.webmaker.org/

2) Use this design:
http://mzl.la/Vr7f6w

* The approach: make the experience as seamless for mozilla.org visitors as possible. Maintain same colors, look and feel, and header. It should feel as seamless to users as possible.

        Attachment #8446609 -
        Flags: review?(cassie)

        Attachment #8446609 -
        Flags: feedback?(brett)

    
    

    
  
* Assigning to Aki to build the page. cuz she's a landing page ninja.  

** Aki: Unbounce isn't through security review yet. So let's just start with this one static landing page. Following the same basic approach JP and JBuck already took for: http://welcome.webmaker.org/
Assignee: matt → aki
Flags: needinfo?(aki)

    
    

    
  
COPY FOR PAGE:


...so let’s learn how to code and create together


From July to September, Mozilla Webmaker is hosting free events around the world. Join us to teach and learn everything from coding and web design to protecting online privacy and more. 

[Get started now.] Or sign up for free updates about events near you. (http://events.webmaker.org/)

[ ] Yes! I want to receive email updates about Mozilla's projects and campaigns, and I'm okay with you handling this info as you explain in your privacy policy.

    
    

    
  
* I believe Cassie's on PTO, so assigning to Kate for design review instead

        Attachment #8446609 -
        Flags: review?(cassie) → review?(kate)

    
    

    
  
* Updated design mock-up, based on feedback from Andrea Wood: 

https://dl.dropboxusercontent.com/spa/6c38yp3crbxni5b/x2mdvhww.png

* Updated copy: 

From July to September, [Mozilla Webmaker] is hosting free local events around the world. Join us to teach and learn everything from coding and web design to protecting your online privacy and more. (webmaker.org)

Sign up for free updates about events near you:

    
    

    
  
* @Adam: any special instructions from you, in terms of ensuring this page is set to count all the things we want to count?
Flags: needinfo?(adam)

    
    

    
  
* Aki is starting work on this, but may not be done by EOD Friday.
* So moving to [July11] train -- Aki, please update if wrong
Whiteboard: [landingpages] [june27] → [landingpages] [july11]

    
    

    
  
Matt I wasn't thinking clearly enough earlier—where is this supposed to live? What's the url/slug?
Flags: needinfo?(aki) → needinfo?(matt)

    
    

    
  
Actually, jbuck, you /may/ be able to answer this question instead? I see that welcome.webmaker.org has its own repo. Is now the time to change this into a static site generator? I can keep index the same, but have it build to /dist/ and we could have travis pull from there?
Flags: needinfo?(jon)

    
    

    
  
(In reply to Aki Rose Braun [:akirose] from comment #11)
> Actually, jbuck, you /may/ be able to answer this question instead? I see
> that welcome.webmaker.org has its own repo. Is now the time to change this
> into a static site generator? I can keep index the same, but have it build
> to /dist/ and we could have travis pull from there?

I'd love to see the setup for welcome.webmaker.org turned into a place where we can spin up and test many landing pages. This one could live at welcome.webmaker.org/mozilla for example. If you start to think about that, it would be great to keep this Bug 1010962 in mind (but don't get blocked on it).

    
    

    
  
(In reply to Matt Thompson (@OpenMatt :OpenMatt) from comment #8)
> * @Adam: any special instructions from you, in terms of ensuring this page
> is set to count all the things we want to count?

Yes, this documentation should cover everything (but it's new so shout if anything is unclear):
https://wiki.mozilla.org/Foundation/Metrics/Landing_Page_Tracking

And please loop me in if you want to check anything during the build.
Flags: needinfo?(adam)

    
    

    
  
(In reply to Aki Rose Braun [:akirose] from comment #10)

>  What's the url/slug?

How about: mozilla.webmaker.org ?
Flags: needinfo?(matt)

    
    

    
  
* Aki: just to confirm, all behavior should be the exact same as welcome.webmaker.org, in terms of:

** embedded BSD sign-up 
** re-directing to party.webmaker.org after sign-up
** displaying the same confirmation message modal

    
    

    
  
* Jbuck: we'll need a new BSD sign-up form /segment for this. Jbuck: can you create that?

    
    

    
  
(In reply to Matt Thompson (@OpenMatt :OpenMatt) from comment #14)
If I can get jbuck on board with this change to the welcome repo, could we do something like welcome.webmaker.org/from/mozilla?
Flags: needinfo?(matt)
See Also:  → 1010962

    
    

    
  
Aki: sure that's fine.
Flags: needinfo?(matt)

    
    

    
  
* After discussion with Kate, let's make some tweaks to make the page easier to implement. See mock-up here:
https://dl.dropboxusercontent.com/spa/6c38yp3crbxni5b/59jrfokd.png

1) Remove header and Tab-zilla. To make it easier.

2) Use same sign-up box and button style as welcome.webmaker.org

Let's err on the side of faster and easier! :)

    
    

    
  
Sounds good. Still blocked on info from jbuck to get started, but once I have it should be a quick build.
Blocks: 1032329
See Also:  → 1032620

    
    

    
  
Does this page have an associated google analytics goal? Does it need optimizely?
Flags: needinfo?(adam)

    
    

    
  
Oh yeah, last(?) question for adam or jbuck—is the signup going to the same form action? (snippet-test)

    
    

    
  
(In reply to Aki Rose Braun [:akirose] from comment #21)
> Does this page have an associated google analytics goal? Does it need
> optimizely?

Yes, this needs to fire the same two GA and Optimizely conversion tags as welcome.mozilla.org, but the good news here is that these are currently fired when the thank-you modal pop-up appears after the redirect to party.webmaker.org. 

So, as long as this landing page redirects people in the same manner, we have the conversion goal tracking in place already.
Flags: needinfo?(adam)

    
    

    
  
(In reply to Aki Rose Braun [:akirose] from comment #22)
> Oh yeah, last(?) question for adam or jbuck—is the signup going to the same
> form action? (snippet-test)

For now, we need to duplicate that form in BSD so that it saves the sign-ups into a different constituent group.

(In the long run we should find a more scalable model for this, so we can point multiple landing pages to a single form and identify sign-ups by source. But right now these are the two priority traffic sources we want landing pages for, so we can run with it).

    
    

    
  
Comment on attachment 8446609 [details]
Mock-up for Mozilla.org referral traffic landing page

R+ with the changes noted by Matt

        Attachment #8446609 -
        Flags: review?(kate) → review+

        Attachment #8449742 -
        Flags: review?(cade)

        Attachment #8449742 -
        Flags: feedback?(adam)

    
    

    
  
Comment on attachment 8449742 [details] [review]
https://github.com/mozilla/webmaker-snippet-landing-page/pull/7

This is pretty cool! I left a single comment in the PR about the scripts section in package.json.

Other than than, installs and runs perfectly, so R+

        Attachment #8449742 -
        Flags: review?(cade) → review+

    
    

    
  
Comment on attachment 8449742 [details] [review]
https://github.com/mozilla/webmaker-snippet-landing-page/pull/7

R+, all the required tracking is in place here.

(+ the install was really simple! Great work)

        Attachment #8449742 -
        Flags: feedback?(adam) → feedback+
Blocks: 1034248
Blocks: 1027252
Depends on: 1034350

    
  
No longer blocks: 1032329
Depends on: 1032329
Flags: needinfo?(jon)

    
  
Flags: needinfo?(jon)

    
    

    
  
If Bug #1034350 get closed on July 4, could one of my Canadian friends click "merge" on this one for me?

    
  
Depends on: 1034378

    
    

    
  
I have now filed the appropriate boogs
Flags: needinfo?(jon)
Depends on: 1006223

    
  
Status: ASSIGNED → RESOLVED
Closed: 10 years ago
Resolution: --- → FIXED

    
  
Blocks: 1034378
No longer depends on: 1034378
Blocks: 1038690
Assignee: aki → nobody

          You need to log in
          before you can comment on or make changes to this bug.
        






  

    
  







  

    

      
Attachment

      

      
      
      
      
    

    

      

        

          

            
General

            

              Creator: 



            

            
Created: 

            
Updated: 

            
Size: