639399 - Design reddit promo graphics

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[William Reynolds [:williamr]]

Attachment: Reddit box v1

Sorry this is last minute, but fortunately these graphics should be pretty basic. We'll be sponsoring an "IAmA" on reddit this Thursday where the reddit community can talk with some of our developers about Firefox 4 using reddit's commenting system. The timing will be right after RC1 is released so we'll be pointing users to that from the IAmA post.

Timing: need to send reddit draft copy and graphics by EOD Monday and then finalize copy and graphics by EOD Tuesday/early Wednesday once we get their feedback.

What is an IAmA? Take a look at Opera's post from October as an example:
http://www.reddit.com/r/IAmA/comments/dtbcz/hey_reddit_join_the_opera_browser_team_for_an/

Promo blocks: 
- Headline: 100 character headline at the top of the reddit homepage with a 70x70 graphic
- Box 1: 300x250 graphic in the right sidebar on the homepage
- Box 2: 300x150 graphic in the right sidebar on the homepage, immediately below the 300x250 graphic
- These all link to the IAmA post on reddit.

Initial suggestions:
- Headline graphic: Firefox logo with reddit alien in the corner. We could place the Firefox favicon on the alien's chest.
- Box 1: Large Firefox logo with reddit alien in the corner. Copy at the top about "IAmA Firefox 4 developer"
- Box 2: Copy along the lines of "Want to know how Firefox is made?". Could include some decorative graphics like a line ornament or banner

Copy bug is bug 631148

Comment 1

[William Reynolds [:williamr]]

Attachment: Reddit box v2

Another approach to Box 1 where the alien is in the corner and is wearing the Firefox favicon.

Comment 2

[William Reynolds [:williamr]]

Attachment: reddit IAmA example

Example of what Opera's IAmA promo looked like on reddit's homepage

Comment 3

[William Reynolds [:williamr]]

Attachment: Headline graphic v1

Idea for Reddit headline graphic

Comment 4

[Tara (musingt)]

Talked to Ty. He'll be able to whip something up tonight with FPO text based on the mockup.  I think we can make this a fairly simple graphic using the logo and the blue tint/textures from the site, and perhaps incorporate the Reddit icon if we can find an appropriate design solution for it.  

Updated timing:

* First draft due by 9 AM PST Tuesday.
* Final due by Wednesday.

Comment 5

[William Reynolds [:williamr]]

Ty: we have a few changes for the content of the banner graphics

- 300x100 banner will be a dedicated "download" promo that will point to the Firefox 4 RC page on mozilla.com (similar to http://www.mozilla.com/en-US/firefox/beta/ ). We could make this look like a mini download button. Note: the 300x150 dimensions mentioned in comment 0 is incorrect. It's actually 300x100 pixels.

- we'll need two versions of the 300x250 banner: the first version will point to the Firefox 4 RC page and should probably feature the reddit alien and Firefox logo with text saying something like "Try Firefox 4 RC". The second version will point to the reddit Q&A post and include text something along the lines of "IAmA Firefox developer and we just released Firefox 4 RC".

Comment 6

[William Reynolds [:williamr]]

Ty, you can get an idea for some of the potential copy in bug 631148 comment 43 if you want to drop that in instead of Greek text.

Comment 7

[Ty Flanagan]

Attachment: FF4 Reddit Promo - FF4/Reddit Title

Comment 8

[Ty Flanagan]

Attachment: FF4 Reddit Promo - Headline Image Options

Comment 9

[Ty Flanagan]

Attachment: FF4 Reddit Promo - 300x100 CTA Options

Comment 10

[Ty Flanagan]

Attachment: FF4 Reddit Promo - 300x250 BigBox Options

Comment 11

[Ty Flanagan]

Attachment: FF4 Reddit Promo - 300x250 BigBox Options - Q&A

Comment 12

[Laura Mesa [:lmesa] [:lvmesa]]

Ty--thanks so much for working on this--these promos are awesome!

Putting my vote in per promo--

ff4/Reddit Title: this loks great.
Headline image: I love A. I could also do C.
300 x 100: I love D
300x250 Big Box: I like D the best, but could be swayed.
300x250 QA: I could do either. I like A for consistency.

Comment 13

[William Reynolds [:williamr]]

Ty these look great. Thanks for the quick turnaround too.

ff4/Reddit headline image: Love A. I could also do C.

300 x 100: I love D, also like A. 

300x250 Big Box: I like D the best, but A and B are good options as well.

300x250 QA: I could do either. I like the font and color variety in B though.

Comment 14

[John Slater]

These look great, thanks Ty.

Comment 15

[William Reynolds [:williamr]]

One small tweak and we're done. Ty could you post the final versions of these?

Headline image: A
300x100: D
300x250 Big Box: A. Could you post two versions of this? One as it is and another with the bubble text changed to "IAmA release candidate for Firefox 4. Download me here."
300x250 QA: B.

That's it, thanks!

Comment 16

[William Reynolds [:williamr]]

(In reply to comment #15)
> 300x250 Big Box: A. Could you post two versions of this? One as it is and

Oops, meant to say version D for the Big Box. Thanks.

Comment 17

[Ty Flanagan]

Here are the PSDs and PNGs for the the Reddit page:
http://dl.dropbox.com/u/18740830/Moz/Reddit_Promo_Images.zip

Comment 18

[William Reynolds [:williamr]]

(In reply to comment #7)
> Created attachment 517667 [details]
> FF4 Reddit Promo - FF4/Reddit Title

Ty, any chance we could get a transparent PNG version of the FF4/Reddit Title in the next few hours? Without the blue background please.

Comment 19

[Ty Flanagan]

Ill send it as soon as get home. You will have by 4pm (your time).

Comment 20

[Ty Flanagan]

Attachment: FF4 Reddit Promo - FF4/Reddit Title - Final PNG

Here is the PNG version of the REDDIT Title image

Comment 21

[Tara (musingt)]

Huge Thanks Ty.

Comment 22

[William Reynolds [:williamr]]

Yes, thanks so much Ty! Marking this closed.