firefox 3.5 launch: creative workshop

56

Upload: tshahian

Post on 31-Oct-2014

13 views

Category:

Technology


0 download

DESCRIPTION

Help us promote the upcoming Firefox 3.5 by tapping into your creative skills. The workshop presentation covers things like: * Why creative & visual design is important * How to contribute * Design guidelines * Community store / t-shirts * What affiliates are * Why affiliates are important * Existing affiliate buttons & creating new buttonsFor more information, visit: http://www.spreadfirefox.com/node/4106

TRANSCRIPT

Page 1: Firefox 3.5 Launch: Creative Workshop
Page 2: Firefox 3.5 Launch: Creative Workshop
Page 3: Firefox 3.5 Launch: Creative Workshop
Page 4: Firefox 3.5 Launch: Creative Workshop
Page 5: Firefox 3.5 Launch: Creative Workshop
Page 6: Firefox 3.5 Launch: Creative Workshop
Page 7: Firefox 3.5 Launch: Creative Workshop
Page 8: Firefox 3.5 Launch: Creative Workshop
Page 9: Firefox 3.5 Launch: Creative Workshop
Page 10: Firefox 3.5 Launch: Creative Workshop
Page 11: Firefox 3.5 Launch: Creative Workshop
Page 12: Firefox 3.5 Launch: Creative Workshop
Page 13: Firefox 3.5 Launch: Creative Workshop

Submit New T-shirt Designs for Firefox 3.5!

Submit New T-shirt Designs for Firefox 3.5!

Page 14: Firefox 3.5 Launch: Creative Workshop
Page 15: Firefox 3.5 Launch: Creative Workshop
Page 16: Firefox 3.5 Launch: Creative Workshop
Page 17: Firefox 3.5 Launch: Creative Workshop
Page 18: Firefox 3.5 Launch: Creative Workshop

OPENOPEN

COMMUNITYCOMMUNITYFASTFAST

VideoVideo securesecurePrivate browsingPrivate browsing

tabstabsCUSTOMIZABL

ECUSTOMIZABL

EGLOBALGLOBALperformanceperformance

Zoom!Zoom!

personalpersonal

organicorganic

Awesome!Awesome!FreeFree

accessibleaccessible

Etc…Etc…

IMPACTIMPACTSTANDARDSSTANDARDS

3.53.5

BETTERBETTERFunFun

FoxyFoxy

L10nL10n

Enhanced performanceEnhanced performance

Page 19: Firefox 3.5 Launch: Creative Workshop

www.mozilla.com/about/logo

Page 20: Firefox 3.5 Launch: Creative Workshop
Page 21: Firefox 3.5 Launch: Creative Workshop
Page 22: Firefox 3.5 Launch: Creative Workshop
Page 23: Firefox 3.5 Launch: Creative Workshop

What you see is what you get!What you see is what you get!

Page 24: Firefox 3.5 Launch: Creative Workshop
Page 25: Firefox 3.5 Launch: Creative Workshop
Page 26: Firefox 3.5 Launch: Creative Workshop
Page 27: Firefox 3.5 Launch: Creative Workshop
Page 28: Firefox 3.5 Launch: Creative Workshop
Page 29: Firefox 3.5 Launch: Creative Workshop
Page 30: Firefox 3.5 Launch: Creative Workshop
Page 31: Firefox 3.5 Launch: Creative Workshop
Page 32: Firefox 3.5 Launch: Creative Workshop
Page 33: Firefox 3.5 Launch: Creative Workshop

http://communitystore.mozilla.org/

SUBMIT YOUR FIREFOX 3.5 DESIGNS TO THE COMMUNITY STORE

Page 34: Firefox 3.5 Launch: Creative Workshop
Page 35: Firefox 3.5 Launch: Creative Workshop
Page 36: Firefox 3.5 Launch: Creative Workshop
Page 37: Firefox 3.5 Launch: Creative Workshop
Page 38: Firefox 3.5 Launch: Creative Workshop

“spread firefox” “fx3.5”

TAKE PICTURES &TAG YOUR PHOTOS on Flickr

Page 39: Firefox 3.5 Launch: Creative Workshop

www.intothefuzz.comwww.musingT.com

MozCreative

https://mail.mozilla.org/listinfo/design

BLOGS:

TWEETS:

DESIGN LIST:

Follow us along…!

Page 40: Firefox 3.5 Launch: Creative Workshop

Now…..lets talk Affiliates !!Now…..lets talk Affiliates !!

Page 41: Firefox 3.5 Launch: Creative Workshop

SpreadFirefox.com: Affiliates

Page 42: Firefox 3.5 Launch: Creative Workshop

What is it?

• The Affiliate Program is an easy way for people to “spread” the word about Firefox by using Firefox download buttons (also known as Affiliate Buttons).

Page 43: Firefox 3.5 Launch: Creative Workshop

Affiliates Buttons

• This is what Affiliates’ Buttons look like!

• Come in 8 languages now• Different styles, shapes,

colors & themes to play with!

Page 44: Firefox 3.5 Launch: Creative Workshop

Why are Affiliates important?

• They are one of the first ways people find out about Firefox.– For example, Affiliates helped to spread the

word about Download Day (+34 million impressions)

• They are one of the best (and simplest ways) to get people who are interested in Firefox involved in Spreading Firefox – +800 Affiliates and counting

• They help give Firefox its’ personality– Where people post buttons– How people make the buttons their “own”.

Page 45: Firefox 3.5 Launch: Creative Workshop

How do I start?

• There are four easy steps to start getting involved:1) Join SpreadFirefox.com2) Get/Create Affiliates Buttons

• Get them: http://www.spreadfirefox.com/affiliates/homepage#getbuttons

• Make your own: http://www.spreadfirefox.com/affiliates/create_buttons

3) Post Buttons• Blog/Website/Social Media Profile

4) Earn Points!• As people click on your Affiliates buttons, you get points

Page 46: Firefox 3.5 Launch: Creative Workshop

So, what do I do, again?

• Here are a few things to keep in mind if you want to make sure your point totals are accurate:– 1) Make sure you’re signed on if you are downloading

buttons from SFx.com.– 2) After downloading the button, you need to make a

few changes to the code by hand• Button label• Make sure your id number is correct (its your SFx id number)• url where button is hosted

Page 47: Firefox 3.5 Launch: Creative Workshop

For example….

• For example, edit everything in red:<a href="http://www.mozilla.com/firefox?from=sfx&uid=[MY

USER ID HERE]&t=[MY BUTTON LABEL, it can be whatever i

want]"><img border="0" alt="Spreadfirefox Affiliate Button" src="[this is the url where

my button is hosted, like http://www.lauramesa.com/spreadfirefoxsfximage1.png]"

/></a>

Page 48: Firefox 3.5 Launch: Creative Workshop

Umm, then what?

– 3) If you are creating a new button, you should use Illustrator, Photoshop or another graphic design tool to modify the file. You can also create your own from scratch.

• You must still edit the source code in order to ensure you get credits for download

– Button label– Id number (SFx id)– url where button is hosted

Page 49: Firefox 3.5 Launch: Creative Workshop

Yay! Buttons created! Now what?

• Now that you’ve finished creating your buttons and updating the code…you get to post your buttons!

• Where?• Blogs• Social Media pages• Websites your own or

manage

Page 50: Firefox 3.5 Launch: Creative Workshop

Last thing to remember…

• Make sure any buttons you create or modify adhere to the guidelines found http://www.mozilla.com/en-US/about/logo/

• Happy Button Making!

Page 51: Firefox 3.5 Launch: Creative Workshop

Resources

• Events Calendar: http://www.spreadfirefox.com/event• Materials: http://spreadfirefox.com/resources• Mozilla Brochure: http://mozilla.org/about/brochure/• Community Marketing Guide

– https://contribute.mozilla.org/Marketing/Events– https://contribute.mozilla.org/Marketing/Public_Speaking

• Collaboration via bi-weekly meetings, mail list & Spread Firefox news

Page 52: Firefox 3.5 Launch: Creative Workshop

Tracking the Success

•Write up a post on SFx (www.spreadfirefox/ cmt)

•Take photos & video: ‣ #Fx3.5 (Twitter & more) “‣ spread firefox”, “fx3.5” (flickr)

•Write up a summary on your blog •Gather testimonials

Page 53: Firefox 3.5 Launch: Creative Workshop

How can we help?

• Help formulate ideas •Help upload art/buttons• Review art work for

feedback• Connect you with local

community members• Find us on Mozilla IRC

#marketing

Page 54: Firefox 3.5 Launch: Creative Workshop

What’s in it for you?!

• New Friends!• Show off your skills!• Gain experience!• Have FUN!• So much MORE!

Page 55: Firefox 3.5 Launch: Creative Workshop

Get in Touch

•Find us on Mozilla IRC #marketing •Drop us a line at [email protected] or

[email protected]•Join [email protected] •Join our bi-weekly calls marketing calls

Page 56: Firefox 3.5 Launch: Creative Workshop