845033 - New AMO homepage promos

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Amy Tsay [:amyt]]

Hi! We need some fresh promos for the AMO homepage, and would love your help with design & copy. The collections we'd like promos for are:

Themes for Android: https://addons.mozilla.org/en-US/firefox/collections/mozilla/mobilethemes/

Fitness: https://addons.mozilla.org/en-US/firefox/collections/mozilla/fitness/

Up & Coming: https://addons.mozilla.org/en-US/firefox/extensions/?sort=hotness

Thanks!

Comment 1

[John Slater]

Amy, do you have a due date you need these by?

Comment 2

[Amy Tsay [:amyt]]

By Fri, Mar 8 if possible--thanks!

Comment 3

[John Slater]

Got it. Am assigning to Lee.

Comment 4

[Amy Tsay [:amyt]]

Sorry, can we add one more to the list? This is our current shopping promo, and it needs help as well: http://f.cl.ly/items/3P1F0y1C162t1L2T3y3j/Screen%20Shot%202013-02-25%20at%2011.06.52%20PM.png

Comment 5

[Lee Tom]

Hi Amy, I'm happy to start these promos for you soon. I have a few questions that would help me get started: 

- Do you have any particular or new copy for these promos? 
- Can you clarify the dimension and file type you need for these assets? 
- The Themes promo is different than the Fitness, Shopping and Up&Coming promos because we're showing themes instead of displaying 3 Add-on icons. Can you describe how you'd like to approach this promo? Would something like showing thumbnails of the themes work? If so, how many thumbs would you like to show? I believe we have 6 total on the current page. 

THanks!

Comment 6

[Amy Tsay [:amyt]]

Great! Here are some answers:

- I don't have copy, so feel free to take a stab; alternatively, I'm happy to write them if you prefer.

- Dimensions of the graphic are 748px x 271px

- A themes promo looks like this: http://i.imgur.com/leynq6o.png. We only need the background image and will pre-fill the rest as with add-ons.

Thanks!

Comment 7

[John Slater]

Hey Amy. I didn't realize we didn't have copy for these...that's a super important element, so we definitely should address it before moving forward with the design.

Matej, can you help here? See earlier comments for details. And let us know how this fits into your schedule.

Comment 8

[Matej Novak [:matej]]

There are a few things I have on my plate, plus a few more I know coming up this week, but I should be able to help with this. I'm just wondering if there's any more direction on what these should say. I haven't worked on too many of these, so I'm wondering about things like tone and CTA.

Also, it looks like the example in comment 4 only has a headline, but the one in comment 6 has a subhead as well. Is there a standard format for these? Or one you prefer over the other?

Thanks!

Comment 9

[Amy Tsay [:amyt]]

Hi Matej, thanks for helping out! There isn't really a standard except there are usually 3 themes for the theme promos (http://i.imgur.com/leynq6o.png) and 3 add-ons for the add-on promos (http://i.imgur.com/h9CHYME.png). There's always a headline, and sometimes there is a subhead.

The Android themes promo should probably be similar to the mobile promo (http://i.imgur.com/tU1cqFG.png), in that we should direct people to download Fx Android and install mobile themes. Here is what we posted on our fan page: http://on.fb.me/12rEbgR

Hope that's enough to go on, but I'm happy to provide more info if you'd like!

Comment 10

[Matej Novak [:matej]]

Hi Amy. Please have a look at the below and let me know what you think.


Themes for Android:

Put a Theme on It!
Download Firefox for Android then customize the look of it to match your style, mood, the season or just your favorite color.
See the collection »


Fitness:

Don't Just Sit There
Install these fitness add-ons to keep you active and healthy.


Up & Coming: 

New & Now
Get the latest, the hottest, the must-have add-ons of the moment.


Shopping:

All Shop, No Drop
Save on your favorite items from the comfort of your browser.

(I realize that's not going to work so well for l10n, so here's an alternate headline for shopping: Shopping Made Easy)

Comment 11

[Lee Tom]

Attachment: Add-on promos backgrounds - 748x271 - blue

Hi Amy, 
I had the idea, that by creating a set of more 'generic' backgrounds, this might give you guys more flexibility to use them across many theme sets. Let me know what you think about this series with a bokeh texture. I'm attaching 4 versions below: blue, grey, orange and purple

Comment 12

[Lee Tom]

Attachment: Add-on promos backgrounds - 748x271 - grey

Comment 13

[Lee Tom]

Attachment: Add-on promos backgrounds - 748x271 - orange

Comment 14

[Lee Tom]

Attachment: Add-on promos backgrounds - 748x271 - purple

Comment 15

[Amy Tsay [:amyt]]

Thanks Lee, the background images are great! Matej, thanks for the copy! Just a few modifications:

Themes for Android:

Put a Theme on It!
Visit addons.mozilla.org from your Firefox for Android and dress it up to match your style, mood, or the season.

(If you have a better way to word this please let me know--as far as I know the only way to get themes for your Fx Android is to go to AMO...)

Fitness:

Get up and move!
Install these fitness add-ons to keep you active and healthy.

(Changed the headline to make it more positive, but open to suggestions)

Up & Coming:

New & Now
Get the latest, must-have add-ons of the moment.

(Shortened subhead)

Shopping one looks great!

Comment 16

[Matej Novak [:matej]]

Looks good, Amy. Just a few small changes to the first one:

Put a Theme on It!
Visit addons.mozilla.org from Firefox for Android and dress up your mobile browser to match your style, mood, or the season.

Comment 17

[Amy Tsay [:amyt]]

Sounds perfect, thanks!

Comment 18

[Christopher Van Wiemeersch [:cvan]]

Thanks, everyone!

Comment 19

[Christopher Van Wiemeersch [:cvan]]

Actually reopening per comment 0. We still need promos for the following:

> Themes for Android: https://addons.mozilla.org/en-US/firefox/collections/mozilla/mobilethemes/
> Fitness: https://addons.mozilla.org/en-US/firefox/collections/mozilla/fitness/
> Up & Coming: https://addons.mozilla.org/en-US/firefox/extensions/?sort=hotness

Comment 20

[Matej Novak [:matej]]

Aren't those all in comment 15 (with one revision in comment 16)?

Comment 21

[Christopher Van Wiemeersch [:cvan]]

(In reply to Matej Novak [:matej] from comment #20)
> Aren't those all in comment 15 (with one revision in comment 16)?

Copy has been provided - many thanks! The design comps were not afaict.

Comment 22

[Matej Novak [:matej]]

(In reply to Chris Van Wiemeersch [:cvan] from comment #21)
> (In reply to Matej Novak [:matej] from comment #20)
> > Aren't those all in comment 15 (with one revision in comment 16)?
> 
> Copy has been provided - many thanks! The design comps were not afaict.

Lee, can you comment on that?

Comment 23

[Lee Tom]

According to comment #6, you only needed the background images and that content will be pre-filled. I posted all background assets in Comments #11-14. Is there something else you need?

Comment 24

[Amy Tsay [:amyt]]

Ah, I thought the backgrounds were just textures that illustrations would be overlaid on top of. So yes, we're going to put content on top of the image, but the image would need to be more than a background. Sorry for any confusion!

Comment 25

[Lee Tom]

Thanks for clarifying, Amy. In my opinion, I don't think we should include additional illustrations on top of the colored backgrounds. With regard to our style guidelines and visual consistency, we've been trying to move away from creating a lot of new spot illustrations for banners. Is there a way we can see how the backgrounds with the content on top, looks in a live page?

Comment 26

[Tara (musingt)]

Friendly ping, checking in on this.  What is the status? Amy?

Comment 27

[Amy Tsay [:amyt]]

We just finished up a big migration, so we haven't had a chance to try out the backgrounds. Hopefully in the next few weeks.

Comment 28

[Wil Clouser [:clouserw]]

Implementation is bug 875070 and bug 875071.  Thanks.

Comment 29

[Amy Tsay [:amyt]]

They're live, and lookin good! https://addons.mozilla.org/