Nonprofit-Webdesign: Eine Website, die zum Handeln bewegt

Schritt für Schritt zur Website für gemeinnützige Organisationen: wichtige Seiten, Spenden- und Freiwilligenbereiche, ehrliche Wirkungsdarstellung, Grundlagen der Barrierefreiheit und Checkliste vor dem Start.

Häufige Fragen

Welche Seiten braucht eine Nonprofit-Website?

Mindestens eine Startseite mit Mission und Zielgruppe, eine Seite „Über uns“ oder „Unsere Geschichte“, eine Programmseite, eine Seite zur Wirkung, eine Spendenseite, eine Seite zum Mitmachen oder für Freiwillige sowie Kontakt. Ein Nachrichten- oder Blogbereich ist sinnvoll, wenn Sie regelmäßig Neues veröffentlichen. Größere Organisationen ergänzen eine Team- oder Vorstandsseite, Jahresberichte oder Finanzinformationen und Veranstaltungsseiten.

Was kostet eine Nonprofit-Website?

Das hängt stark von der Plattform und dem Umfang individuell bezahlten Designs oder der Entwicklung ab. Ein selbst bedienter Baukasten kann anfangs sehr wenig kosten; eine individuell entwickelte Website mit Programmierung ist deutlich teurer. Prüfen Sie die aktuellen Preise direkt beim Anbieter, statt sich auf eine Zahl aus einer anderen Quelle zu verlassen, denn Tarife und Funktionen ändern sich.

Gibt es Rabatte für gemeinnützige Organisationen bei Baukästen oder Hosting?

Einige Anbieter haben Rabatte für gemeinnützige Organisationen oder kostenlose Tarife. We.Inc bietet beispielsweise einen kostenlosen Tarif an, den alle zum Einstieg nutzen können. Informieren Sie sich direkt auf der Preis- oder Nonprofit-Seite des Anbieters über aktuelle Sonderangebote, da sich diese Programme ändern.

Sollte die Spendenschaltfläche auf jeder Seite stehen?

Ja. Platzieren Sie eine klar beschriftete Spendenschaltfläche in der Hauptnavigation und im Kopfbereich jeder Seite, nicht nur auf der Startseite. Wer über eine Programmseite oder einen Nachrichtenbeitrag kommt, sollte nicht erst nach der Spendenmöglichkeit suchen müssen.

Muss eine Nonprofit-Website barrierefrei sein?

Ja – aus ethischen Gründen und oft auch aus rechtlichen. Viele gemeinnützige Organisationen unterstützen Menschen mit Behinderungen direkt. Barrierefreiheit, etwa ausreichender Kontrast, Tastaturbedienbarkeit, Alternativtexte und untertitelte Videos, erweitert den Kreis der Personen, die Ihre Website nutzen und spenden können. Der unten verlinkte ADA-Leitfaden erklärt die wichtigsten Schritte.

Kurz gesagt: Eine Nonprofit-Website schafft Vertrauen und fördert Spenden, wenn sie drei Dinge gut macht: klar erklären, wem Sie helfen und wie; Spenden und freiwilliges Engagement einfach machen; und die Wirkung konkret belegen statt mit vagen Aussagen zu werben. Die folgenden Schritte zeigen, wie Sie eine solche Website planen, erstellen und veröffentlichen.

Die Website ist eines Ihrer wichtigsten Fundraising-Werkzeuge. Dieser praxisnahe Leitfaden zum Webdesign für gemeinnützige Organisationen behandelt, was eine gute Website ausmacht, wie Sie sie umsetzen und welche Fehler Sie vermeiden sollten. Am Ende steht ein konkreter Plan, mit dem Sie sofort beginnen können.

Beispiele für Nonprofit-Websites

Diese mit We.Inc erstellten Designs sind Beispiele und zeigen keine echten Organisationen. Namen und Angaben sind Platzhalter. Die Beispiele veranschaulichen die empfohlenen Muster: zuerst die Mission, eine gut sichtbare Spendenschaltfläche und ein klarer Weg zur Anmeldung als Freiwillige oder Freiwilliger.

Beispiel für eine mit We.Inc erstellte Nonprofit-Website für eine fiktive Organisation in Boston mit Missionsüberschrift und Spendenschaltfläche im Hero-Bereich.

Beispieldesign: gemeinnützige Organisation vor Ort. Die Mission steht in einer Zeile, die Spendenschaltfläche im Kopfbereich und im Hero. Erstellt mit der Eingabe „Website für eine gemeinnützige Organisation in Boston“.

Beispiel für eine mit We.Inc erstellte Bildungs-Nonprofit-Website für eine fiktive Organisation in Austin mit Programmen und Handlungsaufforderung für Freiwillige.

Beispieldesign: Bildungsorganisation. Die Programme stehen im Vordergrund, daneben finden Besucher die Anmeldung für Freiwillige und die Spendenschaltfläche.

Vorschau des gemeinnützigen Kindred-Vorlagendesigns.

Vorlage: Kindred. Ein Layout für gemeinnützige Organisationen, mit dem Sie im kostenlosen Tarif starten können.

Schritt 1: Legen Sie fest, was die Website erreichen soll

Bevor Sie Farben oder eine Vorlage auswählen, schreiben Sie die zwei oder drei Handlungen auf, zu denen Besucher am ehesten bewegt werden sollen. Bei den meisten Organisationen geht es um Spenden, freiwilliges Engagement, Newsletter-Anmeldungen oder Veranstaltungsteilnahmen. Jede Seite sollte zu einer dieser Handlungen führen. Ohne klaren nächsten Schritt wirkt eine Nonprofit-Website wie eine Broschüre statt wie eine Einladung zum Handeln.

Schritt 2: Planen Sie nur die Seiten, die Sie wirklich brauchen

Eine wirksame Website muss nicht groß sein. Eine überschaubare Auswahl gut formulierter Seiten ist einer überladenen Website immer überlegen.

SeiteZweckMuss enthalten
StartseiteMission in einem Satz nennen und Zielgruppe zeigenKlare Überschrift, wichtigste Aktion (Spenden oder Mitmachen), ein Beleg für die Wirkung
Über uns / Unsere GeschichteVertrauen schaffen und den Organisationszweck erklärenGründungsgeschichte, Mission und Link zu Team oder Vorstand
Programme / Was wir tunDie konkrete Arbeit erklärenBestimmte Programme, ihre Zielgruppen und ihre Abläufe
WirkungDie Arbeit nachvollziehbar belegenEhrlich beschriebene Ergebnisse, Fotos oder Geschichten mit Einwilligung und gegebenenfalls Link zu Berichten
SpendenSpendenabsicht in eine Handlung umsetzenSpenden mit einem Klick, regelmäßige Spenden und Verwendung der Mittel
Mitmachen / FreiwilligeZeit und Einsatz gewinnen, nicht nur GeldKurzes Anmeldeformular, aktuelle Möglichkeiten und klare Erwartungen
KontaktVertrauen und Unterstützung ermöglichenE-Mail, falls passend eine Adresse und Links zu sozialen Netzwerken
Neuigkeiten / Blog (optional)Die Website aktuell halten und SEO unterstützenAktuelle Nachrichten, Veranstaltungsberichte und Presseerwähnungen

Wenn Sie unsicher sind, wie Sie eine neue Website von Anfang bis Ende aufbauen, erklärt unser allgemeiner Leitfaden So erstellen Sie eine Website den Ablauf. Hier geht es um die besonderen Anforderungen gemeinnütziger Organisationen.

Schritt 3: Gestalten Sie eine Startseite, die sich in fünf Sekunden erklärt

Wer auf Ihrer Startseite landet, sollte sofort verstehen, wer Sie sind, wem Sie helfen und was Besucher tun können. Beginnen Sie nicht mit internem Fachjargon wie Programmnamen, Abkürzungen oder dem Gründungsjahr, bevor Sie Ihre Arbeit erklärt haben. Formulieren Sie die Mission in klarer Sprache und ergänzen Sie ein konkretes Beispiel.

Platzieren Sie Ihre wichtigste Handlungsaufforderung – meist „Spenden“ – gut sichtbar im ersten Bildschirmbereich und wiederholen Sie eine zweite Aktion wie „Mitmachen“ oder „Newsletter abonnieren“ weiter unten.

Geschichten mit Design zu erzählen, ist ein wichtiger Teil einer guten Website-Strategie. Wenn Sie hier die Grundlagen richtig setzen, profitieren alle weiteren Seiten davon. Achten Sie auf Folgendes:

Wenn Sie für Ihre Geschichte eine neue Website, Landingpage oder Web-App brauchen, kommen Sie mit We.Inc schnell ans Ziel. Beschreiben Sie im Chat, was Sie benötigen. Die KI erstellt eine veröffentlichte, bearbeitbare Website im Browser, sodass Sie ohne komplizierte Designsoftware starten können.

Schritt 4: Gestalten Sie die Spendenseite so, dass sie Hürden abbaut

Die Spendenseite ist eine der wirkungsvollsten Seiten Ihrer Website. Diese Punkte helfen zuverlässig:

Die Optimierung einer Spendenseite ist ein wichtiger Teil jeder Website-Strategie. Gute Grundlagen schaffen eine Basis, auf der sich alle weiteren Maßnahmen aufbauen lassen. Am wirksamsten ist ein systematisches Vorgehen: Teams, die feste Zeit dafür einplanen, Ergebnisse regelmäßig verfolgen und kleine Anpassungen vornehmen, erzielen bessere Resultate als Teams, die nur gelegentlich reagieren. Entscheidend ist vor allem ein dokumentierter Ablauf, nicht dessen Komplexität. Mit We.Inc wird der Websitebau nicht zum Engpass: Beschreiben Sie die Seite oder App in einfacher Sprache und verfeinern Sie sie anschließend durch visuelle Bearbeitung oder den integrierten Code-Editor.

Schritt 5: Entwickeln Sie den Anmeldeablauf für Freiwillige

Behandeln Sie die Anmeldung für freiwilliges Engagement ebenso sorgfältig wie Spenden: Sie ist eine gewünschte Handlung und kein nachträglicher Gedanke. Halten Sie das Formular kurz (Name, E-Mail, Interessengebiet und Verfügbarkeit), erklären Sie genau, was nach dem Absenden passiert (Anruf, E-Mail oder Schulungstermin) und fragen Sie zunächst nur notwendige Angaben ab. Ein langes Antragsformular am ersten Kontaktpunkt kostet Sie Freiwillige, bevor sie überhaupt anfangen.

Der Anmeldeablauf für Freiwillige ist ein wichtiger Teil einer guten Website-Strategie. Gute Grundlagen schaffen eine Basis, auf der alle weiteren Maßnahmen aufbauen. Am besten gehen Sie systematisch vor: Planen Sie feste Zeit dafür ein, verfolgen Sie die Ergebnisse regelmäßig und nehmen Sie schrittweise Anpassungen vor. Ausschlaggebend ist ein dokumentierter Prozess, nicht dessen Komplexität. Wenn Sie dafür eine Website, Landingpage oder Web-App brauchen, erstellen Sie sie mit We.Inc schnell: Beschreiben Sie, was Sie möchten, und die KI erstellt eine veröffentlichte, bearbeitbare Website im Browser.

Schritt 6: Belegen Sie die Wirkung mit konkreten Angaben

„Wir haben viel bewegt“ überzeugt niemanden. Konkrete, überprüfbare Angaben schon. Wenn Sie Ergebnisse erfassen – etwa betreute Menschen, durchgeführte Programme oder erreichte Gemeinden –, nennen Sie sie klar und verwenden Sie nur Zahlen, für die Sie einstehen können. Schätzen oder runden Sie nicht auf. Wenn Sie einen Jahresbericht oder geprüfte Finanzinformationen veröffentlichen, verlinken Sie auf das tatsächliche Dokument, statt es vage zusammenzufassen. Fotos und Geschichten der Menschen, die Sie unterstützen, schaffen mit deren klarer Einwilligung mehr Vertrauen als Stockbilder.

Ohne klare Messung Ihrer Wirkungskennzahlen lässt sich nicht erkennen, was funktioniert und was verbessert werden sollte. Organisationen, die zuerst eine Ausgangsbasis schaffen und Daten regelmäßig prüfen, entwickeln sich am schnellsten. Achten Sie auf Folgendes:

Wenn Sie eine Seite, einen Shop oder eine App für Ihre Wirkungskennzahlen benötigen, erstellt We.Inc aus einer Beschreibung in wenigen Minuten eine veröffentlichbare Website. Starten Sie mit einer Vorlage, passen Sie die Seite im Chat und visuell an und veröffentlichen Sie sie mit kostenlosem SSL auf Ihrer eigenen Domain.

Seiten für Förderer und Sponsoren

Seiten für Förderer und Sponsoren sind ein wichtiger Teil einer guten Website-Strategie. Gute Grundlagen helfen allen weiteren Maßnahmen. Achten Sie dabei auf Folgendes:

Mit We.Inc kommen Teams schneller voran, weil der Websitebau für Förder- und Sponsorenseiten nicht zum Engpass wird. Beschreiben Sie eine Seite oder App in einfacher Sprache und verfeinern Sie sie dann mit visueller Bearbeitung oder dem eingebauten Code-Editor.

Schritt 7: Sorgen Sie für grundlegende Barrierefreiheit

Gerade gemeinnützige Organisationen dürfen Besucher, die Hilfstechnologien verwenden, nicht ausschließen. Zu den Grundlagen gehören ausreichender Farbkontrast, Text, der sich vergrößern lässt, ohne das Layout zu zerstören, Alternativtexte für alle wichtigen Bilder, Formulare, die nur mit der Tastatur bedienbar sind, und Untertitel für Videos. Unser Leitfaden zur ADA-Konformität von Websites für kleine Unternehmen beschreibt die praktischen Schritte ausführlicher; die meisten gelten auch für gemeinnützige Organisationen.

Schritt 8: Wählen Sie einen Weg zum Aufbau

Drei Wege kommen grundsätzlich infrage:

  1. Allgemeiner Website-Baukasten: am schnellsten zu veröffentlichen, geringe Einstiegskosten, passend für Organisationen ohne eigenes Webteam.
  2. Plattform speziell für Nonprofits: bündelt oft Spendenabwicklung und CRM-Funktionen fürs Fundraising, erfordert aber meist mehr Einrichtung und kostet mehr.
  3. Individuelle Website mit Entwicklung: am flexibelsten und teuersten; sinnvoll vor allem bei besonderen technischen Anforderungen.

Unser Überblick über die besten Website-Baukästen für Nonprofits vergleicht wichtige Angebote. Auf unseren Seiten zum Bau für Nonprofits und Wohltätigkeitsorganisationen finden Sie weitere Informationen zu speziell passenden Funktionen.

Kostenlos mit We.Inc erstellen

Wenn Sie unverbindlich eine funktionierende Website für eine gemeinnützige Organisation sehen möchten, öffnen Sie We.Inc und beschreiben Sie die Organisation in einem Satz, zum Beispiel: „Website für eine Lebensmittelausgabe mit Spendenseite, Anmeldung für Freiwillige und einem Bereich zur Wirkung.“ Der We.Inc-Baukasten erstellt daraus einen Ausgangspunkt, den Sie bearbeiten und anpassen können.

Prüfen Sie genau, was die einzelnen Tarife enthalten: Mit dem kostenlosen Tarif können Sie bis zu drei Vorlagen-Websites unter einer we.inc-Adresse veröffentlichen; eine Kreditkarte ist nicht erforderlich. Der Tarif enthält keine KI-Erstellung, daher bearbeiten Sie Texte und Fotos direkt im Editor. Für KI-Erstellung und Überarbeitung sowie eine eigene Domain (zum Beispiel ihre-charity.org statt einer we.inc-Adresse) benötigen Sie den Starter-Tarif für 20 USD pro Monat. Prüfen Sie vor der Entscheidung die aktuellen Preise oder starten Sie ohne Kreditkarte mit dem kostenlosen Website-Baukasten. Wenn Sie lieber mit einem Design als mit einer Beschreibung anfangen, sehen Sie sich zuerst die Vorlagen an.

Schritt 9: Checkliste vor der Veröffentlichung

Gehen Sie diese Liste durch, bevor Sie die neue Website ankündigen:

Die Grundlagen des Nonprofit-Webdesigns – eine Website zu erstellen, die zum Handeln bewegt – sind für jede Organisation erreichbar, die kontinuierlich daran arbeitet. Wählen Sie zunächst einen Abschnitt aus diesem Leitfaden, setzen Sie ihn vollständig um und messen Sie das Ergebnis, bevor Sie zum nächsten übergehen. Schrittweise geprüfte Fortschritte sind wirksamer, als alles gleichzeitig erledigen zu wollen. Wenn Sie eine Website, einen Shop oder eine Web-App für Ihre Arbeit brauchen, erstellen Sie sie mit We.Inc per Chat-Beschreibung. Die KI erzeugt eine veröffentlichte, bearbeitbare Website, die Sie visuell oder im Code anpassen und mit kostenlosem SSL auf Ihrer eigenen Domain bereitstellen können. Erstellen Sie kostenlos ein We.Inc-Konto – ohne Kreditkarte.

Die Website nach dem Start aktuell halten

Nonprofit-Websites scheitern meist nicht am ersten Aufbau, sondern daran, dass sie danach nicht gepflegt werden. Ein Banner für die „Gala 2023“, das 2026 noch zu sehen ist, beschädigt das Vertrauen. Bestimmen Sie eine zuständige Person – auch informell –, die Neuigkeiten aktualisiert, Wirkungszahlen bei Änderungen erneuert und alle paar Monate den Spendenablauf testet. Änderungen beim Zahlungsanbieter können ein Formular unbemerkt außer Betrieb setzen. Allgemeine Hinweise zur Auswahl einer Plattform finden Sie in unserem Beitrag über den Website-Baukasten für Nonprofits, der diesen Plan um konkrete Plattformdetails ergänzt.

Kostenlos starten · Keine Kreditkarte nötig

Product

Who It's For

Features

Resources

Company

View Sitemap