1006720 - Design shareable MP image for FB

Status: RESOLVED FIXED

(Mozilla Foundation Communications :: Graphic Design, task, P2)

Comment 1

[hannah:hkane]

    What content needs to be included for this banner? Multiple Versions

    1 - Save the date

    2 - Be a partner

    3 -Launch

    4 -Event

    5 - Yay, happy MP teach the web with us :

    File Export(s): 

    Dimensions: 500 x 500

Comment 2

[Sabrina Ng [:sabrina]]

Dimension for Shared Image: 403x403px (still a square regardless)

Referencing this handy infographic for other FB things we may consider: http://www.techwyse.com/blog/wp-content/uploads/2013/04/facebook-cheat-sheet-size-and-dimensions-enlarge.jpg

Comment 3

[Lucy Harris [:lucyeoh]]

I dropped a bunch of posts for each of these and some images and image suggestions in the Etherpad (https://mofocomms.etherpad.mozilla.org/MakerPartyAssets). 

I also have created an Excel spreadsheet with dates to post each of these that I worked with Sydney to choose that I can email over to anyone whose interested!

Comment 4

[Lucy Harris [:lucyeoh]]

Can you also please create a branded picture that we could give to partners to share on FB that reads:  "I'm a Maker Party partner and I am dedicated to helping teach web literacy around the world".

Comment 5

[Amira]

I cleaned out our text and CTA's for the FB images in purple in the pad. Sabrina, does this help provide more guidance? https://mofocomms.etherpad.mozilla.org/MakerPartyAssets

Might need some copy tweeks from Erika.

Comment 6

[Erika Drushka]

I'd shorten it to "As a Maker Party partner, I'm teaching web literacy around the world."

Comment 7

[Sabrina Ng [:sabrina]]

Attachment: makerparty_shareablefbimage_1.png

save the date version: image with contained text

Comment 8

[Sabrina Ng [:sabrina]]

Attachment: makerparty_shareablefbimage_1notext.png

save the date version: for link-share posts (no text)

Comment 9

[Sabrina Ng [:sabrina]]

Corresponding FB Post:
Text: Join Mozilla's party of the year! Maker Party is our annual campaign to invite  thousands of people around the world to join in making the web and learning together. July 15-September 15, 2014

CTA + Link: sign up for updates https://sendto.mozilla.org/page/s/maker-party-2014-save-the-date

(In reply to Sabrina Ng [:sabrina] from comment #8)
> Created attachment 8432560 [details]
> makerparty_shareablefbimage_1notext.png
> 
> save the date version: for link-share posts (no text)

Comment 10

[Sabrina Ng [:sabrina]]

Amira for these shareable images, can you describe how these images would be used either:

1) images w/ text (CTA on image can't be hyperlinked) - images serve as a standalone piece
example - https://bug1006720.bugzilla.mozilla.org/attachment.cgi?id=8432558

2) link-share image (no text) - images would be accompanied by post with the text + CTA
example - https://bug1006720.bugzilla.mozilla.org/attachment.cgi?id=8432560

Let me know what your planning to use shareable images so I know how to make the other 4 versions

Comment 11

[Amira]

I think including the CTA in the image (so option 1) is ideal. The more we can make the pictures standalone the better but we will still include copy on FB with the picture so we can include the link.

Comment 12

[Sabrina Ng [:sabrina]]

Attachment: makerparty_shareablefbimage_beapartner.png

be a partner version: image with contained text

Comment 13

[Sabrina Ng [:sabrina]]

Attachment: makerparty_shareablefbimage_launch.png

launch version: image with contained text

Comment 14

[Sabrina Ng [:sabrina]]

Attachment: makerparty_shareablefbimage_thankyou.png

happy-success yay! version: image with contained text

Comment 15

[Sabrina Ng [:sabrina]]

Only version that is left to be done is Event version of shareable images since it is unclear which copy should be used from the etherpad https://mofocomms.etherpad.mozilla.org/MakerPartyAssets (please refer to and clarify the event section from lines 193 - 204)

Comment 16

[Lucy Harris [:lucyeoh]]

Comment on attachment 8442496 [details]
makerparty_shareablefbimage_thankyou.png

Is the link for the interactive map on the "live updates" page?

Comment 17

[Lucy Harris [:lucyeoh]]

Also, on second glance the partner one has a not so partner image with it? Could we swap out the image on this one to show a promotional partner or an image from a partner event?

Comment 18

[Amira]

Here's an image option: https://www.flickr.com/photos/mozilladrumbeat/14282693374/

Comment 19

[Sabrina Ng [:sabrina]]

Attachment: makerparty_shareablefbimage_beapartner_alternative.png

be a partner version w/ alternative photo

Comment 20

[Sabrina Ng [:sabrina]]

(In reply to Lucy Harris [:lucyeoh] from comment #16)
> Comment on attachment 8442496 [details]
> makerparty_shareablefbimage_thankyou.png
> 
> Is the link for the interactive map on the "live updates" page?

Yes, it will be at the top of the live updates page.

Comment 21

[hannah:hkane]

I think the partner images have a typo. They should read,"We're looking for organizations..." (note the plural).

Comment 22

[Sabrina Ng [:sabrina]]

Attachment: makerparty_shareablefbimage_beapartner_alternative.png

text revised on image. thanks for catching that Hannah - it was copy/pasted from the etherpad (line 187) https://mofocomms.etherpad.mozilla.org/MakerPartyAssets

Comment 23

[Lucy Harris [:lucyeoh]]

Hi, 

I forgot to include the request for this image way at the start of this bug and so I realize you guys are super busy now but if at any point there's time to create an image for partners with the caption "I'm excited to be a MP partner because ..." that they could remix, that would be great. 

Sorry for the last minute request.

Comment 24

[Sabrina Ng [:sabrina]]

Attachment: makerparty_socialmediaimage_excitedpartnerblank.png

Comment 25

[Sabrina Ng [:sabrina]]

Attachment: makerparty_socialmediaimage_excitedpartnerblank_v2.png

option 2

Comment 26

[Sabrina Ng [:sabrina]]

designs for shareable maker party images for facebook have been completed and posted here: https://www.facebook.com/mozilla?fref=photo&sk=photos