Mozilla.org/apps: Temporary Product Page - design

RESOLVED FIXED

Status

Marketing
Design
RESOLVED FIXED
6 years ago
6 years ago

People

(Reporter: Jane Finette, Assigned: Lee Tom)

Tracking

Details

Attachments

(2 attachments)

(Reporter)

Description

6 years ago
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
(Reporter)

Updated

6 years ago
Depends on: 726142
(Reporter)

Updated

6 years ago
No longer depends on: 726142
(Reporter)

Updated

6 years ago
Depends on: 726142
(Reporter)

Updated

6 years ago
No longer depends on: 726142
(Reporter)

Comment 1

6 years ago
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. :)
Depends on: 726142

Comment 2

6 years ago
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?
(Reporter)

Comment 3

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

Comment 4

6 years ago
Assigning to Lee.

Lee, the copy is pretty much ready - see bug 726142.
Assignee: tshahian → ltom
(Assignee)

Comment 5

6 years ago
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

6 years ago
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.

Updated

6 years ago
Blocks: 727856

Comment 7

6 years ago
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.
(Reporter)

Comment 8

6 years ago
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

6 years ago
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!
(Assignee)

Comment 10

6 years ago
Created attachment 598051 [details]
Mozilla Marketplace - Landing 02

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

Comment 11

6 years ago
Looks good to me, thanks!

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

Comment 12

6 years ago
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.
(Reporter)

Comment 13

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

Updated

6 years ago
Blocks: 728349

Comment 14

6 years ago
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!
No longer blocks: 728349

Updated

6 years ago
Blocks: 728349
(Assignee)

Comment 15

6 years ago
Marketplace landing page PSD:

http://cl.ly/413c3M3Y301M0I1X3D2F

Comment 16

6 years ago
Lee, thanks for getting this turned around so quickly!

Closing resolved/fixed. 

For edits on copy, please go to implementation bug 728349
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.