Discover the best covid websites created by professional designers. Get inspired and start planning your perfect covid web design today!

Mor Tene & Ilya Lisi

Hi Webflowers!

We have promised we will upload a cloneable project with some of Ilya's animation from his portfolio. So here is a 2020 timeline for the most talked subject of the year - Covid 19.Clone away 2020.

The animation is based on while scrolling in view with a scale of the line div blocks from 0 to 1 (with different origins)

Feel free to contact us with any questions!

What a year - 2020 Covid 19 Timeline

Matt Varughese

EDIT: Hey all — thanks so much for all the interest in rolling this out in your own cities and states. Ben and I have just rolled out a V2 that you can actively clone and download now: https://webflow.com/website/okforok

This version is now deprecated. Please visit the above URL for more info.

--------

Hey folks — Ben Parker (@rileyrichter), Nick Brown (@nickbrownokc), and I built this website to help support our home city's small business community.

The stack here is: Webflow, Integromat, and Jetboost. We'll update this project description shortly with a video on how you can set this whole thing up yourself.

In the meantime, feel free to clone away!

EDIT: Ben recorded an overview video here! Check it out: https://share.getcloudapp.com/jkuK66K4

EDIT 2: Some folks were asking about Integromat, so Ben created a video that goes into more detail on our Integromat setup. Find it here: https://www.youtube.com/watch?v=U5HIQQ_4_kY

COVID-19 Support Website

ThreeSixtyEight

Support local healthcare heroes with notes of gratitude and thoughtful donations

Viral Positivity

Hey folks — Ben Parker, Nick Brown, Jake Spirek, Katie Ngo, and I built this website to help support our home city's small business community.

This is a VERSION 2 of our previous project here: https://webflow.com/website/COVID-19-Support-Website

What's new:
- New cards to better showcase data
- Takeout/Delivery/Curbside is now a multiref for Jetboost
- Locations is now a filter
- "Tip a Server" is now active
- Our Integromat scenarios are cloneable!
- Minor design revisions

The stack here is: Webflow, Integromat, and Jetboost.

Here's a video tutorial on how to set this up: https://www.youtube.com/watch?v=GL6zbNPBob8

If you're a self-starter — we've got a place for you to go download Integromat Blueprints + easily get your scenario up-and-running. 

Download them here: https://github.com/rileyrichter/okforok/blob/master/README.md

--

For those who used the V1 but want the V2 cards, a tutorial is here: https://www.loom.com/share/ddbda84317ed4987a075ec7672016ba0

COVID-19 Support Website - V2

Stefan Poulos

Let’s support our local restaurants and businesses during the Covid-19 outbreak. Use this guide as a template to build a directory app for your own county or community.

Takeout Directory App

Matthew John Meredith

This a one-pager, restaurant-themed template. Covid-related shutdowns have caused small restaurants to close their doors. This template is designed to help restaurants provide an online menu that helps their customers order take-out or delivery from the comfort & safety of their homes. 

I made it just 1 page with no CMS items so that it can be used on a free Webflow plan with staged hosting. The colors can easily be changed by altering the preset color swatches in the designer. All content changes (images & text) can be made in the editor.

If you know someone that could benefit from this, please share it with them.

You're welcome to clone this project and use it as you like. If you need any help setting it up or making changes, you can email me at hello@matthewjohn.design

-----
Was this helpful? Here's how you can thank me:
❤️ Give a heart by liking.
💬 Leave a comment.
➕ Follow me for more clonable templates.

Cozinha - Free Restaurant Template

Mark Gimenez

This is my design for our weekly challenge to improve our design skills. Though it wasn't the chosen design, still learned a lot from it. Also had enough time to quickly build it on Webflow.

Support the cause. Donate at
www.thericemovement.com

Rice Movement

This a one-pager, Italian Restaurant-themed template. Covid-related shutdowns have caused small restaurants to close their doors. This template is designed to help restaurants provide an online menu that helps their customers order take-out or delivery from the comfort & safety of their homes. 

I made it just 1 page with no CMS items so that it can be used on a free Webflow plan with staged hosting. The colors can easily be changed by altering the preset color swatches in the designer. All content changes (images & text) can be made in the editor.

If you know someone that could benefit from this, please share it with them.

You're welcome to clone this project and use it as you like. If you need any help setting it up or making changes, you can email me at hello@matthewjohn.design

-----
Was this helpful? Here's how you can thank me:
❤️ Give a heart by liking.
💬 Leave a comment.
➕ Follow me for more clonable templates.

Cucina Lite - Free Italian Restaurant Template

Pari Gabriel

Ours is for Seattle, but if you think your city could use a similar platform please clone my template and use it to help your city.

In The Neighborhood — A localized resource platform for the COVID-19 crises

Mike Delsing

Talk about a fun project. Designing an app, designing a landing page, developing the page in Webflow, and even dabbling in some 3d (C4D lite to lottie).

Very early on in the pandemic, we were tasked with creating a social distancing app and landing page. Our goal was to create a more light-hearted experience for such a serious topic. We tried to achieve that by utilizing Pablo Stanley's Open Peeps illustration library (webflow.com/pablostanley).

𝗔𝗴𝗲𝗻𝗰𝘆: Creed Interactive
𝗔𝗽𝗽 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁: eKreative

———

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗮𝗻𝗱 𝗔𝗰𝗰𝗼𝗹𝗮𝗱𝗲𝘀:
• Awwwards
  → Honorable Mention
  → Mobile Excellence
• CSS Design Awards
  → Site of the Day
  → Best UI Design
  → Best UX Design
  → Best Innovation
• CSS Awards - CSS Gallery
• CSS Winner - Stars
• One Page Love

———

⇨ dribbble.com/m_delsing
⇨ instagram.com/mike.d.design
⇨ twitter.com/mdelsing06

SPACED | Social Distancing

James Baduor

Our mission is to bring immediate, high quality, and affordable primary care to insured, uninsured, and underinsured small business owners and their employees.

http://serenity.health/

Healthcare benefits for remote teams, SMEs and Corporates

Out of Place Studio

Peace Out is a digital exhibition by The Peace Museum celebrating the history of LGBTQA+ protest and the histroical relationship with peace and anti-war protests. It examines the past, present, and future of protest in the UK.

Peace Out Exhibition

Peanut Travel

Book better trips with our free Chrome extension

peanut-site

Retro

Here's a recent website I built for a client. It turned out very nice with the scrolling interactions like shrinking header and horizontal sliding images. Let me know what you think!

Ad-A-Staff

B Lab Global

Businesses of any size, sector, and geographic region are invited to use resources created and curated by B Lab, the nonprofit behind the B Corp movement.

binterdependent

J. Harrison

I created this concept for a company that specializes in medical laboratory services. 

I cloned this template, by John D. Saunders(h/t), for my starting point: https://webflow.com/website/saas-product-landing-page.

fly-tomorrow

Vasav Prajapati

Hi everyone, this website is for Covid 19 to share information about it but I have also tried some cool animations using webflow interactions.

Let me know what you guys think!

About Coronavirus

Covid-19 Helper!  A website with a contact form so people can get in touch and you can help them when they are self-isolating. 

FOR THE VULNERABLE:
•These people can quickly and easily submit their name and contact number and indicate what they need help with. From there we can match them with people that are willing to help via a mutural aid group.

(Also, the site will have a resource for those that are not online.)

FOR THE PEOPLE WANTING TO HELP:
• You can download the Coronavirus Helper PDF and put it through your neighbour's letterboxes.
• You can put your name on the website and say what you can help with (optional)
• You can request to join this group to become a helper.

See the prototype here: https://xd.adobe.com/…/c1233d44-6113-4cc1-78df-4289d5d1207…/

Would like some feedback if anybody has any? Any improvements?

Discover covid websites built by the Webflow community

Discover covid websites built by the Webflow community