Network Site Visual Assets

[sabrinang]

The Mozilla Network site needs some visuals like icon, illustrations or photos etc. that are not content dependent:

Home Page

• [ ] hero graphic (#60)
• [x] join us graphic (#45)
• [x] people collage graphic
• [x] project collage graphic

About Us Page

• [x] header graphic (#35)
• [x] we'd love to hear from you graphic (#28)

Programs Page (#30)

• [x] Event photo
• [x] Training photo
• [x] Fellowship photo
• [x] Grants photo
• [x] Local organizing photo
• [x] Research photo
• [x] Science photo
• [x] Women and web lit photo
• [x] Internet of things photo
• [x] Learning photo

Thank you Page

• [x] thank you graphic (#46)

[xmatthewx]

adding Upcoming page above

Also see items listed in https://github.com/mozilla/network/issues/67 to make sure we aren't missing anything..

[sabrinang]

I think issue #67 was framed in a way to gather content specific assets that is dependent on content selected which is different than how this is framed as this ticket focuses more on evergreen, not content dependent visual assets.

[sabrinang]

cc @natalieworth

[xmatthewx]

issue #67 was framed in a way to gather content specific assets ... this ticket focuses more on evergreen assets

Should we reopen #67? Useful for you?

[sabrinang]

@xmatthewx Yeah we should reopen the ticket and update that check list as content is confirmed and will flag staff from that ticket to collect content dependent visual content.

[sabrinang]

chatted with @natalieworth to align visuals and brand approach that informs this work: https://public.etherpad-mozilla.org/p/visual-exploration-mofo

[sabrinang]

Gathered 10 images for programs page as well as some for backup options:

Collected from our flickrs and stock photography and work in progress now to adjusting tone/contrast and how they appear on mobile.

[sabrinang]

@xmatthewx Photo review? or any feedback on the mood/brand alignment?

Photography Sources:

• https://www.flickr.com/photos/newyouthcity/albums/72157666155033344
• https://www.flickr.com/photos/newyouthcity/albums/72157634424890339
• https://www.flickr.com/photos/laura_nk/albums/72157649063963096
• https://drive.google.com/drive/u/1/folders/0ByEwfEUJ9QP0dlVhV0l3eklTUlk
• https://unsplash.com/

[xmatthewx]

Looks good to me. The fellowships one is a wee bit cheesy, but it's also a good break from the people/event shots. 👍

[xmatthewx]

On the stuff above, is the photo of people in jeans a placeholder? beyond that, things look good. I would avoid too many photos of elementary school kids unless they are targeted to a kid specific thing. 👍

[sabrinang]

@xmatthewx I'm not sure which photo you are referencing with people wearing jeans but no placeholders (I'll leave placeholders as blue boxes) - I can find an alternative to which ever photo you want to swap out

[xmatthewx]

Hi. Sorry if my comment seemed hasty. "Open Web fellows announced" is the jeans photo here on Upcoming: https://github.com/mozilla/network/issues/67#issuecomment-282354794

See my comment at the bottom of this thread for more info.

[sabrinang]

exports in gdrive folder: https://drive.google.com/drive/folders/0B4Q8pzCpDS_eazZIWWJ5cWg1Njg?usp=sharing

[sabrinang]

line art updated to 1 color: https://drive.google.com/drive/folders/0B4Q8pzCpDS_eazZIWWJ5cWg1Njg?usp=sharing

[sabrinang]

People and project collages exported here: https://drive.google.com/drive/folders/0B4Q8pzCpDS_edXF6SFNBNUg3bDQ?usp=sharing