726140 - Mozilla.org/apps: Temporary Product Page - design

Status: RESOLVED FIXED

Description

[Jane Finette]

Hi there

we are beginning to kick off some promotion for the Mozilla Marketplace around MWC starting on Feb 27th and would ideally like to have a single page created which gives a brief overview of what we're doing and give people the ability to sign up.

The landing page would live at mozilla.org/apps and consist of three main areas:

1. Basic content about Mozilla Marketplace
Content is being defined - it will be a header and 1-2 sentences

2. Email signup
CTA for sign up - copy is being finalized, likely something like this "Sign up for more news about the coming "Mozilla Marketplace".

There would be a drop down box to select what group you fall under e.g.

Interested in buying apps
Interested in building apps
Interested in partnering

there would need to be a box which would capture the email address

and a submit box with check box for privacy policy. Best to follow the email best practice already in place for mozilla.org/firefox


3. CTA for developers
Not sure if this would be a button or not (would love your guidance please) . It should be smaller CTA than the email sign ups area, but still noticeable for developers to see it (!)

The final content is being defined - likely be something like "Want to develop an app for the Mozilla Marketplace? Learn more" -- it will link to our apps page on MDN.



-----------------

I have been speaking with John and he is going to fill in more details here in this bug about the visual design for this page.

-----------------

Please note we expect the temp version of this page to be live until the Marketplace consumer beta goes live at the end of March. At that time this page will evolve into a complete product page about apps. Dan Horner is currently working with Tara on the content and design of that page.

The temp page will allow us to start to get the word out whilst we are in this interim period.

As mentioned -- ideally we are looking to have the page live on Feb 27 or before. Very tight I know.

thanks for your help.

Jane

Comment 1

[Jane Finette]

Winston for the email component -- please could you help me file any additional bugs? I'm hoping that would be faster than my trying to work it out. Thanks for helping. :)

Comment 2

[John Slater]

Thanks Jane. On the visual design side, this site will be following our new One Mozilla theme. My overall advice is to keep this really simple and clean...a couple of sentences about what apps are followed by the email signup info. Does that sound right?

Comment 3

[Jane Finette]

Hi and thanks John. +1 from my side until we have visual identity / logo etc nailed down.

Comment 4

[John Slater]

Assigning to Lee.

Lee, the copy is pretty much ready - see bug 726142.

Comment 5

[Lee Tom]

Created attachment 597622 [details]
Mozilla Marketplace - Landing 01

Hi all,
Here's a mockup of the Marketplace page with email signup and developer link.

Comment 6

[John Slater]

Hmm. In my mind this was going to look a lot cleaner and have less text. Is there anything we can remove or reduce?

Similarly, do we need so many fields in the email signup? I know that's our standard, so feel free to tell me to shut up, but it seems like ones like "area of interest" may not be necessary here.

If we need to keep the full email area the way it is for general expediency, then I'd suggest keeping the copy fairly long (so it's not overwhelmed by the email area below) but adding a paragraph break in there so it feels less like a big block.

Comment 7

[Winston Bowden]

If this is going to be a 90% developer audience, we could have them sign up for the apps dev newsletter and eliminate the interest category.

Having said that, if we're unclear on who is going to be opt-ing in, it will be important to keep interest categories so we can figure out what content buckets to place the subscribers in.

Comment 8

[Jane Finette]

We are unclear as to how many people will see this page and their interests hence the drop down. I would like to keep this please. 

In terms of design -- perhaps we can reduce the size of the header? and add in that paragraph break in the body copy?

Comment 9

[John Slater]

Sounds fine to me re: the signup.

The size of our headers is standardized...would you be ok keeping it as is? Maybe we should rearrange the words a bit so it's something like "Coming Soon: Mozilla Marketplace". If we have a tagline or something to add a bit of extra pizazz we could add it below.

And +1 for adding the paragraph break.

Thanks!

Comment 10

[Lee Tom]

Created attachment 598051 [details]
Mozilla Marketplace - Landing 02

Hi all,
Here's another mockup with tagline mockup and paragraph break.

Comment 11

[John Slater]

Looks good to me, thanks!

Jane, is there a tagline we can add to the pizazz section?

Comment 12

[mcbmoz]

Checking in on this, do you think it's ready enough that I can move it to implementation? We can make copy tweaks over there in the markup.

Let me know.

Comment 13

[Jane Finette]

Thanks Chrissie and yes. We are talking offline about what the pizazz section should say!

Comment 14

[mcbmoz]

Super, Lee can you upload the PSD here, so I can move to implementation bug 728349 . 

Jane we can add the pizazz you come up with over on the implementation bug 728349 .

Thanks all!

Comment 15

[Lee Tom]

Marketplace landing page PSD:

http://cl.ly/413c3M3Y301M0I1X3D2F

Comment 16

[mcbmoz]

Lee, thanks for getting this turned around so quickly!

Closing resolved/fixed. 

For edits on copy, please go to implementation bug 728349