707779 - [Upgrade 3.6 Landing Page] Design Landing Page 2 - Crashes Less

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[mcbmoz]

This is a bug to design a landing page for the lite-weight 3.6 upgrade campaign.

Objective: Get small graphic polish to staged template (new images for the coded interactions/concepts)

Template & coded interaction: http://www.mozilla.org/en-US/firefox/speed/

Copy in live page (above) was written by Matej (might be tweaked a bit when we update the graphics)

Wiki: https://wiki.mozilla.org/Mozilla.org/Roadmap_2011/Q4/3.6-Upgrade

Deadline: Thursday, December 8, so it can be in code an QA'd for next week's 4.10 release


The core message:

allow user to see how fast their 3.6 version is against the most recent version of Firefox

-interaction with a universal symbol that = user happiness (more happiness, less crashing)
-similar to http://www.mozilla.org/en-US/firefox/speed/
-existing template by Lee Tom, live code with temporary graphic http://moz.jbalogh.me/en-US/firefox/happy/

elements to include:

*emotional connection with a salutation - Hi there! or Hey there!
*success feedback, "Hi fives! We've packed up all your bookmarks!"
*a general emotional sentiment, "Bummer, you're still running an older version of Firefox"
*a face to Firefox, "Our engineers and designers have been working hard to make your Firefox better for you"

*****

Responsible: CB
Accountable: Laura Mesa/Patrick
Supportive: CB/John Slater
Consulted: Lee Tom, Tara, Laura Forrest, Matej
Informed: Jane F., Carmen

Comment 1

[mcbmoz]

PSD of template for designer: http://intothefuzz.com/leetom/Mozilla.com/PSD/upgrade_01.psd

Comment 2

[Tara (musingt)]

Hi there.

This one is pretty straightforward.  Lee is going to take it on (Thanks Lee!)

* Happy faces can be styled similar to the ones we have in the FF toolkit. Are both faces "happy" on the Happiness meter?  
* The lines can be dotted lines or some other subtle style.  Do you need the little tick marks? 
* Lets be sure to style the fonts properly too, Lee don't think you need to do that, but just a note for CB. 

Deliverable: mocking up the happiness meter (not the whole page)
Timing:  EOD Thursday.

Comment 3

[Lee Tom]

Attachment: Crashes less - 01

mockup attached

Comment 4

[mcbmoz]

(In reply to Lee Tom from comment #3)
> Created attachment 579398 [details]
> Crashes less - 01
> 
> mockup attached

Love it Lee! Tara, thoughts? Can we move these graphics over to code?

(Lee can you post the PSD, so I can grab the images?)

Comment 5

[Lee Tom]

Sure thing, CB. Here you go:

http://intothefuzz.com/leetom/Mozilla.com/PSD/upgrade_crashes.psd