551065 - Create page for spreadfirefox.com/edutoolkit

Status: RESOLVED FIXED

(Websites Graveyard :: spreadfirefox.com, defect)

Description

[Sarah Doherty (:sarah)]

Attachment: Museo Sans Font

I need a banner created for the education page on spreadfirefox.  I'd like the banner to be between 200-300 pixels high.  Please utilize the design from the attached PowerPoint and integrate the owl in.  The font that should be used is Museo Sans (also attached).

Comment 1

[Sarah Doherty (:sarah)]

Attachment: Firefox PPT

Comment 2

[Sarah Doherty (:sarah)]

Attachment: Owl image

Comment 3

[jamey]

Attachment: banner

banner draft

Comment 4

[Sarah Doherty (:sarah)]

Change to 200px and can you change the font to either Museo Sans 500 or 800?  These will look a lot better since they are thicker.

Comment 5

[jamey]

Sara it is Museo Sans

Comment 6

[jamey]

Attachment: 500

update

Comment 7

[Sarah Doherty (:sarah)]

Okay -- I'll close the other bug -- lets just update here.  Can you make the banner only 250 px instead of 500?

Comment 9

[jamey]

Attachment: updated

updated

Comment 10

[jamey]

update stage http://spreadfirefox.stage.mozilla.com/education

Comment 11

[Sarah Doherty (:sarah)]

Sorry Jamey - can you show me what a version with 200px and 175px would look like?

Also - is there a way that I can login and edit some of the HTML?

Comment 12

[jamey]

Attachment: 200x650

Comment 13

[jamey]

Attachment: 175x650

Comment 14

[jamey]

Attachment: alex winzip images

alex winzip images

Comment 15

[Sarah Doherty (:sarah)]

Attachment: sfx edu page sketch layout

Comment 16

[Sarah Doherty (:sarah)]

Attachment: SFX Education Toolkit Page Sketch

Comment 17

[Sarah Doherty (:sarah)]

Hi Jamey please make changes to the page using the updated page sketch.  Mary will work with you on laying out the header with the Spread Firefox wordmark.

Comment 18

[Sarah Doherty (:sarah)]

Attachment: SFX logo

Comment 19

[Sarah Doherty (:sarah)]

Also add the reference link "Sponsorship Guidelines".  I will give you all of the URL's for the reference links in a few days.

Comment 20

[jamey]

updated http://spreadfirefox.stage.mozilla.com/edutoolkit

Comment 21

[Mary]

Hi Jamey:  Thanks for this...reviewing now!

Comment 22

[Mary]

Hi Jamey:  This looks great :)

Here's the feedback I have:

* Header image:  Please edit it...Here's what to do:
-- Please remove "Firefox" from the current wordmark.
-- Add the "Spread Firefox" wordmark to this header (Sarah attached this in comment 18)
-- Complete copy should be:  Line 1: Spread Firefox (in SFx wordmark font), Line 2:  Education Toolkit (in current font that you've used).

* Under "Presentation & Templates"
-- Add a "colon" after "Mozilla Firefox"

* Under "Videos"
-- Capitalize the "m" in Mozilla in the line:    	   	 
History of mozilla with Asa Dotzler

* Under Reference links:  Can you make these bullets?  

Sarah:  Do you have the screen shots for Jamey for the image placeholders? 

Thanks!

Comment 23

[Sarah Doherty (:sarah)]

I don't have screenshots yet, but will either EOD today or tomorrow.

Comment 24

[Mary]

Hey Jamey:  The change you made is looking great!  Can you pull up "Spread Firefox" so that there is room for "Education Toolkit" on one line?

Thanks!

Comment 25

[Mary]

Hey Jamey:  One other quick change -- can you please make the header/banner look like it's "tacked" up like the campus reps promo on the News & Events page: http://www.spreadfirefox.com/news_events

Thanks!

Comment 26

[Sarah Doherty (:sarah)]

Hi Jamey,

Loving the way this is looking :)

Can you replace the links under Reference Links with these:

Community Marketing Guide
http://guides.mozilla.org/Marketing

Qualifying and Sponsoring Events at Mozilla
http://www.spreadfirefox.com/sponsoringevents

Swag Request Form
https://bugzilla.mozilla.org/enter_bug.cgi?product=marketing&format=swag

Marketing Event Request Form
https://bugzilla.mozilla.org/enter_bug.cgi?product=Marketing&format=mktgevent

Community Marketing Team Bios
https://wiki.mozilla.org/Marketing/Community


Please make it a bulleted list - thanks!

Comment 27

[Sarah Doherty (:sarah)]

Hi Jamey,

I'm loving the page!  A few things to change:

- For the banner can you add the white border like the campus reps promo here: http://www.sarahdoherty.net/tinygrab/c8a1f4fa4d95924ed614766751b6f437.png

- Move the line break that is under "Presentation Templates and Slides" to above it

- Put a line break above the Reference and Links" section

- In the Print Collateral Section change the word "Spanish" to be "Español"

- In the Print Collateral Section change the word "Portuguese" to be "Português"

Comment 28

[Sarah Doherty (:sarah)]

Hi Jamey,

Again, looking great!  A few things:

- Are we able to remove the "Firefox Education Materials" Title above the banner?
- Change the HTML title from "Firefox Education Materials" to Firefox Education Toolkit
- Put a line break above the "Reference links" title
- Capitalize the word "Mozilla" in "History of mozilla with Asa Dotzler"

Comment 29

[Sarah Doherty (:sarah)]

Hey Jamey,

Can you make the updates in comment 28?  A few more changes:

- In the Print Collateral section change "Student Rep Flyer" to "Firefox: World's Best Browser"
- Please upload all of the attached files to Spreadfirefox and link them to either the Letter or A4 section for each of the print pieces.
- Make a thumbnail for each of the pieces out of the Letter EN versions. 

Link to all files are here: http://mozilla.sarahdoherty.net/fxedutoolkit_pdfs.zip

Comment 30

[Mary]

Hey Jamey:  Really nice work -- it's looking great :)

Can we get this done by Thursday do you think?  Thanks!

Comment 31

[Sarah Doherty (:sarah)]

Hi Jamey,

Here are the files for the presentation and slides section (excluding the Firefox: Meet the World's Best Web Browser Section).  Can you upload these to spread firefox and size down the thumbnails?

http://mozilla.sarahdoherty.net/preotemplatesslides.zip

Comment 32

[Sarah Doherty (:sarah)]

Hi Jamey,

Please also add this to the Reference Links Section:


Promote Firefox at Fairs, Festivals and Conferences
http://www.spreadfirefox.com/eventinspiration

Comment 33

[jamey]

Sarah Doherty new updates 

I cant make the changes you want on comment 28 its a drupal and wysiwyg editor thing 

I cant upload pdf's can you get Alex to load them on production and send me the paths
I need to links for Videos

History of Mozilla with Asa Dotzler
and
Firefox Beginner Overview with Mike Beltzner

Comment 34

[Sarah Doherty (:sarah)]

Hi Jamey,

Great I will have Alex do that.

Can you do the following:
- Put a line break above the "Reference links" title
- Can you add extra spacing (something like a <br/> in the vertical margins between each print piece?
- In the Print Collateral section change "Student Rep Flyer" to "Firefox:
World's Best Browser"
- Move the word "Firefox Template" down a line so it is aligned with Mozilla Communities Template
- For the videos section bold the titles and change the style so it is the same as the presentations section with links to download the video in MPEG-4 [.mp4] and Ogg Vorbis [.ogv]


Also is there an easy way that I am able to go in and make small changes to the type?

Comment 35

[jamey]

Sarah check you email for login info

Comment 36

[Sarah Doherty (:sarah)]

Hi Jamey,

I'm really lovin' this!  Made a few changes.  Can you still do the following:

- Change the thumbnail graphic for the 4-up to show the full - Put a line break above the "Reference links" title
- For the videos section change the style so it is the same
as the presentations section with links to download the video in MPEG-4 [.mp4]
and Ogg Vorbis [.ogv] and just a thumbnail

Comment 37

[jamey]

I dont understand this ? "- Change the thumbnail graphic for the 4-up to show the full - Put a line break"

Updated  Put a line break
above the "Reference links" title
- For the videos section change the style so it is the same
as the presentations section with links to download the video in MPEG-4 [.mp4]
and Ogg Vorbis [.ogv] and just a thumbnail

Comment 38

[Sarah Doherty (:sarah)]

Hi Jamey,

My mistake :P  

- For the 4-up, change the thumbnail to show the full 8.5x11 page instead of just one of the images.
- For the videos, remove the two youtube links.  We'll just have a screenshot and then the user can download either the .ogv or .mp4

Comment 39

[jamey]

what image ? you mean pdf ? its would take a long time to load ? alex needs to load all the pdf's
For the 4-up, change the thumbnail to show the full 8.5x11 page instead of
just one of the images.


Updated For the videos, remove the two youtube links.  We'll just have a screenshot
and then the user can download either the .ogv or .mp4

Comment 40

[Sarah Doherty (:sarah)]

No worries jamey - i was able to login and fix it.

Comment 41

[jamey]

sorry i understand now that its done ;(

Comment 42

[Sarah Doherty (:sarah)]

It's okay!  I probably needed to explain better.

Another thing that would probably be a good idea to fix - it looks like there is some extra whitespace under the reference links (as seen here:  http://grab.by/3ggQ)  Can we remove this?

Comment 43

[Sarah Doherty (:sarah)]

Hi Jamey,

Can you add a line break before "Where can I add and track the success of my event?"

Comment 44

[jamey]

updated looking good

Comment 45

[Sarah Doherty (:sarah)]

Hi Jamey,

The page is pretty much complete pending a few more links to be added (once files are uploaded by IT).  I was wondering if you can migrate this from stage to spreadfirefox.com today?  

Let me know - thanks!

Comment 46

[jamey]

yes

Comment 47

[jamey]

your all set Sarah http://www.spreadfirefox.com/edutoolkit

Comment 48

[Sarah Doherty (:sarah)]

Great -- I'm going to leave this open until Friday just in case there are a few little fixes :D

Comment 49

[Sarah Doherty (:sarah)]

Hey Jamey - could you upload the PSD of the banner from the education toolkit homepage:  http://www.spreadfirefox.com/files/images/edutoolkitheader.preview.png  Thanks!

Comment 50

[jamey]

Attachment: psd zip

Comment 51

[Sarah Doherty (:sarah)]

Attachment: header psd

Thanks Jamey -- I updated the kerning a little bit and already replaced the image on the website.  Here is the updated psd for your records.

Comment 52

[Sarah Doherty (:sarah)]

I think we're all done here - thanks!