5 Designelemente für gemeinnützige Websites, die Sie einbeziehen sollten
Veröffentlicht: 2020-02-21Webdesign für gemeinnützige Organisationen sollte von Ihrer Organisation nicht übersehen werden.
Das Erstellen einer digitalen Marketingstrategie für gemeinnützige Organisationen kann aufregend sein. Es gibt Ihnen die Möglichkeit, eine Online-Präsenz aufzubauen, Ihre Mission bekannt zu machen und das Engagement Ihrer Unterstützer zu steigern.
Website-Design für gemeinnützige Organisationen
Es gibt jedoch eine Menge Dinge, die in das Website-Design einfließen. Der Einstieg kann sich für viele gemeinnützige Organisationen wie eine entmutigende Aufgabe anfühlen. Sie können sofort auf Fragen stoßen, welche Inhalte Sie präsentieren, wie Sie sie strukturieren und wie Sie den Verkehr auf Ihre wertvollsten Seiten lenken können. Dies hängt alles von Ihrem CMS ab.
Kurz gesagt, ein CMS erleichtert die Erstellung und Änderung der Inhalte auf einer Website. Nicht jede Organisation verfügt über das technische Know-how, das erforderlich ist, um eine fesselnde Website von Grund auf neu zu erstellen, und das ist in Ordnung. Ihr CMS sollte Ihnen alle Tools zur Verfügung stellen, die Sie benötigen, um ohne Frust genau die Website zu entwerfen, die Sie möchten.
Darüber hinaus hilft Ihnen ein speziell für gemeinnützige Organisationen entwickeltes CMS dabei, Ihre Mission zu vermitteln, Spenden zu fördern und Ihre Mission weiterhin schnell und einfach zu erfüllen. Die Investition in das richtige Content-Management-System ist der wesentliche erste Schritt zur Erstellung einer effektiven Non-Profit-Website. Sobald Sie die richtigen Tools ausgewählt haben, können Sie sich auf die Einrichtung der Website selbst konzentrieren.
Behalten Sie beim Erstellen oder Relaunch Ihrer gemeinnützigen Website die Benutzererfahrung im Vordergrund Ihrer Webdesign-Strategie. Um dies zu erreichen, konzentrieren Sie sich auf die folgenden wichtigen Webdesign-Elemente:
- Zeige ansprechende Bilder
- Konzentrieren Sie sich auf eine reibungslose Navigation
- Erhöhen Sie die Benutzerfreundlichkeit mit mobiler Optimierung
- Minimieren Sie die Ladezeit der Seite
- Erhöhen Sie die Sichtbarkeit mit Suchmaschinenoptimierung
Die besten gemeinnützigen Websites verkörpern all diese Merkmale und sind effektiv darin, Unterstützer online zu gewinnen und zu halten. Sobald Sie das getan haben, können wir uns jedes dieser wichtigen Webdesign-Elemente genauer ansehen.
1. Zeige ansprechende Bilder
Fesseln Sie Benutzer von dem Moment an, in dem sie auf Ihrer Homepage landen, mit aussagekräftigen Bildern. Überzeugende Grafiken sind ein wesentlicher Bestandteil jeder effektiven gemeinnützigen Website. Sie sind eine einfache und effektive Möglichkeit, Unterstützern die Wirkung zu zeigen, die sie erzielen, anstatt es ihnen nur zu sagen. Strategisch platzierte Grafiken helfen, Ihre Mission voranzutreiben, indem sie Emotionen bei den Lesern hervorrufen, also stellen Sie sicher, dass Sie sie auf Ihrer Website präsentieren.
Beachten Sie bei der Auswahl von Bildern und Grafiken für Ihre Website diese Best Practices, um deren Effektivität zu maximieren:
- Verwenden Sie Ihre eigenen Fotos. Halten Sie sich nicht an generische Stock-Fotos. Zeigen Sie stattdessen hochauflösende Bilder Ihrer Mitarbeiter, Freiwilligen, Spender und Wähler. Indem Sie echte Menschen präsentieren, helfen Sie Ihrer Website, sich von anderen abzuheben.
- Überladen Sie die Seite nicht. Während Bilder effektiv sind, kann zu viel davon den Leser ablenken und die Seite verlangsamen. Halten Sie es minimal und verwenden Sie es nur dort, wo es am effektivsten ist.
- Platzieren Sie Ihre Bilder strategisch. Jedes Bild sollte einen Zweck erfüllen. Verwenden Sie sie, um Ihren Inhalt zu unterstützen und den Text aufzulockern.
- Vermitteln Sie Ihre Marke. Unabhängig von Ihrer Mission sollten Ihre Bilder Ihre Marke Ihren Besuchern effektiv vermitteln.
Die Auswahl der richtigen Bilder kann dazu beitragen, Ihre Konversionsrate zu steigern, mehr Traffic zu generieren und letztendlich die Spenderbindung zu steigern. Denn visuell vermittelte Informationen sind unmittelbar verständlich und können bei richtiger Anwendung stark motivierend wirken.
2. Konzentrieren Sie sich auf eine reibungslose Navigation
Ein wesentlicher Teil des User Experience Designs ist die Struktur der Website Ihrer gemeinnützigen Organisation. Benutzer sollten Ihre Website nicht durchsuchen müssen, um die benötigten Informationen zu finden. Vielmehr soll ihnen eine intuitive Navigation dabei helfen, möglichst schnell genau das zu finden, was sie suchen.
Die intuitive Navigation beginnt mit einer Navigationsleiste, die auf Ihrer gesamten Website sichtbar ist. Eine beliebte Option ist das Einfügen einer oberen oder linken Navigationsleiste. Um die besten Ergebnisse zu erzielen, halten Sie es minimal. Um dies zu erreichen, stellen Sie hochwertige Seiten vor, auf die Sie Traffic lenken möchten (z. B. Ihre „Über uns“-Seite, Ihr Spendenformular usw.). Verwenden Sie dann eine hierarchische Struktur, um anzugeben, welche Seiten Vorrang haben.
Implementieren Sie beim Entwerfen Ihrer Navigationsleiste diese Vorschläge für eine intuitive Benutzeroberfläche:
- Halten Sie Navigationstitel zwischen 1 und 3 Wörtern.
- Vermeiden Sie Jargon und Sprache, die den Inhalt der Zielseite nicht klar wiedergeben.
- Bleiben Sie bei Bedarf bei nur einer Ebene von Dropdown-Menüs.
Sobald Sie eine unkomplizierte Navigationsleiste integriert haben, vereinfachen Sie Ihre Benutzeroberfläche noch mehr, indem Sie Calls-to-Action (CTAs) und Schaltflächen auf Ihrer gesamten Website integrieren. Stellen Sie sicher, dass es in relevanten Inhalten enthalten ist, beginnend mit einem Spenden-Button auf Ihrer Homepage.
Denken Sie daran, dass Benutzer Ihre Website aus unterschiedlichen Gründen besuchen. Stellen Sie sicher, dass es für neue Besucher einfach ist, mehr über Ihre Organisation zu erfahren, für Spender, Ihr Spendenformular zu finden, und für Unterstützer, Möglichkeiten für Freiwillige und bevorstehende Veranstaltungen zu finden.
Wenn Ihre Navigation in irgendeiner Weise undeutlich ist, wird es für Ihre Besucher schwierig, auf Inhalte zuzugreifen, die für sie von Interesse sind, was auch ihre Fähigkeit behindert, mit Ihrer Organisation in Kontakt zu treten. Stellen Sie sicher, dass Ihr CMS Themen mit integrierten Navigationsschaltflächen bietet, damit Sie es viel einfacher haben, Benutzer zu hochwertigen Seiten zu leiten.
3. Erhöhen Sie die Benutzerfreundlichkeit mit mobiler Optimierung
Heutzutage machen mobile Benutzer den Großteil des Website-Traffics aus. Tatsächlich werden fast 60 % aller Internetzugriffe über Mobiltelefone abgewickelt.

Aus diesem Grund müssen gemeinnützige Websites auf allen Geräten voll funktionsfähig sein. Wenn Besucher Ihre Website auf ihren Smartphones anzeigen, müssen sie andernfalls hinein- und herauszoomen, um Ihre Inhalte zu lesen, oder sie können möglicherweise überhaupt nicht auf die Inhalte zugreifen. Das kann sie leicht frustrieren, und sie werden höchstwahrscheinlich gehen, ohne zweimal nachzudenken.
Achten Sie bei der Auswahl eines CMS auf diese wichtigsten Funktionen für Mobilgeräte:
- Mobile Reaktionsfähigkeit. Jede Seite Ihrer Website sollte sich an jede Bildschirmgröße anpassen, egal ob es sich um einen Desktop, ein Tablet oder ein Smartphone handelt.
- Mobile Formulare. Jedes Formular (z. B. Spendenformulare, freiwillige Anmeldungen und Veranstaltungsregistrierungen) sollte für Mobilgeräte skalierbar sein, sodass Besucher nicht hinein- und herauszoomen oder ihr Gerät drehen müssen, um es auszufüllen.
- Mobile Popups. Ihre Pop-ups (wie Lead-Erfassungsformulare) sollten sich auch an mobile Benutzer anpassen. Auf diese Weise werden Benutzer nicht frustriert nach einer Möglichkeit suchen, das Popup zu schließen.
Wenn Ihre Website nicht für mobile Benutzer optimiert ist, riskieren Sie eine viel höhere Absprungrate. Arbeiten Sie für eine positive Benutzererfahrung mit einem CMS, das eine automatische Optimierung für Mobilgeräte bietet. Wenn Sie eine Mobile-First-Perspektive einnehmen, entfernen Sie Ihre Website von allen unnötigen Nur-Desktop-Elementen.
4. Minimieren Sie die Ladezeit der Seite
Um die Benutzererfahrung zu verbessern, müssen Sie Ihre Website so schnell wie möglich halten. Tun Sie dies, indem Sie alle überflüssigen Elemente ausschneiden. Je mehr Elemente Sie haben, desto länger dauert das Laden Ihrer Seite, was bedeutet, dass Sie eine höhere Absprungrate riskieren.
Benutzer werden wahrscheinlich nicht länger als ein paar Sekunden , geschweige denn Minuten , damit verbringen, auf das Laden Ihrer Website zu warten. Da ihnen das gesamte Web zur Verfügung steht, wenden sie sich wahrscheinlich an eine andere Website, um auf die benötigten Informationen zuzugreifen, wenn Ihre Website keine sofortigen Ergebnisse liefert.
Es gibt mehrere Schritte, die Sie unternehmen können, um die Website-Geschwindigkeit zu verbessern. Befolgen Sie diese Best Practices, um Ihre Ladezeit zu verkürzen und Benutzer auf Ihrer Website zu halten:
- Bilder skalieren und komprimieren
- Minimieren Sie Popups
- Wählen Sie HTML und CSS statt Flash Player
- Begrenzen Sie die Anzahl der verwendeten benutzerdefinierten Schriftarten
Kurz gesagt, halten Sie es minimal und streben Sie nach Einfachheit. Dies hilft nicht nur bei der Ladezeit, sondern verbessert auch die Navigation, begrenzt Ablenkungen und hilft, hochwertige Inhalte hervorzuheben.
Erfahrene Webdesign-Agenturen wissen, wie man Ladezeiten minimiert und die richtigen CMS-Vorlagen helfen, Webseiten für Sie zu optimieren. Testen Sie in der Zwischenzeit die Ladegeschwindigkeit Ihrer gemeinnützigen Website mit den PageSpeed Insights von Google. Passen Sie dann entsprechend an, um Ihre Website zu beschleunigen.
5. Erhöhen Sie die Sichtbarkeit mit SEO
Um das Bewusstsein in Ihrer Organisation zu erhöhen, muss Ihre Website online sichtbar und durchsuchbar sein. Wahrscheinlich haben Sie schon einmal den Begriff Suchmaschinenoptimierung (SEO) gehört, aber wissen Sie, wie Sie ihn in Ihre Webdesign- Strategie integrieren können?
Grundsätzlich beinhaltet SEO die Optimierung des Inhalts Ihrer Website, damit sie in beliebten Suchmaschinen wie Google einen prominenten Rang einnimmt. Zu lernen, wie SEO funktioniert, ist nicht allzu schwierig. Die Umsetzung in die Praxis ist eine ganz andere Geschichte. Um Ihnen dabei zu helfen, sollte Ihr CMS SEO-Tools anbieten, die Ihnen helfen, Ihre Inhalte zu optimieren und in Suchmaschinen einen höheren Rang einzunehmen. Halten Sie Ausschau nach diesen Tools:
- Editoren für Meta-Titel. Ein Metatitel ist der Titel, den eine Suchmaschine anzeigt, wenn Ihre Seite in den Suchergebnissen angezeigt wird. Ihr CMS sollte es einfach machen, den Metatitel zu bearbeiten und den Verkehr auf Ihre Website zu lenken.
- Benutzerdefinierte Meta-Beschreibungen. Eine Meta-Beschreibung sagt einem Leser, worum es auf Ihrer Seite geht, bevor er darauf klickt. Dies gibt ihnen eine bessere Vorstellung davon, was der Inhalt beinhaltet, also stellen Sie sicher, dass Ihr CMS Bearbeitungsfunktionen für Meta-Beschreibungen bietet.
- Anpassbare URLs. Zu lange URLs können spammig aussehen und Leser abschrecken. Wenn Sie Ihre URL anpassen, kürzen Sie sie und fügen Sie das Keyword hinzu, auf das Sie mit dieser Seite abzielen. Dies kann Ihnen helfen, einen höheren Rang einzunehmen und den Traffic auf dieser Seite zu steigern.
Fazit
Jetzt, da Sie ein paar umsetzbare Tipps kennen, die Ihnen helfen, die SERPs zu dominieren, Ihre Inhalte zu optimieren, Ihre Online-Sichtbarkeit zu erhöhen und Ihre Mission bekannt zu machen.
Das Erstellen der Website Ihrer gemeinnützigen Organisation muss nicht frustrierend oder überwältigend sein. Behalten Sie während des gesamten Webdesign-Prozesses die Benutzererfahrung im Auge. Um dies zu erreichen, sollten Sie in ein CMS investieren, das den Prozess vereinfacht und jegliche Verwirrung beim Erstellen Ihrer Website beseitigt. Wenn Sie diese besten Designtipps beachten, erstellen Sie mit Sicherheit eine Website, die Ihr Unternehmen am besten repräsentiert.
Wenn Sie zusätzliche Anleitung benötigen, kann Ihnen die Verwendung eines Designleitfadens dabei helfen, die effektivste gemeinnützige Website zu erstellen, die möglich ist. Schon bald werden Sie ein gemeinnütziger Webdesign-Profi sein!
Stellen Sie sicher, dass Ihr Webdesign so einfach wie möglich ist, indem Sie die richtige Webdesign-Software verwenden, um den Prozess zum Kinderspiel zu machen.