1014871 - designfor net neutrality homepage banner

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Jennifer Bertsch [:jbertsch]]

Hi-

Let's design a homepage promo sending folks to the Net Neutrality petition:
https://sendto.mozilla.org/page/s/protect-net-neutrality

Andrea Wood can provide guidance on direction.

John and Erika D - I'm going to reach out to both of you separately about which team has more availability to work on this :)

Thx,
Jen

Comment 1

[Lizz Noonan - she/her (:lizzn)]

Hey Jen - could you please provide a due date? Thanks!

Comment 2

[Andrea Wood [:andreawood]]

We have unfortunately missed the "peak" of the news cycle for net neutrality so at this point the due date is "as soon as possible". If we could finish the homepage panel within the next 2 weeks that would be outstanding, but sooner would be even more awesome.

The landing page post-click is here: https://sendto.mozilla.org/page/s/protect-net-neutrality 

unfortunately Studio MoFo has no availability to work on this until July (according to Erika Drushka). Any support to get this live sooner would be helpful (though I know your plates are full as well). Resource constraints are unfortunate, since the longer we wait to get this live the "later to the game" Mozilla is in engaging our supporters on this important issue.

Comment 3

[Lee Tom]

Andrea, I saw this logo on the wikimedia commons website:
http://commons.wikimedia.org/wiki/File:Network_neutrality_symbol_english.svg

Is this more or less, the 'official' symbol for Net Neutrality and something we'd want to leverage here?

Comment 4

[Andrea Wood [:andreawood]]

hi Lee, i've not seen that symbol before. Unfortunately there's no official logo or brand associated with a more broad coalition working on NN. You have full creative license or you can hack that logo -- but I don't think it's generally a recognizable image for NN.

Comment 5

[Andrea Wood [:andreawood]]

Hi all, just checking on status of this and if there's anything more you need from me. Thanks so much!

Comment 6

[Lee Tom]

Attachment: mozillaorg_homepage_expanded.jpg

Apologies for the delay. Here are 2 mockups (expanded and constrained) for our promo. Let me know what you think. 

Just want to confirm with Jen that we can indeed use graphic type (flat) in this promo since it's en-US only? Thanks!

Comment 7

[Lee Tom]

Attachment: mozillaorg_homepage_constrained.jpg

Constrained version

Comment 8

[Andrea Wood [:andreawood]]

Hi Lee-- really glad to see the mockup! Thanks so much for this work. Looking good. I have a few thoughts for you to consider:

-- In my mind, the green circuit board is a nice design and it's primarily a background image, so it's not that "important" as a visual element... but at the same time it doesn't really speak to the issue... I wonder if the idea of "fast lanes vs. slow lanes" might spark a visual idea worth exploring? Here's some background: http://thehill.com/policy/technology/206207-fcc-moves-ahead-with-internet-fast-lanes 
-- We should keep to "Net Neutrality" in all the copy, not "network neutrality" (the shorthand is so entrenched in the lexicon, people might not recognize what "network neutrality" is though they know what "Net Neutrality" is;

The rest looks good -- if you don't have time to explore a different design treatment this will work fine, and thanks again for your help on this. :)

Comment 9

[Andrea Wood [:andreawood]]

One more thing: On the constrained version: https://bug1014871.bugzilla.mozilla.org/attachment.cgi?id=8438076

Alternate copy treatment that frames the call to action a little more succinctly:

[TOP]
PROTECT
NET
NEUTRALITY

[BOTTOM]
>> Write your legislator

Comment 10

[Lee Tom]

Attachment: mozillaorg_homepage_2_expanded.jpg

Hi Andrea, thanks for your feedback. Here's another go at a visual that more clearly speaks to 'slow lanes & fast lanes." I changed "Network" to "Net" as recommended. Let me know what you think. I'll post the Constained/tablet version below

Comment 11

[Lee Tom]

Attachment: mozillaorg_homepage_2_constrained.jpg

Comment 12

[Andrea Wood [:andreawood]]

Lee these look great from my perspective!

Comment 13

[Lee Tom]

Great, Andrea! 
Here are the components for building out the promo: http://cl.ly/3V2t2S1m3O2N

Let me know if there's anything else you need. Lee

Comment 14

[Andrea Wood [:andreawood]]

Yay! Thanks so much Lee!

We're going to be launching an email to ~500K on Monday the 16th driving traffic to this action, would it be possible for this to go live on mozilla.org by then?

Comment 15

[Jennifer Balaco]

Hi Jen, 

Can this be resolved?

Comment 16

[Jennifer Bertsch [:jbertsch]]

Yes thanks.