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

Carly Bruce Harvey

Feel free to clone and use this as a template to get started on your non-profit projects! 

This template is based off of an Adobe XD freebie file and tailored to play nicely with Webflow's native components. 

Credit to the original design and design files goes to Meagan Fisher and Lindsay Munro over on Behance. Check the footer of the site to get a link straight to where you can download the file for yourself.

Nonprofit XD Freebie

Carly Bruce Harvey Free Cloneable: Green Trees Nonprofit

Redis Agency

Our Webflow department continues to pick up pace: in just a month, we made an annual report for Amway.
 
The annual report is an important part of the charity foundation's program, and we had to organize it quickly and beautifully with an interactive format. 

We have already done branding, and almost the entire report was made on the basis of ready-made solutions in identity. Using Webflow and adding animations and horizontal scroll led us to a cool and custom landing page of the report.

Годовой отчёт Фонда Amway

Annual report for Amway

New Story connects donors with homeless families to create life-changing stories. 100% of all donations go directly to fund homes and every single donor receives a video of the family they helped when they move into their new home. newstorycharity.org

newstory

New Story

Start your website with our cloneable hero section design perfect for Non-Profit or Charity website 🤝

Components & Features:

⦿ Fullscreen Tabs layout to efficiently display large text content 
⦿ Fullscreen Menu with unique hover animations
⦿ Video Lightbox
⦿ Search Functionality

--------------

Like this cloneable?  👍 

We're coming soon with a huge library of more such high-quality and free cloneable hero section designs for every kind of website built in Webflow.

For more FREE CLONEABLES
→ https://theherosection.webflow.io/

--------------

Support:

If you have any difficulty in understanding the design or any part of it, please feel free to comment below. Alternatively, you can send us an email here: support[at]theherosection.com

--------------

License:

⦿ Iconography from FontAwesome

⦿ Images from - Pexels.com (under CC0 license)

⦿ Background gradient from - ls.graphics

THS10

Non-Profit/Charity Cloneable Hero Section

ThreeSixtyEight

Support local healthcare heroes with notes of gratitude and thoughtful donations

Viral Positivity

The 3D interaction animation is available to purchase. Use the "Hire Me" button in the top corner of the previous page.

Strategic Vision 2030 – OneWorld Health

OneWorld Health - Strategic Vision

Full experience/website at climatehistory.org

Climate History

Shapemaker®

A 501(c)(3) non-profit to help climate-conscious donors and philanthropists make tax-advantaged contributions to some of the world's most impactful climate removal technologies.

Terraset

Heco Partners

One-page design for Tech/Hire, an initiative by the Opportunity@Work nonprofit to place overlooked and underrepresented individuals in tech careers.

Tech/Hire

Design+Peace non-profit organization website

Design + Peace

Design+Peace

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

The Rice Movement

Rice Movement

GiveForms are high converting, beautifully simple donation forms targeted at nonprofits.  You can incorporate a beautiful giving form on your site in just a few minutes with a Stripe account.

This is really the first site I've ever built in Webflow.  The previous site (essentially the same), was built on WordPress.  It took so long to go from design, to front end dev, to implementation, to testing... it was a bit of a nightmare, and making small edits was such a chore.

Took me a bit to get the hang of Webflow, but I'm in love... I've done front end dev before, but definitely consider myself more of a designer than developer, and Webflow is a god send.  I built this site so quickly... maybe in 20% of the time it would've taken me otherwise, plus new pages are on the way.  Definitely a fan!

GiveForms

GiveForms - Beautifully Simple Giving for Nonprofits

Literary Cleveland is a wonderful nonprofit organization who approached me about redesigning their site. They were a little worried about using Webflow, since they never heard of it before, but I'm pretty sure I made them believers! 

There are few things more gratifying than launching a new project. And to hear their executive director tell me that this new site would take them to a level they never thought they'd achieve put a pretty big smile on my face. I hope I did my job and gave them a tool that will help them continue to grow and spread some fierce literary knowledge. 

Some fun new things I did with this design:

-The homepage animation only plays once per session (or well, every 15 min) 

- I found some code that allowed me to change how lists appear. You'll notice, the lists in rich text fields actually use their quote logo instead of the standard dot.

Let me know your thoughts Webflowers!

Literary Cleveland

Church websites usually...well, are not awesome. Our team was considering a redesign, but as the project manager, I didn't know how we would make anything close to what we envisioned using a template-builder or even Wordpress with a custom developer. When my friend Jake told me about Webflow in December, everything changed. We had the power of creative control and refinement in our hands. Six months later we have something we are proud of. Thank you, Webflow ❤️. I'm forever in your debt.

CREDITS
Stephen Garcia: Project Management, Development
Jake Campbell: Art Direction and Design

Contact us at: reachchurch.cc/meet-the-team/

Reach Church (Kirkland)

Reach Church Website

Peter Dimitrov

A website for a nonprofit organization. Full version coming soon.

WeCare Showcase

wecare showcase

Micra.

A digital creative studio with expertise in crafting custom websites, based in Milwaukee, WI. Offering brand identity, creative direction, UX/UI design, and Webflow development. 

Micra. 

Built this for a local nonprofit we're working with and decided to make it cloneable. 

Custom menu, CMS driven events, news, sponsors and committee members. 

Enjoy.

New Talent

FlowRocket

Full website recently launched can be seen here:

https://webflow.com/website/Global-Press-Organization-Website

Annual Report for Global Press.

I recently found out this page won a Clarion award.

Awarded for "excellence in strategic, effective, and meaningful communication." Awards include Best User Experience and Best Non-Profit Website (2020 Annual Report) and Best News Website and Best Website Redesign (Global Press Journal).

Discover nonprofit websites built by the Webflow community

Discover nonprofit websites built by the Webflow community