Eine Kurzanleitung zur Neugestaltung von Nonprofit-Websites [+Best Practices]

Es ist schwer zu überschätzen, wie wichtig eine qualitativ hochwertige Website für gemeinnützige Organisationen ist. Die gesamte Reichweite, das Marketing und die Anzeigen einer Organisation müssen ein Publikum dazu bringen, Maßnahmen zu ergreifen, z. B. zu spenden, sich über Dienstleistungen zu informieren oder sich für Informationen anzumelden.

Eine effektive Website ermöglicht es, diese Aktionen schnell und nahtlos durchzuführen, sodass sich der Weg zur Konvertierung für jede dieser Aktionen mühelos anfühlt.

Auf der anderen Seite lenken unterdurchschnittliche Websites das Publikum von den Zielen ab, die Sie erreichen möchten, verwirren Besucher mit einer Navigation, die die relevantesten Informationen verdeckt, oder überladen sie mit zu vielen Handlungsaufforderungen.

Als Experten für digitales Marketing haben wir einen grundlegenden Prozess, den wir als Leitfaden verwenden, wenn wir neue gemeinnützige Website-Projekte starten, um sicherzustellen, dass das Endprodukt klar, benutzerfreundlich und letztendlich effektiv ist.

Tauchen wir ein.

Die 6 Phasen eines erfolgreichen gemeinnützigen Website-Projekts

1. Entdeckung

Während der Entdeckungsphase definiert Ihr Projektteam seine Ziele und versteht vorhandene Stärken, Wachstumschancen und Zielgruppen.

Identifizieren Sie Ihre Ziele

Der erste Schritt beim Erstellen einer besseren Website besteht darin, zu erkennen, dass Sie eine benötigen, und Ziele für die Neugestaltung festzulegen. Manchmal können Sie anhand von Daten feststellen, ob Ihre aktuelle Website Ihren Erwartungen entspricht.

Zielgruppen verstehen

Tools wie Google Analytics können Ihnen dabei helfen, festzustellen, welche Aktionen oder Inhalte beim Publikum mehr oder weniger Anklang finden, um sie entsprechend zu optimieren. Die Implementierung von Publikumsumfragen kann auch Aufschluss darüber geben, welche Teile Ihrer Website bei Ihren Schlüsselgruppen besser oder schlechter ankommen.

Inhalt bewerten

Manchmal hat das Problem möglicherweise mit der visuellen Präsentation Ihrer Markenelemente zu tun – Ihre Website benötigt möglicherweise nur ein allgemeines Facelifting oder eine verbesserte Zugänglichkeit. Marketingagenturen können Ihnen helfen, Ihre aktuelle Website detaillierter zu prüfen und zu überprüfen, um Ihnen spezifische Empfehlungen zu geben, mit denen Sie Ihre Ziele für Ihre neue Website leiten und priorisieren können.

Site-Audit

Bei einer vollständigen Neugestaltung der Website kann als erster Schritt eine Recherche erforderlich sein, um Strategie und Design zu informieren. Dies kann eine eingehende Prüfung aller vorhandenen Inhalte Ihrer aktuellen Website sowie Recherchen und Dokumentationen zu anderen technischen Plattformen (wie CRM-Systemen oder Fundraising-Plattformen in Ihrer Organisation) beinhalten. Dies kann auch bedeuten, dass Sie Ihre Zielgruppen genauer untersuchen und ihre spezifischen Bedürfnisse in verschiedenen Phasen ihrer Interaktion mit Ihrer Organisation abbilden.

SEO-Audit

Ein SEO-Audit ist ein wichtiger Schritt, um Erkenntnisse für den Wiederaufbau Ihrer Website zu gewinnen und sicherzustellen, dass das Publikum sie über die Suche leicht finden kann. Ein SEO-Audit beinhaltet eine eingehende Analyse aller Faktoren, die die Sichtbarkeit einer Website in Suchmaschinen beeinflussen. Durch diese Prüfung erhalten Sie vollständige Einblicke in die Website, den Gesamtverkehr und einzelne Seiten in Bezug auf den Zustand der Website und die allgemeine Domänenautorität.

Hier sind nur einige Dinge, die Sie bei einem SEO-Audit beachten sollten:

• Unterstützt Ihre Website eine Breadcrumb-Struktur?
• Ist Ihre Navigation sinnvoll?
• Ist es für Benutzer einfach, wichtige und relevante Inhalte auf Ihrer Website zu finden?
• Erreicht der Inhalt die richtige Zielgruppe und zielt er auf wichtige Keywords ab?
• Gibt es auf der gesamten Website korrekte Metadaten? Titel-Tags?
• Gibt es Serverfehler auf Ihrer Website?

Während dies wie einfache und banale Aufgaben erscheinen mag, sind sie entscheidende Schritte, um sicherzustellen, dass Ihre Website und Marke die organische Sichtbarkeit erhöhen. Insgesamt kann die Durchführung dieser Aufgabe dazu beitragen, sicherzustellen, dass Sie Ihre Traffic-Ziele erreichen und alle erforderlichen Änderungen bei der Neugestaltung der Website vornehmen können.

2. Strategie

Sobald Ihre Entdeckung abgeschlossen ist, können Sie zu Ihrer Strategiephase übergehen. Hier werden Sie und Ihr Team in die Planung eintauchen, wie alle Ihre Inhalte, einschließlich Texte, Bilder, Videos und andere Assets, auf der neuen Website präsentiert werden.

Content-Strategie

Sobald Sie wissen, wer Ihre Zielgruppen sind und wie Sie möchten, dass sie mit Ihren Informationen interagieren, können Sie sich mit Ihrer Inhaltsstrategie befassen – oder mit der Art und Weise, wie Sie Inhalte organisieren und entwickeln, mit denen Besucher auf Ihrer Website interagieren können . Dazu kann die Überarbeitung Ihrer Sitemap (auch bekannt als Liste von Seiten in einer hierarchischen Reihenfolge für Ihre Website) und der Navigation gehören, damit Inhalte, die für eine bestimmte Zielgruppe relevant sind, gruppiert werden, und zwar auf eine Weise, die es ihnen leicht macht den richtigen Inhalt am richtigen Punkt ihrer Reise finden.

Bei der Erforschung Ihrer Content-Strategie ist es entscheidend, alle Phasen der User Journey einer Zielgruppe zu berücksichtigen. Wie wirken neue Besucher auf Ihrer Website und wie können Sie wiederkehrenden Besuchern das Leben erleichtern?

Als gemeinnützige Organisation möchten Sie verschiedene Teile Ihrer Geschichte mit neuen und bestehenden Unterstützern teilen – beispielsweise können Sie mit neuen Besuchern Hintergrundinformationen zu Ihrer gemeinnützigen Organisation teilen und mit bestehenden Unterstützern können Sie ihnen die Auswirkungen und Ergebnisse zeigen Ihrer gemeinnützigen Organisation, damit sie sehen können, wie wichtig ihre Beiträge sind.

Informationsarchitektur

Sobald die allgemeine Inhaltsstrategie festgelegt ist, können Sie damit beginnen, die Rolle oder Geschichte zu festigen, die jede einzelne Seite spielen wird. Indem Sie die wichtigsten Botschaften nach oben bringen und weniger dringende Elemente auf der Seite nach unten kaskadieren lassen, bauen Sie Ihre lockere Informationsarchitektur auf, die UXern und Designern hilft, Ihre Geschichte zum Leben zu erwecken.

3. UX und Design

Wenn Sie in Ihre User Experience (UX)- und Designphase eintreten, werden Sie Ihre gesamte Entdeckung und Strategie mit Visuals zum Leben erwecken. Indem Sie Ihr Publikum während dieser Phase im Auge behalten, können Sie seine Bedürfnisse so effektiv wie möglich erfüllen.

Als nächstes folgt das Design der Benutzererfahrung (UX), oft in Form von Prototypen oder Wireframes, um eine visuelle Struktur für jede Seite bereitzustellen. Manchmal enthalten diese Wireframes auch fiktive Texte, bei denen es sich um kurze Textstücke handelt, die auf Dinge wie „Hier kommt die Überschrift über unser Spendenprogramm“ hinweisen. Dies kann hilfreich sein, um spätere Copywriting-Bemühungen für Website-Inhalte zu lenken.

Die Dinge werden interessanter und lustiger, wenn die visuelle und kreative Ausrichtung der neuen Website festgelegt wird. Designer können einen neuen visuellen Ansatz für Ihre Markenelemente, Farben, Schriftarten und andere Stilelemente empfehlen. Nach der Genehmigung wird dieser visuelle Ansatz auf Seitendesigns und Layouts angewendet, um zu endgültigen Seitendesigns zu gelangen.

4. Umsetzung

In Ihrer Implementierungsphase werden Sie feststellen, dass die Entwicklungsprozesse je nach Plattform etwas variieren. Während Sie und Ihr Team an der Implementierung Ihrer Arbeit arbeiten, treffen Sie einige Entscheidungen, die sich darauf auswirken, wie einfach Ihre Website zu warten ist (durch No-/Low-Code-Plattformen im Vergleich zu codegesteuerten Produkten).

Designs, Anforderungen, Spezifikationen und Text kommen zusammen mit Entwicklungsbemühungen, um eine neue Website zum Leben zu erwecken. Heutzutage müssen Unternehmen viele großartige Optionen in Betracht ziehen: No-Code-Plattformen wie Squarespace oder Wix können viele Teile des Entwicklungsprozesses so einfach gestalten, dass Entwickler nicht benötigt werden und die Wartungskosten auf Kosten einer gewissen Flexibilität stark reduziert werden darüber, mit welchen Arten von technischen Integrationen sie gut arbeiten können und wie viel Anpassung möglich ist.

Einige Lösungen wie das CMS von Hubspot sind auf die CRM-Tools von HubSpot zugeschnitten und bieten eine sofort einsatzbereite Lösung für Unternehmen, die eine leistungsstarke, aber benutzerfreundliche Oberfläche wünschen. HubSpot bietet mehr als zwei Dutzend Designs für gemeinnützige Organisationen zur Auswahl, wodurch Anpassungen, ein elegantes Design und eine Benutzererfahrung innerhalb von Minuten verfügbar sind.

Entwicklungsintensivere Plattformen wie WordPress sind mit höheren Investitionen in den Erstellungsprozess und langfristigen Wartungskosten für Dinge wie Plugins und Hosting verbunden, bieten aber endlose Möglichkeiten, eine benutzerdefinierte Website-Vision zu verwirklichen.

5. Qualitätssicherungstests

Sobald der endgültige Inhalt in Ihre neue Website eingegeben oder migriert wurde und ein Ansatz für Blog-Posts und SEO-Überlegungen angesprochen wurde, können Qualitätssicherungstests (QA) durchgeführt werden.

QA-Tests können überprüfen, ob die Website auf allen Geräten gut dargestellt wird, Barrierefreiheitsstandards erfüllt, auf Geschwindigkeit optimiert ist und gemäß den Anforderungen funktioniert.

6. Zugänglichkeit

Das Erstellen einer Website, die nicht nur funktional und gut organisiert, sondern auch für alle zugänglich ist, wird zum Standard. Als gemeinnützige Organisationen ist es noch wichtiger, alle Zielgruppen anzusprechen, insbesondere diejenigen, denen Sie möglicherweise dienen.

Denken Sie daran, dass Barrierefreiheit bedeutet, allen Behinderungen gerecht zu werden, nicht nur denen, die offensichtlich sind. Über 13 % der US-Bevölkerung haben eine Sehbehinderung. Der bewusste Wechsel hin zur Barrierefreiheit Ihrer Website besteht aus kleinen Änderungen, wie der Verwendung geeigneter Farben, H1/H2-Tagging für Screenreader und der Bereitstellung von Alt-Text für alle Bilder und Grafiken. Das Ankreuzen dieser Kästchen trägt wesentlich dazu bei, dass jeder ein positives Erlebnis auf Ihrer Website hat.

Sobald Ihre QA-Tests abgeschlossen sind, einschließlich Ihrer Barrierefreiheitsprüfungen, können Sie Änderungen vornehmen und Lösungen finden, und dann ist die Website bereit für die endgültige Genehmigung zur Veröffentlichung.

Unabhängig von Ihrer Plattform gibt es einige Details (die oft vergessen werden), die Sie immer im Auge behalten sollten.

Hier sind ein paar Beispiele für großartige No-Code- und Low-Code-Websites für gemeinnützige Organisationen.

Beispiele für Non-Profit-Websites ohne Code

1. 50 Staaten, 50 Stipendien

Es wird besser: 50 Staaten. 50 Stipendien. Die 5000-Stimmen-Kampagne wurde mit Webflow erstellt. Obwohl die Website auf einer Vorlage basiert, hat sie immer noch viel Bewegung und Engagement und stellt eine individuellere Website dar.

Themenbereich : LGBTQIA+

Website-Plattform: Webflow

Website: https://www.50states50grants.com/

2. RiseUP-Marketingstipendium

RiseUP Marketing Fellowship ist ein zweckorientiertes Marketing-Stipendium, das darauf abzielt, die Vielfalt, den Zugang und die spürbare soziale Wirkung in der Marketing- und Werbebranche zu erhöhen.

Themenbereich: Beschäftigung

Website-Plattform: Squarespace

Website: https://www.riseupfellows.com/

Beispiele für Code-gesteuerte Nonprofit-Websites

1. OPS

OPS inspiriert, befähigt und verbindet eine globale Gemeinschaft mit wirkungsvollen Filmen und visuellem Geschichtenerzählen, um die kritischsten Probleme unseres Planeten aufzudecken.

Themenbereich: Umwelt

Website-Plattform: WordPress

Website: https://www.opsociety.org/

2. Hinreise in die USA

Outward Bound USA ist seit 1962 der führende Anbieter von Outdoor-Bildungsprogrammen, die es jungen Menschen ermöglichen, ihr persönliches Potenzial zu entdecken.

Themenbereich: Bildung

Website-Plattform: WordPress

Website: https://www.outwardbound.org/

3. Die Gerson-Mission

Die Mission des Gerson Institute ist verankert in der Bildung von Lebensmitteln als Medizin, der Verringerung der Exposition gegenüber Giftstoffen und der Schaffung einer gesünderen Welt, in der die Gerson-Therapie nicht nur eine praktikable Option, sondern eine Säule der Behandlung chronischer Krankheiten ist.

Themenbereich: Gesundheit

Website-Plattform: WordPress

Website: https://gerson.org/

Häufige Fallstricke auf Nonprofit-Websites

1. Tracking und Conversions

Allzu oft vergessen Organisationen, ihr Tracking auf eine neue Website zu übertragen und/oder einzurichten. Stellen Sie zumindest sicher, dass Ihr Google Tag Manager und Google Analytics veröffentlicht werden, wenn die Website veröffentlicht wird.

Wahrscheinlich haben sich bei den meisten Website-Umbauten Elemente und Formulare auf der Website verschoben. Schaltflächen können ihre Farbe oder Platzierung geändert haben und neue Seiten wurden möglicherweise hinzugefügt. Jedes benutzerdefinierte Ereignis- oder Conversion-Tracking auf Ihrer bestehenden Website muss für die nächste Website neu erstellt werden, damit Sie nichts von Ihrem Tracking verlieren.

Es gibt nichts Schlimmeres, als zu erkennen, dass ein Pixel mitten in der Kampagne nicht richtig ausgelöst wird. Stellen Sie sicher, dass Sie sich die Zeit nehmen, Ihre Website zu prüfen, Formulare und Schaltflächen zu testen und Berichte zu erstellen, sobald die Website online ist.

2. SEO

Jedes Unternehmen braucht eine starke Marketingstrategie, auch gemeinnützige Organisationen! Die meisten gemeinnützigen Organisationen wissen es jedoch nicht oder haben es nicht in Betracht gezogen, in Suchmaschinenoptimierung (SEO) zu investieren, obwohl dies eine der höchsten Renditen haben kann.

Wie erwarten Sie, dass Ihre Unterstützer, Freiwilligen und Fürsprecher Sie finden, wenn Sie nicht in Ihre SEO- und Content-Strategie investieren? Etwa 53 % der Befragten sagen, dass sie vor dem Kauf immer recherchieren, um sicherzustellen, dass sie die bestmögliche Wahl treffen. Das ist bei gemeinnützigen Organisationen nicht anders.

Starkes SEO ist für gemeinnützige Organisationen angesichts der beschleunigten digitalen Transformation aufgrund von COVID und des allgemeinen politischen Klimas in den Vereinigten Staaten wichtiger denn je. Viele Amerikaner suchen nach Möglichkeiten, Organisationen mit bestimmten sozialen Themen zu unterstützen – was den größeren Bedarf an starkem SEO unterstreicht.

3. Zugänglichkeit

Nach Angaben der Weltgesundheitsorganisation leben eine Milliarde Menschen – ungefähr 15 % der Weltbevölkerung – mit irgendeiner Form von Behinderung. Und etwa 75 % der Amerikaner mit Behinderungen geben an, täglich das Internet zu nutzen.

Es ist wichtig zu bedenken, dass Barrierefreiheit im Webdesign am besten ist, wenn sie im Voraus geplant wird, aber in jeder Phase des Lebenszyklus einer Website auf sinnvolle Weise behoben werden kann.

Wie oben erwähnt, gibt es kleine Änderungen, die dazu beitragen können, dass jeder mit Ihrer Website interagiert, aber einige der wichtigsten sind wie folgt:

• Stellen Sie sicher, dass die Farben Ihrer Texte/Hintergründe für Menschen mit Sehbehinderungen, einschließlich Farbenblindheit, freundlich sind
• Wenn verfügbar, entwerfen Sie spezifische Texte für Alternativtexte zu Bildern und Grafiken, um verbal zu beschreiben, was jemand anderes sehen würde
• Dies hilft auch Leuten, die Screenreader verwenden, da eine Stimme zu haben, die beschreibt, was sie sehen, ihrem Online-Erlebnis Kontext und Farbe hinzufügt
• Die Verwendung der Tabulatortaste zum Navigieren auf Ihrer Website, um zu sehen, wie Personen, die nicht in der Lage sind, mit der Maus herumzufahren, mit Ihren Inhalten interagieren, kann Bereiche beleuchten, in denen möglicherweise mehr Arbeit erforderlich ist.
• Und schließlich kann die Überprüfung auf Diskrepanzen zwischen einer mobilen und einer Desktop-Erfahrung ein guter letzter Schritt sein, um sicherzustellen, dass Sie den Barrierefreiheitsanforderungen entsprechen

Letztendlich ist die Neugestaltung einer Website nicht einfach, aber es ist eine kluge und lukrative Geschäftsentscheidung, wenn es darum geht, Ihrer gemeinnützigen Organisation dabei zu helfen, neue Zielgruppen zu erreichen und die Wirkung zu steigern. Eine starke Website ist für jede Marke von entscheidender Bedeutung, aber besonders wichtig für gemeinnützige Organisationen, die darauf abzielen, ein interessiertes Publikum zu erreichen und zu inspirieren.