628833 - Add promo banner for Fx4 t-shirt challenge to getpersonas.com

Status: VERIFIED FIXED

(Websites Graveyard :: getpersonas.com, defect, P3)

Description

[Deb Richardson [:dria] (plz NEEDINFO)]

Tara and John have requested that we add a promo banner to getpersonas.com for the Firefox 4 t-shirt contest.  I think we could put it below the "Like Personas?" stuff on the right-hand side (above the footer/Personas Plus button).

Image is attached, text as follows.  Top line should be linked to http://mzl.la/gCO9qU and bold.  Second line just regular text.

---
Mozilla Firefox T-shirt Design Challenge
Help us create the official Firefox 4 t-shirt!

[image]
---

Image should also be linked to http://mzl.la/gCO9qU

The contest ends on March 13th.

Comment 1

[Deb Richardson [:dria] (plz NEEDINFO)]

Attachment: Firefox 4 t-shirt contest banner image

Comment 2

[Tara (musingt)]

Quick note . It's not a "contest" so the text should definitely say "challenge" vs. contest.  Thanks :)!

Comment 3

[Tara (musingt)]

Also, I'd like to add this to both the homepage, as well as the gallery pages.  Let me know if I can help with anything... thanks.

Comment 4

[John Slater]

Thanks Deb! As added background, I think this will potentially be our best promotional channel for the challenge, given that the audiences are so similar. If we can make this happen I'll be eternally grateful - please let me or Tara know how we can assist.

Comment 5

[Wil Clouser [:clouserw]]

Sure.  -> chenba.

Barry, this is a P3 - less priority than all the security bugs.

Comment 6

[Wil Clouser [:clouserw]]

Matthew, do you have time to do this one?  I know Deb would really like to get it landed soon

Comment 7

[Tara (musingt)]

fwiw, I'd also be eternally grateful :)

Comment 8

[Matthew N. [:MattN]]

(In reply to comment #6)
> Matthew, do you have time to do this one?  I know Deb would really like to get
> it landed soon

I was actually going to work on it 2 hours ago but saw that it was assigned to chenba so didn't want to step on toes :)

Also, I couldn't find a nice space for it on the homepage. Below the "Like Personas?" on the homepage would leave a large white gap below the persona previews unless we increase the number of rows on the homepage.  On the gallery pages, below the "Like Personas?" upsell works nicely.

Comment 9

[Barry Chen]

@MattN thanks :)

Comment 10

[Tara (musingt)]

(In reply to comment #8)
> (In reply to comment #6)
> > Matthew, do you have time to do this one?  I know Deb would really like to 
> 
> Also, I couldn't find a nice space for it on the homepage. Below the "Like
> Personas?" on the homepage would leave a large white gap below the persona
> previews unless we increase the number of rows on the homepage.  On the gallery
> pages, below the "Like Personas?" upsell works nicely.

I'm fine with this solution if others are.  Will this be text only or do you think we can include a graphic, too?  The graphic doesn't really go with the overall look 'n feel of the site, so not sure if that's something to pursue.. but I just want to make sure the promo stands out. Also, do we know when the redesigned site will go live?  If it's soon, it's something to consider..

But for now, I'd like to put this on the homepage and also on the gallery pages.  Thanks again...!  excited about this...

Comment 11

[Deb Richardson [:dria] (plz NEEDINFO)]

I don't think we need to worry too much about there being a large white gap below the previews on the homepage, but I'm fine with including another row or two of personas there as well.  Just let me know if you do that so I can add a few more featured personas to the list.

Also, including the image for the t-shirt challenge is fine.

Comment 12

[Matthew N. [:MattN]]

Attachment: Screenshot of homepage v.1

My work in progress for the homepage.  It seems like it needs a bit more text.

Comment 13

[Matthew N. [:MattN]]

Attachment: Screenshot of gallery v.1

Let me know if the screenshots are acceptable.

Comment 14

[Tara (musingt)]

Additional copy suggestions: "T-shirts are a big deal at Mozilla, and we need your help in creating the official Firefox 4 launch shirt."

"learn more", etc.  I don't think we need to fill that space with text necessarily.  I think this looks great.  I was also going to share other graphic options that we're using for facebook ads.  They're not as nice, but work good for smaller spaces. 

I like the screenshot

Comment 15

[Tara (musingt)]

Attachment: other promo images - options

Comment 16

[Tara (musingt)]

I really like the image on the gallery page.  Mainly b/c the promo graphic is bigger.  Any way we can scale it up a tad on the homepage, too?

Comment 17

[Matthew N. [:MattN]]

Attachment: Screenshot of homepage v.2

Longer copy, larger font, larger image and added the "Learn more" link.

How about this?

Comment 18

[Tara (musingt)]

Looks great.  Lets go for it!  Thanks :)

Comment 19

[Deb Richardson [:dria] (plz NEEDINFO)]

That's great, thanks Matt :)  Ping me in IRC if you need anything else.

Comment 20

[Matthew N. [:MattN]]

Attachment: v.1 Show logo and copy on homepage and gallery nav

As seen in attached screenshots.

Comment 21

[Barry Chen]

Comment on attachment 511924 [details] [diff] [review]
v.1 Show logo and copy on homepage and gallery nav

Image file name could be a little more specific perhaps?  There are some lines with trailing whitespace.

r+ Looks good. Thanks, Matthew

Comment 22

[Matthew N. [:MattN]]

(In reply to comment #21)
> Comment on attachment 511924 [details] [diff] [review]
> v.1 Show logo and copy on homepage and gallery nav
> 
> Image file name could be a little more specific perhaps?  There are some lines
> with trailing whitespace.
> 
> r+ Looks good. Thanks, Matthew

I renamed the image to firefox_4_design.jpg and removed the trailing whitespace.

Committed as r82519.

Note: Since there were CSS changes, the build.py script should be used to deploy to production.

To verify:
Firefox 4 design challenge image and text should be shown on the homepage and left nav. of gallery pages (below the categories and "Like Personas?"). See attached screenshots for details.

Comment 23

[Wil Clouser [:clouserw]]

I ran the build script and committed - the CSS looks broken on stage.  Is this the build script's fault or did the style not get committed right?

http://personas.stage.mozilla.com/en-US/

Comment 24

[Vishal Kamdar [:vish_moz]]

Looks good now.

Comment 25

[Wil Clouser [:clouserw]]

(In reply to comment #24)
> Looks good now.

Hmm, not for me.  The image is on top of the "Mozilla Firefox T-shirt.." header.  Maybe I have old css.

Comment 26

[Matthew N. [:MattN]]

(In reply to comment #23)
> I ran the build script and committed - the CSS looks broken on stage.  Is this
> the build script's fault or did the style not get committed right?
> 
> http://personas.stage.mozilla.com/en-US/

It's the CDN's fault since it cached the wrong CSS for r82519 because of bug 633798.  If you use Firebug to add a URL parameter to the stylesheet URL, the correct CSS will load.

Comment 27

[Tara (musingt)]

Attachment: promo on homepage

Comment 28

[Tara (musingt)]

Attachment: promo in gallery

Comment 29

[Tara (musingt)]

Hey guys.  The promos are displaying weird for me on stage.  Also, when will these be pushed live?

Comment 30

[Matthew N. [:MattN]]

(In reply to comment #29)
> Hey guys.  The promos are displaying weird for me on stage.  Also, when will
> these be pushed live?

This is the same problem that I was talking about in Comment 26. It won't be like that in production but staging won't fix itself until someone makes a change to the CSS styles. A workaround is to preview staging over https which doesn't use the CDN: https://personas.stage.mozilla.com/

The plan is to push on 2/17 @ 1500 (see bug 634317)

Comment 31

[Vishal Kamdar [:vish_moz]]

Verified, FIXED.
The promo banner looks good on home page and all gallery categories pages over https.

Comment 32

[Tara (musingt)]

Got it.  Thank you !!  thanks all!