Design snippet icon for Mozilla Gear launch

RESOLVED FIXED

Status

Websites
Other
RESOLVED FIXED
4 years ago
4 years ago

People

(Reporter: hkane, Assigned: Erika Drushka)

Tracking

(Blocks: 1 bug)

Beta
x86
Mac OS X
Dependency tree / graph

Details

(Whiteboard: [Mozilla Gear])

Attachments

(10 attachments)

(Reporter)

Description

4 years ago
Dimensions: 40px X 50px

Icon idea: The little "shopping bag" logo

@Andrea - can you provide copy?
(Reporter)

Updated

4 years ago
Status: NEW → ASSIGNED
Flags: needinfo?(andrea)
Hey Hannah,

No need to file a bug to implement, just cc'ing me here works. Once I get the assets (icon and copy), I can go ahead and launch it. 

In terms of allocation - it depends on when the gear store is launching - if it's in September most likely 50%. 

Is this in EN only?
(Reporter)

Comment 2

4 years ago
Thanks, Jean. EN only for now, yes.
Can you provide a bit more detail on requirements:

Will this need a static icon (.png or .svg?), animated icon (.gif) or both ?

(also, for previous snippet icons it had to be under 100 KB in size - so I assume it is the same here)
The icon should be animated, similar to past icons. However, it's probably good to just have it animate 1x, vs. constantly looping. I like the little bag that's in the new logo, maybe it could jiggle?

Copy suggestions (would love Erika's brain on this too):

A. Visit our NEW official Mozilla Gear Store! See the latest and foxiest Firefox and Mozilla branded T-shirts, hats and more. 

B. Announcing: Mozilla's NEW official Gear Store! Get your T-shirts, hoodies, hats and more. Show your  Firefox and Mozilla pride with these new designs!
Flags: needinfo?(andrea)
Other copy suggestions from MJKelly:

Get your swag on. The new Mozilla Gear Store is online and open for business!

Show your Mozilla pride! Get a special edition t-shirt  from our new Gear Store. Available for a limited time only.

Show your Mozilla pride with awesome new swag! Shop our Gear Store, where all proceeds benefit the Mozilla Foundation.

What does the fox wear? Anything from the new Mozilla Gear Store, of course! Stock up on Firefox gear today.
These are so much better than mine! I'm definitely using "What does the fox wear?" as the subject line for the all@ email message ;)
So looks like we aren't supposed to use the word "swag" -- and we're now not offering a limited edition T-shirt (we're offering a limited edition poster instead). Here's what I'd suggest as final:

"Visit Mozilla's NEW official gear store! Get the latest and foxiest Firefox and Mozilla logo T-shirts, hoodies, mugs, and more. "

But I am totally using "what does the fox wear?" for the community email. stellar.
Got it! Can you let me know which locales the Gear Store will be available in?
Created attachment 8475403 [details]
mozillagear_bagjiggleonce.gif

snippet icon - bag jiggling
Created attachment 8475404 [details]
mozillagear_bagjiggleonce@2x.gif

snippet icon - bag jiggling (exported @2x for retina display)
Created attachment 8475405 [details]
mozillagear_bag&tshirt.gif

snippet icon - animated bag & tshirt
Created attachment 8475406 [details]
mozillagear_bag&tshirt@2x.gif

snippet icon - animated bag & tshirt (exported @2x for retina display)
Created attachment 8475407 [details]
mozillagear_staticicon.png

snippet icon - static bag
Created attachment 8475408 [details]
mozillagear_staticicon@2x.png

snippet icon - static bag (exported @2x for retina display)
Please review 3 various snippet icon options: an animated bag jiggling (1x), an animated ff t-shirt & bag (loops) and a static bag icon.
Flags: needinfo?(andrea)
(Assignee)

Comment 17

4 years ago
Andrea, slight tweak to your copy:

"Visit Mozilla's NEW official gear store and get the foxiest Mozilla and Firefox t-shirts, hoodies, mugs, and more. "

I like all Sabrina's icons but the t-shirt and bag one is my fav.
(Assignee)

Comment 18

4 years ago
Oh darn, just saw in Bug 1051015 that we can't use the word "store".

Revised copy:

"Official Mozilla gear is now available! Get the foxiest Mozilla and Firefox t-shirts, hoodies, mugs, and more. "
Minor tweaks, what about this:

"NEW Official Mozilla gear is now available! Get the foxiest Mozilla and Firefox t-shirts, hoodies, mugs, and more at gear.mozilla.org."

That way the URL is highlighted (that's what's brand new, the online presence + some new designs).
Flags: needinfo?(andrea)
I love the animated bag and T-shirt!

Sabrina what about coming up with 2 more iterations that feature a different item coming out of the bag?

I'd suggest this, one of the new hat designs:
https://www.evernote.com/shard/s202/sh/e18a402a-f429-4c0f-b83a-820ffd7d1f60/cd7857573865d7961d57985fbca1e3d2/deep/0/IMAG1480.jpg.png

And we also have this tank for women that might be cute:
https://www.evernote.com/shard/s202/sh/6829f7b5-8838-4fdf-8805-16506732628b/f90a19d7126d0d061ac34469a1ff202f/deep/0/Dropbox---Mozilla_Merch_Lifestyle.png

That would give us 3 animated icons we can swap in during the life of the Gear Store promotion on the snippet.
(Assignee)

Comment 21

4 years ago
+1 to your copy tweaks. Final copy is: NEW Official Mozilla gear is now available! Get the foxiest Mozilla and Firefox t-shirts, hoodies, mugs, and more at gear.mozilla.org.
Created attachment 8479376 [details]
mozillagear_animated_tanktopbag.gif

snippet icon - animated tank top + bag (loops once)
Created attachment 8479378 [details]
mozillagear_animated_tanktopbag@2x.gif

snippet icon - animated tank top + bag (loops once & exported @2x for retina display)
Created attachment 8479380 [details]
mozillagear_animated_hatbag.gif

snippet icon - animated hat + bag (loops once)
Created attachment 8479381 [details]
mozillagear_animated_hatbag@2x.gif

snippet icon - animated hat + bag (loops once & exported @2x for retina display)
do these 2 snippet icons work for you?
Flags: needinfo?(andrea)
I'm a jerk. These are awesome. Consider this done.
Flags: needinfo?(andrea)

Updated

4 years ago
Status: ASSIGNED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.