1009187 - World Cup Snippet Visuals (and/or Animations)

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Jean Collings]

Hi all,
Greg mentioned that most of you were in the loop in terms of what we are asking for in terms of visualization (small icons, logo takeover) for the World Cup campaign on the about:home page.

It is to my understanding that we're working with an agency to come up with 2 concepts (animation and static large logo) - if we like either of them, we would take those concepts in house and work with creative and web dev to make them live on the about:home. 

Chris - I think this was already part of the engagement dashboard but wanted to check in with you if web dev has time to help us with this campaign - let me know if we should set up a specific meeting about this.

Overall asks (copy seen here: https://bugzilla.mozilla.org/show_bug.cgi?id=995066):

1)Large animation or static logo take over that will promote the Goal.com side bar. 
2)Small 40 x 50 svg (under 100KB...if it can't then needs to be in PNG) icon that will promote the Goal.com side bar
3) Small 40 x 50 svg icon that will promote the Firefox OS goal.com app 
4) 96 x 96 png icon that will promote the Firefox for Android Goal.com add-on

Comment 1

[Gregory Jost]

Hi all,
Just a few clarifications and updates:

- Jean and I agreed to remove #3

- For #1, the about:home take over won't specifically promote the sidebar (but the snippet copy will). The visuals will be inline with the general campaign identity. Assets coming soon.

- We will likely use the same visual for #2 and #4. Both will follow the campaign look & feel mentioned above as well.

Comment 2

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

Hey guys - could you please provide a due date?

Greg - is HDSF designing these or are we? If we are, will be providing source files for the overall visual concept?

Comment 3

[Gregory Jost]

I will let Jean / Chris set the final due date here as I'm not sure what our usual lead time is for about:home takeovers. On the creative side, the agency is expected to send their recommendations around 5/15. I am not sure what the process is going to be from there. I'm told it may involve some internal back & forth to align creative and implementation.

The desktop and mobile snippet icons (#2 and #4) should be ready by 5/21 at the latest (could be earlier).

Comment 4

[Chris More [:cmore]]

(In reply to Gregory Jost from comment #3)
> I will let Jean / Chris set the final due date here as I'm not sure what our
> usual lead time is for about:home takeovers. On the creative side, the
> agency is expected to send their recommendations around 5/15. I am not sure
> what the process is going to be from there. I'm told it may involve some
> internal back & forth to align creative and implementation.
> 
> The desktop and mobile snippet icons (#2 and #4) should be ready by 5/21 at
> the latest (could be earlier).

Please work with Jean as advanced snippets can range from no-dev-time to complex ones that required dedicated developer activities. Work with Jean on the type of snippets and she let you know what is possible with the tools available now.

Comment 5

[John Slater]

Re: the above comments, is there a deliverable from my team? Am still trying to get a sense of what's needed from us on this one.

Comment 6

[Gregory Jost]

(In reply to John Slater from comment #5)
> Re: the above comments, is there a deliverable from my team? Am still trying
> to get a sense of what's needed from us on this one.
John, per our chat just now, no immediate deliverable just yet but we may need your team on standby to bring HDSF's design home in a way that works for Chris' team. Since this is not throurougly documented, I am not super comfortable fine-tuning with an agency (may take much longer than if done internally).

We will know more once we see the first mock-ups later this week. Hope this works for you.

Comment 7

[Gregory Jost]

Jean, what is your deadline for this visual?

Comment 8

[Jean Collings]

Hey Greg,
If we are using our animation template and not doing any special changes then the visual/assets will need to be handed over June 9th. 

If we are requesting for special changes, etc. (though I'm still not sure if we will be able to execute), then June 2nd. 

Thanks.

Comment 9

[Gregory Jost]

Thanks Jean. My understanding form yesterday's meeting is that we will go with option #1, unless we get *super* excited with a custom idea.

Comment 10

[John Slater]

Can we get confirmation on the plan? Ty is ready to turn the HDSF static image into a simple animation...probably a gif, like the Web We Want one. Can we pull that off?

Comment 11

[Gregory Jost]

Yes we can! HDSF will send a static 447 x 184 visual. I can ask them to send a psd. Then Ty can apply his black magic.

Comment 12

[Gregory Jost]

Attachment: WC about:home graphic: gif, psd and annotations

Comment 13

[Gregory Jost]

Hi all,
Just uploaded the about:home visual. Ty, let me know if you have all you need!

Thanks
G

Comment 14

[Jean Collings]

Attachment: Screen Shot 2014-05-20 at 3.13.39 PM.png

Hey Ty,

I uploaded the visual on about:home to see what it looks like and we may need to trim off the left side to make it symmetrical with the rest of the page. It's currently at 447 x 184. (I know you won't be able to get to this til later but wanted to note in here). Thanks!

Comment 15

[John Slater]

Thanks Jean & Greg.

Ty, let's discuss when you're finish with the usage snippets.

Comment 16

[Gregory Jost]

Hey Ty,
Not sure if you started working on this yet (if not ping!) but thought you may find the moz.org carousel  implementation interesting: https://www-demo4.allizom.org/en-US/. I like the way Craig animated the ball here, subtle but cool!

Comment 17

[Gregory Jost]

Ping?

Comment 18

[Ty Flanagan]

Hey Greg,

I havent started on the snippet yet, but i'll be putting something together today to share.

The subtle animation works and i'll look to achieve something similar. Im still considering what the build into the visual is and will look into that today.

Comment 19

[Jean Collings]

Attachment: goal_tab_logo_official.png

Ty when you're done with the animations (and static image with Fx logo), can you reduce this logo to 40 x 50 png? I don't know if this file works or if you need an original file - Greg might be able to provide that if so. 

We were originally going to go with the Fx logo for the small icon but Pete requests that we use Goal.com.

Comment 20

[Jean Collings]

Attachment: WorldCup2014_Snippet_Icon.gif

Comment 21

[Jean Collings]

Attachment: WorldCup2014_Snippet_Icon.gif

Comment 22

[Jean Collings]

Several updates:

1) Still awaiting to hear from Pete if we're good on the animation (comment 20).
2) The Goal.com 40x50 icon (comment 21) looks like a vertical rectangle, is there anyway to make the "Goal" smaller so there's more black space on the left and right hand side?  (I know we're stuck with the size restriction) - if it looks bad, or if we can't read Goal then don't worry about it. 
3) Pete is requesting that we promote our flags theme collections for the World Cup as well - I know there was a Firefox flag 40x50 icon created for Olympics - can we use that but update with the new logo? I'll attach the old version.

Comment 23

[Jean Collings]

Attachment: 40x50_FFlogo.png

Old Firefox flag icon

Comment 24

[Gregory Jost]

Per Jean's comment 22: for the goal logo, if at least we can reduce some of the vertical space here I think that would makes things better.

Comment 25

[John Slater]

Ty, can you advise on Greg's questions above?

Comment 26

[Ty Flanagan]

Attachment: WorldCup2014_Snippet_Icon_2.png

Hey Greg,

Here is an adjusted snippet icon. I reduced the height of the container to be square versus tall.

Comment 27

[Gregory Jost]

That's much better. Thanks Ty!

Comment 28

[Jean Collings]

Just a reminder for comment 23 if someone can update the Firefox logo for that icon before 6/12?

Comment 29

[John Slater]

(In reply to Jean Collings from comment #28)
> Just a reminder for comment 23 if someone can update the Firefox logo for
> that icon before 6/12?

Ty, can you take this one?

Comment 30

[Ty Flanagan]

Attachment: FFxLogo_Snippet_Icon_1.png

Hey Jean,

Here are 2 FFx Logo Snippet options

Comment 31

[Ty Flanagan]

Attachment: FFxLogo_Snippet_Icon_2.png

Comment 32

[Jean Collings]

Attachment: Goal.comMobile_96X96.png

Hey Ty,

Is it possible to get this icon in 40 x 50? The agency provided me one in SVG form but it's not the correct size. I've attached a 96X96 file. Thank you!

Comment 33

[Ty Flanagan]

Attachment: WorldCup_Snippet_40x50.png