613570 - Add Mobile Add-ons Cup banner to AMO

Status: VERIFIED FIXED

(addons.mozilla.org Graveyard :: Public Pages, defect)

Description

[Sara Y.]

Overview and Project Scope: We're launching a Firefox Mobile Add-ons Cup in Q4 on Nov. 29th. The Cup would run and be structured similarly to the Extend
Firefox 3.5 campaign. We would like to post this contest on the AMO site.
We are aiming to have this banner for the contest on AMO and target to go live date: Nov. 29th, Monday.  

Deliverables: 
Would like this site to go live Monday, Nov. 29 (1+ week)

Site: addons.mozilla.org/mobile-cup/  
Date needed for posting banner: Launch on Nov. 29
Current hosting site: http://nclud.com/project/mozilla/addons_contest/dev/
Where: insert banner across the top of AMO pages, but we are open to your suggestions. 
(This is a helpful reference in terms of placing the banner on the page to optimize click-through rates): https://intranet.mozilla.org/Https://wiki.mozilla.org/Website/PromoGuide

Graphic file: http://www.intothefuzz.com/rhonda/Addon_Cup_Banners/
(do not include this graphic: addons_WC_111x111.png)

Comment 1

[Justin Scott [:fligtar]]

Sara,

As this is a contest for developers, I wouldn't be comfortable with having it on every page of the site. I think it'd be appropriate for our Developer Hub, though. You might also want to talk to the MDN team to see about putting it somewhere on MDN.

chowse, could you take a quick look at how to throw one of those images into the current Dev Hub design?

also Sara, is this only for en-US locale or all locales? the image isn't localized.

Comment 2

[Wil Clouser [:clouserw]]

You missed our launch yesterday - the next one is on Dec 7th.  Will that work for your schedule?

https://mail.mozilla.com/home/[e-mail]/AMO%20Schedule.html

Comment 3

[Sara Y.]

Justin: this contest is for En-US only. We will not localize the image due to the timeline for the contest. Also, featuring the banner just on the front page is fine. 

Clouser: Is there any way that we might be able to post the banner earlier than Dec. 7th? 

Also, I believe that Mike Alexis will be working with us to get this content on the AMO site. Caitlin can comment if she has any follow-up.

Chowse: it would be helpful to have one of the images on the current Dev Hub design. Please find a place to post this on the site.

Comment 4

[Wil Clouser [:clouserw]]

> Clouser: Is there any way that we might be able to post the banner earlier than
> Dec. 7th? 

Pushing off schedule uses up developer time which is already getting crunched (end of Q4).  We should have more than a week of notice for deployment - and it doesn't sound like design or code is done yet.  Let's finish that and then figure out when we can deploy.

Comment 5

[Sara Y.]

Hi Wil,

Thanks for the follow up. Do you know if there might be a possibility for earlier deployment now that you might have a better sense of Q4/design/code work status? Mobile would really like to get the contest up on AMO if possible. 
If you have any updates on an earlier ETA, that would be great since we hope to attract more developers as the timeline for the contest has quite a limited timeframe. Thanks for your work.

Comment 6

[Wil Clouser [:clouserw]]

(In reply to comment #5)
> Hi Wil,
> 
> Thanks for the follow up. Do you know if there might be a possibility for
> earlier deployment now that you might have a better sense of Q4/design/code
> work status? Mobile would really like to get the contest up on AMO if possible. 
> If you have any updates on an earlier ETA, that would be great since we hope to
> attract more developers as the timeline for the contest has quite a limited
> timeframe. Thanks for your work.

This is dependent on chowse from comment 3.  I don't know what his schedule is like.  If there are other designers that are available, they could do it too.

Comment 7

[Sara Y.]

(In reply to comment #3)

Hi Chowse, 

if you have any follow up questions regarding the banner, please let me know. We are just hoping to get this up on a page to promote the contest hopefully on the frontpage. 
Thanks,
Sara

> Justin: this contest is for En-US only. We will not localize the image due to
> the timeline for the contest. Also, featuring the banner just on the front page
> is fine. 
> 
> Clouser: Is there any way that we might be able to post the banner earlier than
> Dec. 7th? 
> 
> Also, I believe that Mike Alexis will be working with us to get this content on
> the AMO site. Caitlin can comment if she has any follow-up.
> 
> Chowse: it would be helpful to have one of the images on the current Dev Hub
> design. Please find a place to post this on the site.

Comment 8

[Chris Howse [:chowse]]

Attachment: Mobile Cup in Sidebar

First idea for promo: large block in the sidebar, above the 'Submit Add-on' CTA.

Comment 9

[Chris Howse [:chowse]]

Attachment: Mobile Cup below Intro

Second idea: banner below the intro module.

Comment 10

[Chris Howse [:chowse]]

@Sara: Do you have original versions (PSDs, AIs) of the promos or the webpage? AMO is a fluid-width site, so I'll need to slice the images so they fit properly.

@Webdev: the banner uses a free webfont, Bebas (http://www.fontsquirrel.com/fonts/Bebas), for the title and tagline. I can probably convert the title to an image (as long as it doesn't need to be localized), but the tagline won't flow correctly as an image. Can we use @font-face in the banner, or do I need to design a fallback? (FYI: the Bebas WOFF is only 12k)

Comment 11

[Wil Clouser [:clouserw]]

This is English only, so an image is fine, albeit not ideal.  I'd rather not load another font.

Comment 12

[Justin Scott [:fligtar]]

I prefer the horizontal version. The right column is a lot more crowded for logged-in developers and I'm about to add another box to the column as well.

I would be fine with the horizontal version being above the intro too.

Comment 13

[Caitlin Looney]

I like the "below Intro" placement a lot.

Comment 14

[Chris Howse [:chowse]]

Attachment: Final Add-ons Cup Banner

The finalized design for the Mobile Cup banner. This should be reproducible w/ only CSS & a few images. I'll still need the PSDs to reproduce the 'Enter Now' medal.

Comment 15

[Sara Y.]

For Rhonda (designer)

Can you please send us the PSDs to reproduce the "Enter Now" medal for the Mobile Add-on page? If you could send this to this team, that would be great for the AMO site. Thanks!

Sara

Comment 16

[Rhonda Spencer]

Hello--
The PSD's for the medal and the banners are now here for pickup:

http://www.intothefuzz.com/rhonda/Addon_Cup_Banners/PSD/

thanks!
:)
--rhonda

Comment 17

[Sara Y.]

Thanks, Rhonda!

Comment 18

[Chris Howse [:chowse]]

Thanks for the originals, Rhonda!

The banner images and CSS are finished: 
http://people.mozilla.com/~chowse/drop/amo/mobile-cup/banner/banner.html

Let me know if it needs any touch-ups.

Comment 19

[Sara Y.]

This looks great, Howse.

Sara

Comment 20

[Wil Clouser [:clouserw]]

I tried to pawn this off on potch, but he pulled the remora card.  Code is in r78540 and can be seen at https://addons.allizom.org/en-US/developers

Is this what people are looking for?  Is that the right URL?

Comment 21

[Justin Scott [:fligtar]]

That's the right spot, but there are some CSS alignment issues.

Comment 22

[Wil Clouser [:clouserw]]

(In reply to comment #21)
> That's the right spot, but there are some CSS alignment issues.

fixed

Comment 23

[Stephen Donner [:stephend] Not actively reading bugmail]

Please see https://bugzilla.mozilla.org/show_bug.cgi?id=615567#c5; I'm unsure about which URL the banner should point to, at this point.

Comment 24

[Michael Morgan [:morgamic]]

Entry: https://addons.mozilla.org/mobile-cup
Destination: http://extendfirefox.com/mobile-cup

Comment 25

[Wil Clouser [:clouserw]]

We can't push these changes until mid-late december, so oremj did a special patch just for them.  -> fixed and live: https://addons.mozilla.org/en-US/developers

Comment 26

[Stephen Donner [:stephend] Not actively reading bugmail]

Verified FIXED on https://addons.mozilla.org/en-US/developers/.