New interim Firefox Feature Page for Desktop

VERIFIED FIXED

Status

www.mozilla.org
Pages & Content
VERIFIED FIXED
a year ago
7 months ago

People

(Reporter: Rachel Wong, Assigned: jpetto, NeedInfo)

Tracking

Production

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

a year ago
This page was created to replace copy and design on the current Firefox Desktop product page on Moz.org. 

Currently, there are no images of the product itself and the copy of the page is performing poorly on SEO.
(Reporter)

Comment 1

a year ago
The copy is still being edited slightly but it won't change the layout of the page. The copy with link information is here: https://docs.google.com/document/d/1sskKdpjG-fAJqb4C4FCfytaS2u6u9-1Hf60idz8NLsM/edit#
(Reporter)

Comment 2

a year ago
Created attachment 8848296 [details]
Firefox Feature Page Desktop.png
(Reporter)

Updated

a year ago
Version: Development/Staging → Production
(Reporter)

Comment 3

a year ago
The source Sketch file can be found here: https://drive.google.com/open?id=0Bz-i5ssRMXa1MVZPVDRUMVpidkU it's too big to attach.
jpetto - please have a look at the designs and copy here. Appears pretty straightforward, but need your assessment. The request is to begin work on it as soon as possible this week. (We're meeting tomorrow, Tuesday, morning to discuss/kickoff)
Flags: needinfo?(jon)
(Assignee)

Comment 5

a year ago
Initial questions & concerns on the design:

- I'm not sure it makes sense to re-work the family nav in this fashion at this point. Due to a couple factors (download button placement for some users, smaller screens in other languages [1]), we can't really place the new logo as presented. There's been talk for a while about re-working all of the Firefox pages - it's probably best to push off nav changes until then (as it's surely going to be a larger conversation).

- The screenshots contain English copy. This may not be an issue for the intro and "Everywhere" images (as the language isn't really the focus), but is probably a concern for the Private Browsing image. We can (and have in the past) localized images like this, though it is no small amount of work (particularly with the magnified treatment). One option would be to localize a handful of the highest traffic locales' images (or just en-* if we're time constrained), then provide a fallback image that isn't reliant upon copy for all other locales.

- Are we going to retain the three desktop sub-pages: /desktop/fast/, /desktop/customize/, /desktop/trust/? I see a link for "make Firefox faster", which could potentially link to /desktop/fast/, but I don't see obvious links to the other pages. Should we plan on decommissioning the sub-pages?


[1] https://www.mozilla.org/fr/firefox/desktop/ (open with a non-Fx browser and scroll down a bit)
Flags: needinfo?(jon)
(In reply to Jon Petto [:jpetto] from comment #5)

Thank you for the assessment, Jon.

> 
> - I'm not sure it makes sense to re-work the family nav in this fashion at
> this point. Due to a couple factors (download button placement for some
> users, smaller screens in other languages [1]), we can't really place the
> new logo as presented. There's been talk for a while about re-working all of
> the Firefox pages - it's probably best to push off nav changes until then
> (as it's surely going to be a larger conversation).

Rachel/Justin - Let's acknowledge that we won't include the new logo in the page as presented in the attachment 8848296 [details].  I think leaving the rest of the existing family nav in the page will be fine for now, given the cross-site nav is a test.

> 
> - The screenshots contain English copy. This may not be an issue for the
> intro and "Everywhere" images (as the language isn't really the focus), but
> is probably a concern for the Private Browsing image. We can (and have in
> the past) localized images like this, though it is no small amount of work
> (particularly with the magnified treatment). One option would be to localize
> a handful of the highest traffic locales' images (or just en-* if we're time
> constrained), then provide a fallback image that isn't reliant upon copy for
> all other locales.

We are time-constrained . . . Rachel - please provide a fallback that is not reliant copy. I'm going to (safely) assume that we want a DE localized image for this right away, along with other high-traffic locales . . . but can manage those in an iterative manner, not blocking the initial EN push. Peiying - can you comment on this, please?

> 
> - Are we going to retain the three desktop sub-pages: /desktop/fast/,
> /desktop/customize/, /desktop/trust/? I see a link for "make Firefox
> faster", which could potentially link to /desktop/fast/, but I don't see
> obvious links to the other pages. Should we plan on decommissioning the
> sub-pages?

Justin - regarding the sub-pages, please confirm that /desktop/fast/ is 'in-plan' for the new Fx site map and that we should link to it in the update to /desktop at hand here.  The other pages are not included in the site map that Christa provided (but neither is /desktop/fast . . .)
Flags: needinfo?(rwong)
Flags: needinfo?(pmo)
Flags: needinfo?(hoosteeno)
(Reporter)

Comment 7

a year ago
(In reply to Eric Renaud from comment #6)

Thanks again Jon for your initial assessment. 


> (In reply to Jon Petto [:jpetto] from comment #5)
> 
> Thank you for the assessment, Jon.
> 
> > 
> > - I'm not sure it makes sense to re-work the family nav in this fashion at
> > this point. Due to a couple factors (download button placement for some
> > users, smaller screens in other languages [1]), we can't really place the
> > new logo as presented. There's been talk for a while about re-working all of
> > the Firefox pages - it's probably best to push off nav changes until then
> > (as it's surely going to be a larger conversation).
> 
> Rachel/Justin - Let's acknowledge that we won't include the new logo in the
> page as presented in the attachment 8848296 [details].  I think leaving the
> rest of the existing family nav in the page will be fine for now, given the
> cross-site nav is a test.


That's fine about the new logo in the nav. Can we at least swap in the footer that's currently on Moz.org? It's important to have the new branding/logo if any way possible. 

> 
> > 
> > - The screenshots contain English copy. This may not be an issue for the
> > intro and "Everywhere" images (as the language isn't really the focus), but
> > is probably a concern for the Private Browsing image. We can (and have in
> > the past) localized images like this, though it is no small amount of work
> > (particularly with the magnified treatment). One option would be to localize
> > a handful of the highest traffic locales' images (or just en-* if we're time
> > constrained), then provide a fallback image that isn't reliant upon copy for
> > all other locales.

If you guys can let me know what the high traffic locales are I can create copies. The biggest thing right now is that we are failing hugely in SEO in the -en market and we want to test out the copy as well as pairing it with actual product imagery. 

> 
> We are time-constrained . . . Rachel - please provide a fallback that is not
> reliant copy. I'm going to (safely) assume that we want a DE localized image
> for this right away, along with other high-traffic locales . . . but can
> manage those in an iterative manner, not blocking the initial EN push.
> Peiying - can you comment on this, please?


I'm not sure what you mean about not reliant copy? The document with copy is here: https://docs.google.com/document/d/1sskKdpjG-fAJqb4C4FCfytaS2u6u9-1Hf60idz8NLsM/edit#

Not sure who needs to help with translation?

> 
> > 
> > - Are we going to retain the three desktop sub-pages: /desktop/fast/,
> > /desktop/customize/, /desktop/trust/? I see a link for "make Firefox
> > faster", which could potentially link to /desktop/fast/, but I don't see
> > obvious links to the other pages. Should we plan on decommissioning the
> > sub-pages?

The links to the pages are here found in the document with the copy: https://docs.google.com/document/d/1sskKdpjG-fAJqb4C4FCfytaS2u6u9-1Hf60idz8NLsM/edit#


> 
> Justin - regarding the sub-pages, please confirm that /desktop/fast/ is
> 'in-plan' for the new Fx site map and that we should link to it in the
> update to /desktop at hand here.  The other pages are not included in the
> site map that Christa provided (but neither is /desktop/fast . . .)
Flags: needinfo?(rwong)
(Assignee)

Comment 9

a year ago
Not a blocker, but we'll also need META copy for page title and description.
(Reporter)

Comment 10

a year ago
(In reply to Jon Petto [:jpetto] from comment #9)
> Not a blocker, but we'll also need META copy for page title and description.

@Justin Winston said you might have this? Could you investigate?
Jon - do you feel we need updates or are we okay to go with the meta copy that Justin provided for firefox/desktop in the bug for "[SEO] Update titles and metadata" - the PR that's pending Francesco's reply/fixes.

https://bugzilla.mozilla.org/show_bug.cgi?id=1345338#c2

Page: https://www.mozilla.org/en-US/firefox/desktop/	

Replace title and meta description:	

Title: Free Web Browser for Mac, Windows, Linux | Firefox	

Description: Millions of people around the world trust Firefox Web browsers on Mac, Windows and Linux computers. Fast. Private. Download now!
Flags: needinfo?(jon)
(Assignee)

Comment 12

a year ago
(In reply to Eric Renaud from comment #11)
> Jon - do you feel we need updates or are we okay to go with the meta copy
> that Justin provided for firefox/desktop in the bug for "[SEO] Update titles
> and metadata" - the PR that's pending Francesco's reply/fixes.
> 
> https://bugzilla.mozilla.org/show_bug.cgi?id=1345338#c2
> 
> Page: https://www.mozilla.org/en-US/firefox/desktop/	
> 
> Replace title and meta description:	
> 
> Title: Free Web Browser for Mac, Windows, Linux | Firefox	
> 
> Description: Millions of people around the world trust Firefox Web browsers
> on Mac, Windows and Linux computers. Fast. Private. Download now!

Ah, nice connecting of the dots. :) I think that title and description work just fine.
Flags: needinfo?(jon)
(In reply to Rachel Wong from comment #10)
> (In reply to Jon Petto [:jpetto] from comment #9)
> > Not a blocker, but we'll also need META copy for page title and description.
> 
> @Justin Winston said you might have this? Could you investigate?

Thanks for digging up those SERP changes. Let's use the copy from the /products page, not the /desktop page:

Title: Free Web Browser for Android, iOS, Desktop | Firefox	
Description: Millions of people around the world trust Firefox Web browsers on Android, iOS and desktop computers. Fast. Private. Download now!
Flags: needinfo?(hoosteeno)
(Assignee)

Updated

a year ago
Assignee: nobody → jon
(Assignee)

Comment 14

a year ago
A first pass at the page is up on my demo:

https://bedrock-demo-jpetto.us-west.moz.works/en-US/firefox/

Open questions:

- What do we want to do about the white tabzilla tab on the white background? Tabzilla is built-in to the Firefox family nav, so replacing with the new wordmark would be a bit of work (and probably not worth the effort). Easiest fix would be to apply a background color underneath that portion of the header.

- Do we want to adjust links in the nav (for en-US only) so users can come back to this page? We should be able to change destinations for both the Firefox logo and the "Desktop" link. (Note that the Firefox logo is not visible for skinny screens.) I'd suggest changing the link destination for "Desktop" to point to /firefox/ for en-US users only.
(Reporter)

Comment 15

a year ago
(In reply to Jon Petto [:jpetto] from comment #14)
> A first pass at the page is up on my demo:
> 
> https://bedrock-demo-jpetto.us-west.moz.works/en-US/firefox/
> 
> Open questions:
> 
> - What do we want to do about the white tabzilla tab on the white
> background? Tabzilla is built-in to the Firefox family nav, so replacing
> with the new wordmark would be a bit of work (and probably not worth the
> effort). Easiest fix would be to apply a background color underneath that
> portion of the header.
> 
> - Do we want to adjust links in the nav (for en-US only) so users can come
> back to this page? We should be able to change destinations for both the
> Firefox logo and the "Desktop" link. (Note that the Firefox logo is not
> visible for skinny screens.) I'd suggest changing the link destination for
> "Desktop" to point to /firefox/ for en-US users only.

Hey Jon

Thanks so much for getting this live so fast! 

I have tweaks regarding spacing and width. Regarding tabzilla, is there an easy way to just create a new style for the tab so the bg is blue and the text is white? If not... then I'd like to see what you mean by having the color bg behind just that portion. 

The spacing of Browse faster with Firefox is the best regarding the copy space and the image to the side. The following 3 sections are a little tight. Could you reduce the images for the 3 of those so it matches the width of the Browse Faster section?

The Choose a Better Firefox section has weird things happening with the icon transparency (there is white popping underneath some of them). 

Also in mobile is there a way to retain those images and have them sit below the text of the section? 

Feel free to ping me today if you want to go over it over Vidyo.

Thank you so so much! 


@Justin I'll let you address the link/redirect comment
(Assignee)

Comment 16

a year ago
Rachel - 

I just updated the demo server [1]. I standardized the copy widths to pretty much match the original "Fast" section.

If all looks good to you, I'll need the "Better" image at 400px and 800px wide.

Thanks!


:hoosteeno - Do you have any thoughts on the links questions posted in comment 14?



[1] https://bedrock-demo-jpetto.us-west.moz.works/en-US/firefox/
Flags: needinfo?(hoosteeno)
Created attachment 8853165 [details]
Skinny Screen Logo Treatment

> Do we want to adjust links in the nav (for en-US only) so users can come back to this page? We should be able to change destinations for both the Firefox logo and the "Desktop" link. (Note that the Firefox logo is not visible for skinny screens.) I'd suggest changing the link destination for "Desktop" to point to /firefox/ for en-US users only.

I'm really resisting conflating this page with /desktop, because it's not our intent to put it there. So maybe I'm grasping at straws here, but what if instead of hiding the logo on skinny screens, we...

.fxfamilynav-logo {
    display: block;
    float: none;
    margin: 0 auto;
}

I'm attaching a screenshot.

In this case, the firefox logo continues to point at /firefox/, it's always available from the family pages, and our platforms all still have a page. All we've really done is abandon the /products/ page, which is A-OK from a discovery point of view.

:rachel, could you comment on this approach as a design solution?
:jpetto, how about as a technical solution?

## And Another Thing ##

Can we change copy on the bottom CTA from "Get Firefox for desktop today." to "Get Firefox today."? The magic of the scene 2 button means it'll match their platform, so not always desktop.
Flags: needinfo?(rwong)
Flags: needinfo?(jon)
Flags: needinfo?(hoosteeno)
(Reporter)

Comment 18

a year ago
(In reply to Justin Crawford [:hoosteeno] [:jcrawford] from comment #17)
> Created attachment 8853165 [details]
> Skinny Screen Logo Treatment
> 
> > Do we want to adjust links in the nav (for en-US only) so users can come back to this page? We should be able to change destinations for both the Firefox logo and the "Desktop" link. (Note that the Firefox logo is not visible for skinny screens.) I'd suggest changing the link destination for "Desktop" to point to /firefox/ for en-US users only.
> 
> I'm really resisting conflating this page with /desktop, because it's not
> our intent to put it there. So maybe I'm grasping at straws here, but what
> if instead of hiding the logo on skinny screens, we...
> 
> .fxfamilynav-logo {
>     display: block;
>     float: none;
>     margin: 0 auto;
> }
> 
> I'm attaching a screenshot.
> 
> In this case, the firefox logo continues to point at /firefox/, it's always
> available from the family pages, and our platforms all still have a page.
> All we've really done is abandon the /products/ page, which is A-OK from a
> discovery point of view.
> 
> :rachel, could you comment on this approach as a design solution?
> :jpetto, how about as a technical solution?
> 
> ## And Another Thing ##
> 
> Can we change copy on the bottom CTA from "Get Firefox for desktop today."
> to "Get Firefox today."? The magic of the scene 2 button means it'll match
> their platform, so not always desktop.



I kinda don't like the look of that... The Mozilla Logo and the Fox globe are competing to much for space... I think now that the graphics are all part of the page regardless of if they're in desktop or mobile, the FF logo will be repeated throughout the page. (In the desktop iMac, in the Browse Faster section as well as in the multi-device section).

I would argue that it's not necessary in the Nav at the mobile screen size.
Flags: needinfo?(rwong)
(Assignee)

Comment 19

a year ago
Agree with Rachel that we'd end up with one too many Firefox logos on the page if we were to include it at the top.

Perhaps we could do the textual equivalent? For mobile only, we could add a text link above "Desktop" that reads "Firefox" (and of course links to /firefox/ for all).

I've got the bottom CTA text change in locally.
Flags: needinfo?(jon)
> I would argue that it's not necessary in the Nav at the mobile screen size.

I tend to agree with Jon that having a content-rich landing page that people can't get back to is a jarring experience. So I think we should link to this page from top nav on all screen sizes, and if we can find a way to do that by clobbering the /products/ link rather than the /desktop/ link, that's my preference. 

That said, if the LOE on making that happen is more than a day, I think it is overkill for an experiment page and we should just link from the logo and let it fall off skinny screens. It's an experiment and its main question is, "do people who land here download as much."

> Perhaps we could do the textual equivalent? For mobile only, we could add a text link above "Desktop" that reads "Firefox" (and of course links to /firefox/ for all).

This is totally acceptable if you can make it resemble the nav -> li elements below it (active state, etc.). I tried it for comment 17 but it seemed like it would take heaps more CSS. +1 to this approach though.
(Assignee)

Comment 21

a year ago
:hoosteeno - Just updated the demo server [1] with a textual "Firefox" link for skinny screens. Both this new link and the logo link are now conditional - en-* users go to /firefox/, while all others go to /firefox/products/. Does this work for you?

(You can check the latest commit [2] if you want to see what the work was like.)


[1] https://bedrock-demo-jpetto.us-west.moz.works/en-US/firefox/
[2] https://github.com/mozilla/bedrock/commit/a84ca1189afd9795be25dd8327642139a8dba261
Flags: needinfo?(hoosteeno)
The links look great, thank you!
Flags: needinfo?(hoosteeno)
(Assignee)

Comment 23

a year ago
The demo server [1] has been updated to make this new page a variant of /firefox/products/. If you visit in a browser with DNT turned off, you should get redirected to either ?v=a (double control) or ?v=b (the variation). You can also see the ?v=b variation directly [2].

The experiment is set up to send 50% of en-US traffic to each ?v=a and ?v=b.

:hoosteeno - If this looks good to you, I'll open up a PR for code review.


[1] https://bedrock-demo-jpetto.us-west.moz.works/en-US/firefox/products/
[2] https://bedrock-demo-jpetto.us-west.moz.works/en-US/firefox/products/?v=b
Flags: needinfo?(hoosteeno)
(Assignee)

Comment 24

a year ago
:hoosteeno & Rachel - 

:agibson brought up a concern in the PR. Do we think having a de-badged iMac in the header area will come across as "Firefox for macOS (and not other platforms)" and potentially impact conversions? I believe the intent is just for a nice looking image (which happens to clearly be an iMac to our in-the-industry eyes), but I can see where he's coming from.

Thoughts?
Flags: needinfo?(rwong)
(Reporter)

Comment 25

a year ago
(In reply to Jon Petto [:jpetto] from comment #24)
> :hoosteeno & Rachel - 
> 
> :agibson brought up a concern in the PR. Do we think having a de-badged iMac
> in the header area will come across as "Firefox for macOS (and not other
> platforms)" and potentially impact conversions? I believe the intent is just
> for a nice looking image (which happens to clearly be an iMac to our
> in-the-industry eyes), but I can see where he's coming from.
> 
> Thoughts?

I would argue that the messaging and landing page link being desktop will be clear that it is for all operating systems. I don't think having one iMac at the top is going to impact a user so much so that they won't download if they're on a windows machine. Perhaps we can change that line in the header section to "Available for desktop and mobile on all operating systems."

Or something to that affect.
Flags: needinfo?(rwong)

Updated

a year ago
Status: NEW → RESOLVED
Last Resolved: a year ago
Resolution: --- → FIXED
Status: RESOLVED → VERIFIED
Flags: needinfo?(hoosteeno)
You need to log in before you can comment on or make changes to this bug.