1077170 - Advocacy: Design web banners for partners

Status: RESOLVED FIXED

(Mozilla Foundation Communications :: Graphic Design, task)

Description

[Erika Drushka]

Please create web banners to share with Advocacy partner orgs so they can advertise the fellowship program on their sites.

Design should include:
1) Megaphone icon
2) Copy: 
Help protect the free and open Web.
Become a Ford-Mozilla Open Web Fellow. Apply today.
3) Mozilla Advocacy wordmark (flag Paul or I if this feels redundant with the copy)

Please make in 3 sizes:
a) 1040x80 
b) 468x60
c) 300x250 

Formats for delivery: 
a) jpg (requested by one of the partners) 
b) .png (or whatever Sabrina decides is most appropriate for responsive sites)

Thank you!

Comment 1

[Sabrina Ng [:sabrina]]

Attachment: mozilla_advocacy_webbanners_preview.jpg

https://redpen.io/xv6cb503e3987e1217

Hey Paul, can you select your preferred banner for each size? and I can export it for you after your review. 

I included designs that features the "apply now" text like a cta button but I am not sure if these banners are going to be linked and used in that context by the partners - so there are some options for you.

Comment 2

[Erika Drushka]

Nice work Sabrina. Made a few comments in the redpen.

Paul, please comment in redpen so Sabrina can finish this up.

Comment 3

[paulj]

Sorry for the delay. Have been waiting on input from Dave before commenting. Let me see if I can track him down today so we can wrap this up.

Comment 4

[paulj]

Talked to Dave and have feedback.

We like these 3 versions:

300x250 - version with red "apply today" button
468X60 -  version with blue Mozilla Advocacy
1040x80 - version with blue "apply today"  

Dave would like us to use the Mozilla logo instead of the Mozilla Advocay icon/wordmark. He believes it will attract more interest in the program. 

So that's it for the banners but here comes the scope creep :) The banners are part of a marketing "kit" we are supplying to partners. One other piece is a marketing 1-pager for partners to share. It's done for the most part but needs to be turned into a PDF and stylized a bit. I'm hoping this is super easy and can leverage the banner assets as a header (without the "apply now" CTA). 

The 1-pager is here: https://docs.google.com/a/mozillafoundation.org/document/d/1h0qrEClevC0c0HbnSADLDdsNsiaPgII2-kGj4jaMn70/edit

I left some notes in the gdoc about light design suggestions to make it look a bit more professional. 

Erika, if this needs to be a separate bug/Studio MoFo request please let me know. Dave is super eager to get this done but I know you all are swamped.

Comment 5

[Erika Drushka]

Thanks for the banner feedback. Hopefully it won't take too long to swap the icons.

As for the second request, please file a separate bug. Studio Mofo is over-booked on design with EOY work until Nov 12, so it will be a while before we can tackle that one.

Comment 6

[Erika Drushka]

Sabrina, can you finish these banners by EOD Friday?

Comment 7

[Sabrina Ng [:sabrina]]

Thanks for flagging - yes, I'll revise all Mozilla Advocay icon/wordmark to just Mozilla wordmark instead and attach the updated banners Friday

Comment 8

[Sabrina Ng [:sabrina]]

Attachment: mozilla_advocacy_webbanner_300x250.jpg

Comment 9

[Sabrina Ng [:sabrina]]

Attachment: mozilla_advocacy_webbanner_1040x80.jpg

Comment 10

[Sabrina Ng [:sabrina]]

Attachment: mozilla_advocacy_webbanner_468x60.jpg

Comment 11

[Sabrina Ng [:sabrina]]

Attachment: [e-mail]

(@2x) for retina displays

Comment 12

[Sabrina Ng [:sabrina]]

Attachment: [e-mail]

(@2x) for retina displays

Comment 13

[Sabrina Ng [:sabrina]]

Attachment: [e-mail]

(@2x) for retina displays

Comment 14

[Sabrina Ng [:sabrina]]

Attachment: mozilla_advocacy_page.pdf

hey Paul, I put together the .pdf you requested - any revisions will have to wait til mid november as i’m juggling a few things and didn’t know this was needed along with the banners. hope this works for you

Comment 15

[paulj]

Everything looks great. Thanks, Sabrina.

Comment 16

[Dave Steer]

Hey all -
These look great. 3 super quick fixes for final (if possible):
1. For the logos, can we order them alphabetically by organization: ACLU, Amnesty International, Free Press, OTI, Public Knowledge.

2. At the top, where it says 'Now Introducing', the text is a bit cramped. What about replacing it with a diagonal ribbon on the top right which reads 'NEW'. I can draw this out if easier to understand.

3. Can we capitalize 'Web' throughout (I think that's our style guide, right?).

Thanks! Once final, we'll print out hundreds of these for MozFest.

Comment 17

[Sabrina Ng [:sabrina]]

Attachment: mozilla_advocacy_page_v2.pdf

revised - logos alphabetized, more space at the top and Web capitalized throughout

Comment 18

[Sabrina Ng [:sabrina]]

The web banners and printed page are complete - can we close this bug?