Project

General

Profile

Feature #12563

Homepage banner for COVID help/resources

Added by Colin McDonald over 1 year ago. Updated over 1 year ago.

Status:
Resolved
Priority name:
High
Assignee:
Category name:
Home Page
Target version:
Start date:
2020-03-20
Due date:
% Done:

0%

Estimated time:

Description

Following up on the call discussion, let's get started here on a non-dismissible homepage banner to direct teachers to our resources for getting started on the Commons, particularly for distance learning right now.

Sonja, can you propose a design and location for us, perhaps based on what other sites are doing with these kinds of notifications? We'll tweak the actual banner language but I think we could use, "COVID support: Distance-learning help for new Commons teachers."

Here is a Google Doc I started to produce the page copy we'll link to. Thanks!

https://docs.google.com/document/d/1K4lW7Is9JkJSTTQ7BZlI4COh4g5UjAyXpmnKt-Hda40/edit?usp=sharing

screenshot.png (273 KB) screenshot.png Raymond Hoh, 2020-03-25 11:55 PM

History

#1 Updated by Matt Gold over 1 year ago

Here is the news post to link to: https://news.commons.gc.cuny.edu/2020/03/23/the-cuny-academic-commons-covid-19-response-and-resources/

First draft of link and alert text:

CUNY Academic Commons COVID-19 Response and Resources
The CUNY Academic Commons is open and available to serve the CUNY community as it response to the Coronavirus pandemic. Learn more.

(with "Learn mor"e a link to the above)

Please feel absolutely free to improve upon this!

#2 Updated by Sonja Leix over 1 year ago

I'll work on a mockup first thing today.

#3 Updated by Matt Gold over 1 year ago

Thank you, Sonja!

#4 Updated by Sonja Leix over 1 year ago

Here is a first design approach for this: two versions
https://xd.adobe.com/view/1e5320ed-515b-4c14-6b79-88076091c82c-6862/

#5 Updated by Sonja Leix over 1 year ago

Hi Colin and team,
you can access the link above and see the small copy tweaks, as well as illustrated Coronavirus (two versions, page 1 and 3).
Happy to look for more images if these won't work, but want to get this in front of more people as soon as possible.

I'll keep an eye out for your feedback.
Thanks.

#6 Updated by Colin McDonald over 1 year ago

Hi Sonja (and others), in case you didn't see in the forum, I think we're coalescing around option 1 of your three-page design mockup. I like it, Matt and Luke like it as well, and I think that's enough from the group at this point that we can proceed given the timeliness of the update. Sonja, do you want to get the dev team what they need here to make this live? Here's where the banner should link, as a reminder:

https://news.commons.gc.cuny.edu/2020/03/23/the-cuny-academic-commons-covid-19-response-and-resources/

#7 Updated by Sonja Leix over 1 year ago

Thanks Colin,
I saw but wasn't sure how many more voices we were waiting for.

For the Dev team, here are the designs and assets:
Designs: https://xd.adobe.com/view/c0dd4113-6341-446f-70f1-acc074590020-b6ec/
Note: click on the code icon (on the right below comments icon) to switch to design inspector view for all specs.

I'll share the graphic separately shortly, but this can get you guys started.

Colin McDonald wrote:

Hi Sonja (and others), in case you didn't see in the forum, I think we're coalescing around option 1 of your three-page design mockup. I like it, Matt and Luke like it as well, and I think that's enough from the group at this point that we can proceed given the timeliness of the update. Sonja, do you want to get the dev team what they need here to make this live? Here's where the banner should link, as a reminder:

https://news.commons.gc.cuny.edu/2020/03/23/the-cuny-academic-commons-covid-19-response-and-resources/

#8 Updated by Sonja Leix over 1 year ago

You can find the covid-19 graphic in this folder: https://drive.google.com/drive/folders/19clFj-n2RZuvW_I5RS5bGqw9VmRjmjva?usp=sharing
I wasn't sure how the devs might want it exported so I did the following:
PNG: two versions with gradient background (small virus cropped and uncropped) – in case you want it uncropped for responsive
SVG: two versions with gradient background (see above)
SVG: virus only cropped small virus
AI: I've also included the illustrator file in case none of these work.

Let me know if I can provide it any other way. Happy to help.

#9 Updated by Raymond Hoh over 1 year ago

I've added the COVID callout on the homepage here - https://github.com/cuny-academic-commons/cac/commit/1a8ad83f2543f941d28c7ea6fd2b4ae785ba5a7a

It's available for testing on the development server. For those that don't have access there, I've attached a screenshot below:

Let me know once we're ready to deploy on production.

Sonja, I added a mobile breakpoint at 375px to remove the illustration. Let me know what you think.

#10 Updated by Sonja Leix over 1 year ago

Thanks Ray! Looks good to me. Tested on staging.

#11 Updated by Matt Gold over 1 year ago

  • Assignee changed from Sonja Leix to Boone Gorges

Hi All -- I'm having trouble editing my hosts file, but this looks great to me and I'd love to see us move forward tomorrow at the latest unless anyone sees any problems. Thanks to you all for your great work on this.

#12 Updated by Boone Gorges over 1 year ago

  • Status changed from New to Resolved

Thanks for your work on this, Ray.

I've deployed to the production site.

Also available in: Atom PDF