1353581 - /firefox/desktop product page in Fx content hub (was: template for product pages)

Status: RESOLVED FIXED

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

Comment 1

[christa seabolt]

Attachment: FF_Product_r1v1.png

Comment 2

[Craig Cook (:craigcook)]

Work-in-progress on demo server:

https://bedrock-demo-craigcook.us-west.moz.works/en-US/firefox/desktop
https://bedrock-demo-craigcook.us-west.moz.works/en-US/firefox/android
https://bedrock-demo-craigcook.us-west.moz.works/en-US/firefox/ios


For the moment all three are pretty much identical. The intent is that they'll all have the same basic layout but the variation/distinction will come from content, images, and possibly some design variation (like theme colors/patterns for each platform? We'll see.)

Comment 3

[Craig Cook (:craigcook)]

Also stubbed out a Focus page: 

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

Comment 4

[pgerman]

Refer to this section for data collection requirements: https://docs.google.com/document/d/1Hi6TO2687Vtt92FnoiBuLkNF1KgJmI5JjUkk58NqC2o

(I've pinged you in the doc at the proper location)

Comment 5

[Craig Cook (:craigcook)]

Attachment: Design mockup - 02_ff_desktop_041317.png

Comment 6

[Michael Ham]

Attachment: ffx__desktop-hero.jpg

Hero image for desktop page. Craig – happy to resiz/optimize as necessary.

Comment 7

[christa seabolt]

Attachment: ffx__desktop-hero.jpeg

desktop product page hero image

Comment 8

[christa seabolt]

Attachment: feature_desktop_addons.jpg

desktop feature: add-ons

Comment 9

[christa seabolt]

Attachment: feature_desktop_privacy.jpg

desktop feature: privacy

Comment 10

[christa seabolt]

Attachment: feature_desktop_speed.jpg

desktop feature: speed

Comment 11

[christa seabolt]

fi ligature is funky - answer to come from design team		
		
Download Firefox CTA: font should be in bold and needs the arrows on the left. The over state should be 100% color and the type and arrow go to white. 		
					
Firefox Privacy: All hyper links should be: #9C432A and no underline	
			
Should only be one subhead here and lowercase. 
From Krishna: 
Subhead Option 1: Firefox - The 100% free-range, fresh-squeezed, ethical browser
Subhead Option 2: Firefox - The fast, private, rebel browser with a cause
			
The headlines in 'news from around the world' - make the hover text: #9C432A

Comment 12

[Craig Cook (:craigcook)]

(In reply to christa seabolt from comment #11)
 			
> Should only be one subhead here and lowercase. 
> From Krishna: 
> Subhead Option 1: Firefox - The 100% free-range, fresh-squeezed, ethical
> browser
> Subhead Option 2: Firefox - The fast, private, rebel browser with a cause

I think these two options are for the hub landing page, not the desktop product page. For this page, the latest copy deck has the title "Firefox: A fast, private, independent desktop browser" and no subheading. It's pretty long and wraps to three lines in the huge font. Maybe "Firefox" is the title and "A fast, private, independent desktop browser" is the subheading? The Android and iOS pages both have short titles and subheadings.

The current copy for the product pages doesn't include many of the search-friendly terms we've been otherwise trying to inject, such as browser, Windows, macOS, Linux, mobile, tablet, phone, iPhone, iPad, etc... I added those extra subheadings to try to fill that SEO gap but haven't had a chance to ask for feedback on them. I'm happy to remove them but I think they could be really valuable for searchability. Maybe Justin can weigh in on this?

Comment 13

[christa seabolt]

Attachment: feature_desktop_addons.jpg

updated desktop feature: addons

Comment 14

[christa seabolt]

Attachment: feature_desktop_privacy.jpg

updated desktop feature: privacy

Comment 15

[christa seabolt]

Attachment: feature_desktop_speed.jpg

updated desktop feature: privacy

Comment 16

[christa seabolt]

Attachment: feature_desktop_addons.jpg

updated desktop feature add-ons

Comment 17

[christa seabolt]

Attachment: feature_desktop_privacy.jpg

updated desktop feature: speed

Comment 18

[christa seabolt]

for the privacy/speed/independent module - since we can't do knock out text. the featured module with an image will have this colored font: 
private: 5CA3BD
speed: 967580
independent: BB447C
Hit me up on slack if this in confusing, not sure I articulated it well here ;)

Comment 19

[pgerman]

Data collection requirements are here: 

https://docs.google.com/document/d/1Hi6TO2687Vtt92FnoiBuLkNF1KgJmI5JjUkk58NqC2o/edit#heading=h.s8ueulf2e7mz

Please let me know when review is needed.

Comment 20

[christa seabolt]

'Firefox Privacy' CTA, please make the font bold and remove the underline on hover. 

'Download Firefox' CTA inside the 'Start browsing with Firefox today' module, make the arrow white, on hover have the arrow go to black to match the text. 'Firefox Privacy' should be open sans bold with no underline.

Comment 21

[pgerman]

Hi Craig,

For any tiles that link off the www domain, can you please append the following query parameters to the destination urls?
?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=fx-content-hub

Please treat this as nice to have for the initial launch.

Comment 22

[Michael Ham]

Attachment: ffx_desktop-hero_v2.jpg

Comment 23

[[github robot]]

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

https://github.com/mozilla/bedrock/commit/5c613264b3c41af4a86064e99b0cd7326c40c9e2
[fix bug 1353581] New Firefox platform pages