Foundation.mozilla.org: Design for new Awards Challenge

[xmatthewx]

We are gearing up for a new Awards Challenge, similar to NSF Wins. It will live on the foundation at /initiatives/responsible-cs/.

This will require graphics for us at the top page, email, and social. We should think of this as a title with tagline, not as a logo brand. It will be associated with Mozilla and another funder or two. Requirements for those brand relationships will be sorted out starting this friday.

@kristinashu let's discuss.

Program launches 9/24. A good deadline for design could be 9/14.

More info in this doc.

[kristinashu]

They like the WINs site and how the long content feels doesn't feel overwhelming. They are trying to follow the same structure, we can use the same icons, timeline style, and one-page pdf.

Working files for WINs is here.

Note: Jen is on pto Sept 11-14.

To do by Sept 17:

• [x] Meet with Jen
• [x] URL redirects (ResponsibleCS.org and ResponsibleCSChallenge.org)
• [x] Password protect the site for funders to review (pw: cschallenge)
• [x] Put content in to multi-page site with zen mode nav
• [x] Create images: banner for wagtail pages
• [ ] Create images: email
• [x] Create images: social. They need it for Facebook, Twitter and LinkedIn
• [x] Design timeline: similar to WINs
• [x] Judging criteria: can use same icons as WINs
• [x] Add logos: example of equal hierarchy of logos (but lets do logos in gray scale)
  

To do by Oct 8:

• [x] Design one-pager PDF. Copy here
• [x] Finalize layout and design
• [x] Punchlist pre-launch and post-launch #1857

[kristinashu]

I see Natalie's images test working well for this! We could find computery images and apply the gradients and patterns to it.

[taisdesouzalessa]

Hey @jenntbeard I started adding the page to wagtail and it would be great if you could take a look at the progress and give me your feedback:

https://docs.google.com/document/d/1xEcgbaU5OG7o1QTFldSkyObZFH6CdNkL35WGh2yZhEE/edit?usp=sharing

I still have to create the icons for the page and add the final images. A question I have is about the deadline: when do you need this page ready? I was questioning how much time I should put into the main hero image and that depends on our timeline. I have 2 suggestions there in the Google Doc so feel free to comment on your favorite suggestion, depending on how fast you want this page to be ready.

Let me know if you have any questions, I'll keep refining this page tomorrow.

[kristinashu]

@taisdesouzalessa the partners Jenn is working with are very keen to see the graphic (they were expecting to see it Monday) so the sooner the better! I think they want to see some progress, no matter how small!

[jenntbeard]

Hello! I am taking a look at the docs/wagtail now. As per our timeline with the Funder, we would like to be able to share a draft of the site by Friday this week, if at all possible. If we have the rough mockup and the header, I think we'd be in good shape - I can always talk them through the remaining work to be done but would like them to at least get a solid idea of our direction.

[taisdesouzalessa]

@kristinashu thanks for the context here, I'll put this image on top of my priority list for today 👍 I'll also replace the placeholders for the icons as well.

[taisdesouzalessa]

Status: shared 4 concepts of header with Jenn + updated the icons via email.
Next: update the "Judges" section with pictures, copy updates as per document and wait for Jenn's feedback (once we have it, I can do any necessary adjustments/tweaks). @jenntbeard please let me know if anything is missing here that you would like to get done by Friday.

cc: @kristinashu

[jenntbeard]

Ohh, those are looking slick! I really like 2a. We are going to send them over to the funder and I have a few slight changes to the timeline (mostly just capital letters), I will ping you in the website copy doc.

[kristinashu]

Yea I'm really liking both 2a & 2b!

[jenntbeard]

Yeah, sorry, I misspoke, I really like 1a and 1b - I have sent both of those to the funder for feedback and for their preference on placement of the Omidyar Network logo (I know they will care about that most). I think the site is really coming along. I just reached out to the judges that we haven't received bios/headshots from (and we still have a couple of outstanding invites, just so you know). Also, we will need the one-pager (like we had for WINS) designed to match the theme/website. You can find an almost final version of that here: https://docs.google.com/document/d/1XsDBEK2r5AYlmFOHLuh5c4ByFIWevtKBybdyx06G8oY/edit?ts=5b9bace3

[taisdesouzalessa]

Status: sent one-pager to Jenn via email and adding Judges' pictures as they come.
Question (asked on e-mail sent to Jenn): Will you print this one-pager or will this PDF live on the site so people can download it? - that will determine the way to export the PDF.

[taisdesouzalessa]

Email sent with project's status. Copy of the email below:

1. SITE: Put content in to multi-page site with zen mode nav and create banner.
   STATUS: incomplete
   • missing picture of Joy Buolamwini (Judges' page)
   • missing [All signatories names/affiliations listed in responsive columns here] (Industry Support Page)
   • missing link to one pager - Q: Is there a one-pager? (FAQ Page)
   • need links for "Letter of Intent" and "Apply Now" - we just have placeholder links for now.
   • once all above is done, we can do the QA

2. ONE-PAGER: Done
   STATUS: Design done. Waiting on feedback.
   • once stakeholders' feedback is complete, I can export the PDF for print.
   • this is the link with the latest PDF (based on Jenn's comment in InVision). Here is the JPGs: page 1 - page 2

3. EMAIL AND SOCIAL: Create images.
   STATUS: Not done, dependencies to be solved first. Are we okay with the image on the site (banner)? Is it possible we will have any change related to that? If the banner is approved, that will be the format we will follow for social media and email. In order to create those images, I need to know the content of the social media message and email.

[taisdesouzalessa]

STATUS UPDATE:

1. SITE:
   STATUS: incomplete
   • missing picture of Joy Buolamwini (Judges' page)
   • need links for "Apply Now" - we just have placeholder links for now.
   • once all above is done, we can do the QA

1. ONE-PAGER: Done
   STATUS: Design done. After some changing on the number, we have a final version.
   • this is the link with the latest PDF(based on Jenn's comment in InVision).

2. EMAIL AND SOCIAL: Create images.
   STATUS: Facebook template was sent via email. Need the final content to finalize this work or to send the editable file to them if they will place their own content. LinkedIn and Twitter banners will be done once Facebook template is approved.

cc: @xmatthewx @kristinashu

[jenntbeard]

Hi, the Apply Now button should just be linked to Fluxx: https://mozilla.fluxx.io/. The photo of Joy, along with her bio are now up as well!

[taisdesouzalessa]

STATUS UPDATE:

• Design QA done (site, one-pager and social media).
• password protection removed.
• email sent to Jenn, Matthew and Kristina with project status.

One thing I just noticed @kristinashu @jenntbeard there is an email image on the list...do we need that still?

Waiting to see if there is anything missing and if not, I will close this issue.

[jenntbeard]

Hmm, I think we can get by without the email image - thanks!!