601769 - Design Army of Awesome promo for SFx

Status: VERIFIED FIXED

(Websites Graveyard :: spreadfirefox.com, defect)

Description

[William Reynolds [:williamr]]

We're launching the Army of Awesome page on SUMO this week as part of our Twitter engagement plans, and we'd like to have a promo for it on the SFx homepage.

Stage site: http://master.support.mozilla.com/army-of-awesome
URL will be: http://support.mozilla.com/army-of-awesome

Here's what the promo image should have:

Headline: Join our Army of Awesome

Text: Help other Firefox users on Twitter & point them in the right direction. 

Graphic: can use the nurse image from the actual page or something new

Jamey, do you think you could make this? Thanks! :)

Comment 1

[jamey]

sure can ill post it on sfx stage tomorrow

Comment 2

[jamey]

William demo seen of stage will edit as needed http://spreadfirefox.stage.mozilla.com/

Comment 3

[William Reynolds [:williamr]]

Jamey, I really like the dinos :)

A couple ideas for edits:
- change headline to "Join our Army of Awesome"
- remove nurse graphic so we can focus on dinos in the center (maybe add more dinos?)
- remove orange bubble and text
- change yellow bubble text to "Help other Firefox users on Twitter.  Learn more."

Here's what the layout would be:
Top: Headline
Middle: Dinos
Bottom: Yellow bubble

Comment 4

[jamey]

OK refresh http://spreadfirefox.stage.mozilla.com/

Comment 5

[Mary]

Hi Jamey:  Thanks for your work on this. I think we're getting there.

Some more edits:

* Can you break the header "Join our Army of Awesome" into 2 lines?  It is really squashed up against the border of the promo.
* Can you use a different font as well or make it bolder?  Here is the page staged so you can see the font type we're using. http://master.support.mozilla.com/en-US/army-of-awesome  The call-to-action in each bubble on this page looks thicker.
* Can you take the orange bubble and make it more square vs. long?  It's touching the bottom of the dinos.
*  Can you change the font in the bubble as well so that it's more bold?

Last "learn more" should be capitalized:  Learn more  

Thanks!

Comment 6

[jamey]

refresh

Comment 7

[Mary]

Attachment: Promo Mockup

Hi Jamey:  We're still a bit off.  Hoping that this will help...drew an example.

Thanks!

Comment 8

[jamey]

Thanks Mary updated please refresh

Comment 9

[William Reynolds [:williamr]]

Looks much better Jamey! Nice job :)

Only thing I would change is decreasing the height of the yellow bubble and lowering the text inside it. That way the bubble doesn't overlap with the dinos.

Other than that, let's call it a wrap and get this on the production site. Thanks again! :)

Comment 10

[jamey]

ok refresh

Comment 11

[William Reynolds [:williamr]]

Perfect! Let's get it on production as soon as possible. Thanks :)

Comment 12

[jamey]

ok she is live http://www.spreadfirefox.com/

Comment 13

[William Reynolds [:williamr]]

Thanks. Marking as FIXED

Comment 14

[raymond [:retornam] (inactive)]

verified fixed on http://www.spreadfirefox.com/