818920 - [Flicks] Twitter background & FB cover image

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Chelsea Novak [:chelsea]]

Due date: Jan 11

Updating the Flicks twitter background to reflect the new look and feel of flicks. We also need a cover image for twitter and Facebook. Measurements to come.

Comment 1

[Chelsea Novak [:chelsea]]

The tumblr also needs to be re-skinned, but I believe that's more webdev intensive. Kristin, Arcadio, please advise who should be the R for that.

Comment 2

[Chelsea Novak [:chelsea]]

Dimensions:

Flicks Facebook cover image: 851px x 315px.
Twitter cover image: 520px x 260px

Comment 3

[Kristin Baird]

Tobi should be in charge of reskinning the Tumblir blog. 

Tobi, fyi.

Comment 4

[Tobias Leingruber (@tbx)]

Sure! Just created a Tumblr-bug (as blocker for the creative tracking bug).
FYI https://bugzilla.mozilla.org/show_bug.cgi?id=818984

Comment 5

[Tara (musingt)]

In the future lets be sure to break this into two requests (twitter background and facebook cover image are technically two separate things :)  thanks.

Comment 6

[Tara (musingt)]

assigning to Lee for now, cc-ing Matt for reference.

Comment 7

[Tara (musingt)]

Hi guys, is the facebook cover image meant to go on the Firefox Page or on it's own Flicks page? please clarify, thanks!

Comment 8

[Chelsea Novak [:chelsea]]

The flicks page please :)

Comment 9

[MT]

Attachment: facebook_coverArt

Hi Everyone, here is an example of what I was thinking for the FB cover art and icon.

Comment 10

[Tara (musingt)]

Looks great! thanks Matt

Comment 11

[Chelsea Novak [:chelsea]]

Awesome. Sold!

Comment 12

[Tara (musingt)]

Great, then I proclaim half of this bug *fixed*  ;)

Comment 13

[Chelsea Novak [:chelsea]]

Hey Tobi, 

We should make a note that you or I should update this image and the profile icon on R1 launch day.

Comment 14

[MT]

Attachment: twitter_coverImage_example

Comment 15

[Tara (musingt)]

looks great, but wouldn't we want to update the background as well?

Comment 16

[Chelsea Novak [:chelsea]]

agreed.

Comment 17

[Tara (musingt)]

Thanks.  Ok, so to clarify:  Matt please provide a twitter background art as well as the cover/profile image art that you already did.  Thanks!

Comment 18

[MT]

Will do! Twitter background in the works now, should be in the bug shortly.

Comment 19

[MT]

Attachment: Twitter_background_1280x800

Comment 20

[MT]

Attachment: Twitter_background_1920x1080

Comment 21

[Chelsea Novak [:chelsea]]

Looks great to me Matt.

Comment 22

[Tara (musingt)]

Great.  Closing out - Matt please upload/attach the final files.

Comment 23

[MT]

Final Twitter PSDs and jpg images located here > http://cl.ly/2P0q1G2w2G3P

Comment 24

[MT]

Final Facebook PSDs and jpg images located here > http://cl.ly/411d3F2l0d0R

Comment 25

[Kristin Baird]

Assume the copy's not final? As there is a typo.

Comment 26

[Chelsea Novak [:chelsea]]

Is there copy on the image? I thought it was just the graphic.

Comment 27

[Matej Novak [:matej]]

There's copy at the top, just above the Twitter stream, which I'm guessing isn't actually part of the image, but still should be updated with this year's messaging. I'll work on that today.

Comment 28

[Chelsea Novak [:chelsea]]

Thanks. When you have it ready we can update the twitter profile.

Comment 29

[MT]

I've provided an example version which included FPO copy from the current live Flicks Twitter page.  The graphic itself has no copy on it....sorry for the confusion.

Comment 30

[Matej Novak [:matej]]

OK, here's the new copy for the Twitter page:

Mobile connects people. It’s a force for progress and change, both individually and collectively. Enter Firefox Flicks, a global video contest about the power of mobile, and inspire others to get mobilized. Help us bring the small screen to the big screen.

Comment 31

[Matej Novak [:matej]]

Looking at this again, let's lose the last line:

Mobile connects people. It’s a force for progress and change, both individually and collectively. Enter Firefox Flicks, a global video contest about the power of mobile, and inspire others to get mobilized.

Comment 32

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

Feedback from Flicks Creative Review -

FB page (Icon and cover image):

-  Shrink logo a little, so it fully fits the avatar. OR make it bigger,  but right now it's just missing a small piece of right corner, which I  think, looks like it just happened. (Tobi)

- Remove logo from  background/timeline photo. We think it looks better with only one logo.  BUT: if possible, keep the "with-logo-version", because we can give that  as asset to our community. This means please to the copy changes for  both versions.

- Messaging needs to be updated

Twitter:
-  We think having the slope blue stripe on both images (page-background  and box-background) doesn't quite work, esp. since the screen sizes are  always different, it never looks great. Suggestions is to remove the  slope stripe either from the box or from the background.

- If we are  to keep the slope-blue-stripe on the background, we were thinking to  have the left upper corner filled with the photo-collage, then the blue  stripe and then... probably the black.

- Possibly make the cover transparent, if blue stripe is in the background

The important action here is to revise the  twitter to look and feel like the rest of the Flicks campaign ID in  particular the website and lifestyle focused collateral assets.

Twitter & Tumblr:

Maybe the background images can be very similar to each other?

Comment 33

[MT]

FB coverart PSD:
https://www.dropbox.com/s/gjy7zpt1945jn4q/FB_coverart.zip

Twitter background PSD:
https://www.dropbox.com/s/qyi5exu4wra3wbz/Twitter_assets.zip

Comment 34

[MT]

Attachment: Twitter_background_FINAL

Comment 35

[MT]

Attachment: Twitter_background_withContent

Comment 36

[MT]

Attachment: facebook_coverArt_FINAL

Comment 37

[MT]

Attachment: FB_profileIcon_FINAL.jpg

Comment 38

[Chelsea Novak [:chelsea]]

Attachment: Facebook screencap

Facebook graphics updated on Facebook page.

Comment 39

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

Hi Matt,

We would please like you to lay out the below translations of the Flicks Facebook cover art, so that our LATAM communities can update their cover photos. I've also reopened the Facebook graphic bug for the same reason. There will be two cover photos from the English one - one in Spanish and one in Portuguese. 

Would it be possible to get them as .pngs by the end of the week?

Please LMK if you have any questions. Thanks so much!

Translation is as follows:

en-US:
Bring the small screen to the big screen
--
pt-BR
Traga da tela pequena para a tela grande.
--
ES
Lleva la pantalla pequeña a la pantalla grande

Comment 40

[MT]

Attachment: facebook_coverArt_FINAL_pr

Comment 41

[MT]

Attachment: facebook_coverArt_FINAL_sp