# Design & technical resources

We recommend the following design and technical resources:

* [Free resources for developing a public-facing COVID-19 website](https://covid-websites.usdigitalresponse.org/resources/resources.html#free-resources-for-developing-a-public-facing-covid-19-website)
* [Other resources to for your COVID-19 response](https://covid-websites.usdigitalresponse.org/resources/resources.html#other-resources-to-for-your-covid-19-response)
* [Listing of U.S. State/ Local COVID-19 Websites](https://covid-websites.usdigitalresponse.org/resources/resources.html#listing-of-us-state-local-covid-19-websites)

### Free resources for developing a public-facing COVID-19 website

| **Public-facing COVID-19 infections dashboards**                                  | <p>- <a href="https://public.tableau.com/en-us/s/covid-19-viz-gallery">Tableau COVID-19 Viz Gallery</a> - A curation of the those impactful data visualizations about Coronavirus (COVID-19) - from an enterprise tech company<br>- <a href="https://coronavirus.jhu.edu/map.html">Johns Hopkins Coronavirus Global Cases</a> - Johns Hopkins provides an embeddable dashboard of coronavirus cases around the world.<br>- <a href="https://coronavirus.jhu.edu/map-faq">Instructions for embedding it</a><br>- <a href="https://datastudio.google.com/u/0/reporting/1ddB1kq5h6QjTk77HltHKnho8GHnvk85e/page/plbIB">Eagle County Community COVID-19 Monitoring</a> - Eagle County provides an example of a great local dashboard that is publicly available. They also provide instructions for how to create one for your own state/ locality.</p> |
| --------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Image & illustration assets (all resources listed here are safe for free use)** | <p>- <a href="https://phil.cdc.gov/Details.aspx?pid=2871">CDC’s coronavirus logo</a><br>- <a href="https://www.cdc.gov/media/subtopic/images.htm">CDC’s Coronavirus Image Library</a><br>- <a href="https://phil.cdc.gov/">CDC’s Public Health Image Library</a><br>- <a href="https://www.cdc.gov/coronavirus/2019-ncov/communication/graphics.html">CDC’s Coronavirus Graphic Assets</a><br>- <a href="https://www.cdc.gov/coronavirus/2019-ncov/communication/social-media-toolkit.html">CDC’s Social Media Toolkit</a> - lots for assets that you can use for Facebook, Instagram, and other social platforms</p>                                                                                                                                                                                                                              |
| **Videos**                                                                        | <p>- <a href="https://www.cdc.gov/coronavirus/2019-ncov/communication/videos.html">CDC’s Video Library</a><br>- <a href="https://twitter.com/JoshuaGrubbsPhD/status/1248317963566006272?s=20">Social distancing ad from Ohio Dpt of Health</a> - this ad is excellent. Link to tweet</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| **Testing & self-assessment tools**                                               | - [Apple’s self assessment tool](https://www.apple.com/covid19/) developed with the CDC, White House, and FEMA                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **Infection tracking/ tracing**                                                   |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Building your website**                                                         | <p>- <a href="https://designsystem.digital.gov/">Design system from digital.gov</a> - component and layout library used by official U.S. government websites<br>- <a href="https://www.figma.com/file/tP0FkObAfTwJ7wpRsAHnbp/USDR%3A-COVID-19-Website-Best-Practices?node-id=12%3A0">Link to the mockup referenced in this document</a> - feel free to copy and use any aspect of this template based on your needs</p>                                                                                                                                                                                                                                                                                                                                                                                                                            |
| **FAQs library**                                                                  | - [Ask A Scientist](https://covid19.fas.org/l/en) - This Q+A tool is for general scientific questions about COVID-19. Developed by the [Federation of American Scientists](https://fas.org/) in collaboration with the [New Jersey Office of Innovation](http://innovation.nj.gov/) and the [Governance Lab](http://www.thegovlab.org/) at New York University.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |

### Other resources to for your COVID-19 response <a href="#other-resources-to-for-your-covid-19-response" id="other-resources-to-for-your-covid-19-response"></a>

* [NY Times articles on Coronavirus](https://www.nytimes.com/news-event/coronavirus) - The NYTimes provides a free coronavirus information portal, which contains lots of content and an e-book. Their FAQs section is fantastic.
* [Pandemic Response Repository](https://newamericafoundation.github.io/pandemic-response-repository/) - A collection of open source digital resources to help governments respond to the Coronavirus from New America. Lots of sample projects + code references that you can take to repurpose.

### Listing of U.S. state/ local COVID-19 websites <a href="#listing-of-us-state-local-covid-19-websites" id="listing-of-us-state-local-covid-19-websites"></a>

California, NYC, and New Jersey all have excellent COVID-19 websites in terms of website usability, ease of finding key information, and simplicity.

* [California](https://covid19.ca.gov/) — the site is open source \[[GitHub code](https://github.com/cagov/covid19)]
* [NYC](https://www1.nyc.gov/site/coronavirus/index.page)
* [New Jersey](https://covid19.nj.gov/index.html)
* All state & local public health or coronavirus info sites \[[google sheet](https://docs.google.com/spreadsheets/d/1oxQ54xx06u_M1UOjzwIKLcsqeVklV447HRZip-VZ_Bs/edit#gid=1590417974)]