Design Army of Awesome promo for SFx

VERIFIED FIXED

Status

Websites Graveyard
spreadfirefox.com
VERIFIED FIXED
7 years ago
7 years ago

People

(Reporter: williamr, Assigned: jamey)

Tracking

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

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

Comment 1

7 years ago
sure can ill post it on sfx stage tomorrow
(Assignee)

Comment 2

7 years ago
William demo seen of stage will edit as needed http://spreadfirefox.stage.mozilla.com/
(Reporter)

Comment 3

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

Comment 4

7 years ago
OK refresh http://spreadfirefox.stage.mozilla.com/

Comment 5

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

Comment 6

7 years ago
refresh

Comment 7

7 years ago
Created attachment 481103 [details]
Promo Mockup

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

Thanks!
(Assignee)

Comment 8

7 years ago
Thanks Mary updated please refresh
(Reporter)

Comment 9

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

Comment 10

7 years ago
ok refresh
(Reporter)

Comment 11

7 years ago
Perfect! Let's get it on production as soon as possible. Thanks :)
(Assignee)

Comment 12

7 years ago
ok she is live http://www.spreadfirefox.com/
(Reporter)

Comment 13

7 years ago
Thanks. Marking as FIXED
Status: NEW → RESOLVED
Last Resolved: 7 years ago
Resolution: --- → FIXED
verified fixed on http://www.spreadfirefox.com/
Status: RESOLVED → VERIFIED
Product: Websites → Websites Graveyard
You need to log in before you can comment on or make changes to this bug.