1262038 - April 2016 Snippet visuals 4/4

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[M.J. Kelly]

>>Project/Request Title:
April 2016 Snippet visuals 4/4

>>Project Overview:
Graphic requests for Snippet for the month of April. This request is for week 4.


>> Creative Help Needed:
Copy:    No 
Design:  Yes 
Video:   No 
Other:  No

>>Creative Specs:
Specs are included in the request details. Please also see the spec sheet: https://docs.google.com/document/d/1Dc6h7Mje4lPXU8MSt6spbO8bRkc0489ldwipnKDIx_8/edit

>>CTA and Design:
[12] GRAPHIC REQUEST: Visual to promote the synced tabs feature.
LINK: https://support.mozilla.org/kb/view-synced-tabs-other-devices
THINKING: icon of the synced tabs button
SPECS: 64x64 PNG icon

[13] GRAPHIC REQUEST: Logo replacement to celebrate Morse Code Day on April 27
THINKING: Logo takeover animation in Morse Code. The code for "thanks for using firefox" is: - .... .- -. -.- ... / ..-. --- .-. / ..- ... .. -. --. / ..-. .. .-. . ..-. --- -..-   Can we make this into a video with audio blips as the dots and dashes appear?
SPECS: 447x184 animated GIF logo replacement OR a video file. 

>>Expected Launch Date:
2016-04-21

>>Mozilla Goal:
All

>>Mozilla Creative Collective:
No

>>Points of Contact:
[e-mail], [e-mail], [e-mail],

Comment 1

[Allen Meyer]

M.J.: About the Morse Code logo replacement:
It looks like you can not put audio in a GIF. I could be wrong, but it seems the GIFS on the web that have audio are created by third party websites and do not create discrete files. I could be wrong, I have worked on videos before with audio but have never tried to save one as a GIF.

The last we discussed, GIF was the only file format we could use for logo replacement. I will post just a static of the Morse Code but I'm not sure how to proceed on this one.

Comment 2

[Allen Meyer]

Attachment: morse-code-draft.png

This is pretty basic, but I wanted to show what Morse Code would look like to size. I put Firefox on a second line so I could increase the point size. We could animate just the characters without sound.

Comment 3

[Allen Meyer]

Attachment: synch-tab_64x64.png

Comment 4

[M.J. Kelly]

(In reply to Allen Meyer from comment #3)
> Created attachment 8744020 [details]
> synch-tab_64x64.png

Hey Allen,

The curves on this tab should match the curves on the button. I think you got that visual for the "Firefox + You" newsletter. Can you also put it in a square, similar to how it appears when you hover your mouse over it in the browser itself?

Comment 5

[M.J. Kelly]

(In reply to Allen Meyer from comment #2)
> Created attachment 8743488 [details]
> morse-code-draft.png
> 
> This is pretty basic, but I wanted to show what Morse Code would look like
> to size. I put Firefox on a second line so I could increase the point size.
> We could animate just the characters without sound.

Hi Allen, we can set this animation up as a video. Jessica, can you weigh in on specs?

Comment 6

[M.J. Kelly]

Hi Allen,

Jessica and I had a chat, and we're going to scrap the morse code snippet. 

M.J.

Comment 7

[Allen Meyer]

Attachment: synch-tab-boxed_64x64.png

Revised, this is the same synch tab from the newsletter illustration. Added a hover-box as well.

Comment 8

[M.J. Kelly]

How about adding some color to the box, too? A light orange?

Comment 9

[Allen Meyer]

Attachment: synch-tab-orange_64x64.png

synch tab, boxed, with light orange background

Comment 10

[M.J. Kelly]

(In reply to Allen Meyer from comment #9)
> Created attachment 8745112 [details]
> synch-tab-orange_64x64.png
> 
> synch tab, boxed, with light orange background

Thanks Allen. Looks good. Can you also post a 50x50 version?

Comment 11

[Allen Meyer]

Attachment: synch-tab-orange_50x50.png

50x50, orange synch tab