MozillaFoundation / Design

For all issues related to design at the Mozilla Foundation.
http://mofo.build/design
11 stars 5 forks source link

[NSF Initiatives] WINS Showcase & Gigabit Celebration Graphics #246

Closed sabrinang closed 6 years ago

sabrinang commented 6 years ago

Intro

Please refer to the brief here: https://docs.google.com/document/d/1dns6fpvRH0awxF3AqiStm9RndtNL1uwRgcBj1s-PUSY/edit# and we will use this issue to track this work/questions.

We are creating graphics for social, form and email to promote two events that are co-located in Mountain View at Mozilla’s office.

Event 1

(WINS) Tuesday, August 14 Description: the end the WINS Challenges (where the Stage 2 finalists will demo their working prototypes for judges live)

Event 2

(Gigabit) Wednesday, August 15 Description: a learning and celebration event for the Gigabit Grantees.

To Do

Deadline

Will send out social on the week of the 15 of January

cc: @sabrinang @xmatthewx @jenntbeard @LindseyFrost @mehan

xmatthewx commented 6 years ago

@jenntbeard @LindseyFrost - Question for ya: Will you be emailing and inviting your lists to both events at once? Or, are there some instances when you'll invite some people to one, but not the other?

mehan commented 6 years ago

@xmatthewx i think there will definitely be people who get invited to one and not the other.

sabrinang commented 6 years ago

I've iterated on potential styles for these social shares:

image

You can also comment on redpen here: https://redpen.io/p/nfae68b0f33cf5193f

I do not have the language/copy for the event themselves so I made up placeholder names for them as: "WINS Challenge Showcase" and "Gigabit Community Fund Celebration"

@jenntbeard @mehan Any feedback on what copy should be on these? Is a title and date/time/location enough (assuming these are paired with written posts)?

@xmatthewx Do you have any design feedback or preferences?

xmatthewx commented 6 years ago

They're all great. I prefer the two on the right. I think they will pop out a bit more on white background of an email, and hold together more in a busy social media stream. But it's not a huge difference.

Nice speedy work.

sabrinang commented 6 years ago

Redpen is updated here: https://redpen.io/p/nfae68b0f33cf5193f image

Thanks for the feedback @xmatthewx, I made the colours a bit more vibrant to stand out for social and kept the version with more whitespace for email/forms in case we need to insert accompanying text (example placeholder text: "You are invited to the") so this would design could give more hierarchy to the text.

@jenntbeard @mehan Please let me know what dimensions and final copy is needed for email and forms. These are currently sized for twitter's 1:1 and 2:! in-stream social shares.

xmatthewx commented 6 years ago

These are great @sabrinang thanks. For email, all the copy should be repeated as regular text rather than relying on the image since many people will have images blocked.

sabrinang commented 6 years ago

@jenntbeard I would like to follow up on these since in the brief you have mentioned you would like to get these out January 17 (tomorrow).

Have you checked out the designs on redpen? If they look good after your review, I can export them so you have them when you send out your communications.

jenntbeard commented 6 years ago

Hi, sorry, just got back to the mainland. Reviewing now!

jenntbeard commented 6 years ago

@sabrinang - these look awesome! I also really like the distinction in the names, thank you for that! I think the Email 2 designs (shorter/thinner) will work better as an email header. Is there a standard size for an email header? Can we also get a version of the email2 items without the "you are invited to" to use for the registration form (which I believe is being set up via Mozilla Ask - @alanmoo can tell you more about what the requirements are for visuals there, perhaps?). I believe I will be entering the email copy (and just inserting the header for visual cohesion) and creating the form myself. Let me know if I missed anything in the string. Thank you!!

sabrinang commented 6 years ago

@jenntbeard Thank you for your review and feedback!

I don't know if there is an e-mail standard but I think it depends on what template or format you are using. Example: mozilla newsletters have these dimensions:

image

Would these dimensions work for you? or you can send me a screenshot of the template you are using?

@alanmoo I'm not familiar with Mozilla Ask so I don't know if it is specific dimensions or requirements form graphics should be?

jenntbeard commented 6 years ago

We didn't plan to use a format - just a regular Gmail email with the header embedded. Some of the Gigabit cities use MailChimp, but since this will only be going out to a select number of people, we figured we could just use our regular email inboxes (unless that sounds archaic). So, the dimensions you proposed seem fine to me. Thanks!

alanmoo commented 6 years ago

The Ask form will be embedded on the Foundation site, so any images used will simply be uploaded through the CMS for the top of the page. No specific format necessary, though Tais might have a thought on it.

sabrinang commented 6 years ago

Thanks for all the feedback team!

@jenntbeard I have exported the social/email/form graphics in a gdrive folder here that includes a 1200x660 and 1200x330 formats for email or forms and 500x500 for social (with retina versions included): https://drive.google.com/open?id=1gf_s9vuHth_cNp3qxIOhLvNCqC6qOCO3

It should have everything you need, let me know if these work for you!

jenntbeard commented 6 years ago

Great - I don't see the "you are invited to" email versions in there - maybe I missed them? Thanks for your help and skills!!

jenntbeard commented 6 years ago

Argh, sorry, would it be too giant of a pain to get versions with 'NSF-' for all the WINS Challenge Showcase items so the events read 'NSF-WINS Challenge Showcase'? We want to use the shorter one but anticipate NSF complaining that we're not including them enough. It seems like both logos suffice but I would rather have those versions too just in case.

Thanks for the 'you're invited to' email versions in the folder!

sabrinang commented 6 years ago

@jenntbeard No worries, I'll get to the "NSF-" versions this afternoon and give you an update when then are uploaded

jenntbeard commented 6 years ago

Sweet, you're the best!!

sabrinang commented 6 years ago

@jenntbeard I updated and uploaded them to the grdive: https://drive.google.com/drive/folders/1gf_s9vuHth_cNp3qxIOhLvNCqC6qOCO3?usp=sharing

Can you check them out and let me know if they will work?

jenntbeard commented 6 years ago

Yes, those are great, thank you!!

taisdesouzalessa commented 6 years ago

Hey @jenntbeard I am working on an image for @KevZawacki related to this project and I was wondering if you could send me a screenshot of the image that was chosen, so I can keep the communication consistent visually. Thanks!!

jenntbeard commented 6 years ago

Just to clarify - these were created for the final events in August. The current comms work around the WINS announcement should stay consistent with the regular WINS graphics found on the website - https://wirelesschallenge.mozilla.org/. I have those somewhere if that's what you were looking for. Otherwise, info on the final event graphics is as follows:

Hi, so far, we are using this version for Gigabit (https://drive.google.com/open?id=1K9SBn7jAePBBnduomXnRWEUvo6vYGpOo) and this version for WINS (https://drive.google.com/open?id=1kEXA1-Llm3tIvtw1LVXkgi8YqhdAECcU). However, these were created for the invites and we will be hiring an external consultant to create the event materials based off these designs, so I can't promise that they will stay exactly the same as we move into other iterations. For full range of items, see project brief.

taisdesouzalessa commented 6 years ago

Thanks for the clarity here, @jenntbeard. I'll connect with Kevin but I feel it is most likely we stay closer to the site, as you pointed out. Thanks for your help!