children smiling

Case Study | Bildung

Spendenaktionen für die Koshish Educational & Welfare Society India mit Drupal vorantreiben

Übersicht

Die Koshish Educational & Welfare Society ist eine gemeinnützige Organisation, die sich seit mehr als einem Jahrzehnt für einen bedeutenden und umfassenden Beitrag zur Bildung benachteiligter Kinder einsetzt. Sie haben es sich zur Aufgabe gemacht, das Leben benachteiligter Kinder und Familien zu verbessern. Ihr Ziel war es, Design und Architektur zu überarbeiten sowie die Admin- und Nutzererfahrung zu verbessern, um ihre Mission voranzutreiben. OpenSense Labs entwickelte die neue KEWS-Website auf Drupal. Die neue Architektur ermöglichte es ihnen, schneller voranzukommen, ohne auf Entwickler-Support angewiesen zu sein. Nach der Entwicklung benötigte die Website Support & Wartung, um ordnungsgemäß zu funktionieren. Das Ziel von Support und Wartung half ihnen, ihre Website benutzerfreundlich zu gestalten und Fehler zu beheben.

Ziele

Wie die meisten NGOs stand KEWS vor 3 Herausforderungen, die ihr Wachstum beeinträchtigten.

  • Mangelndes Engagement der Nutzer auf der Website
  • Geringe Konversionsraten bei Spenden
  • Langsamer Ladezeiten

Während es für NGOs einfacher ist, die Pflege ihrer Website zu vernachlässigen, wollte KEWS ihre Website als potenzielles Werkzeug nutzen, um ihre Mission voranzutreiben. Sie wollten diese Probleme effizient und innerhalb ihrer begrenzten Ressourcen angehen. 

Das Ziel war es daher, diese Herausforderungen durch ein verbessertes Website-Design, die Verfolgung von Konversionen und die Optimierung der Website-Performance zu verbessern. 

Das Gesamtprojekt wurde in 2 Teile unterteilt:

  • Überarbeitung von Design & Architektur: Dies umfasste die Optimierung des visuellen Designs und der Struktur der Website. Das Website-Redesign zielte darauf ab, die Nutzerbindung und Relevanz für Nutzer auf allen Geräten zu verbessern. Der Fokus lag auch auf der Verbesserung der Admin-Oberfläche, damit nicht-technische Mitglieder visuelle Layouts erstellen konnten, ohne von Entwicklern abhängig zu sein.
  • Support und Wartung: Behebung von Fehlern zur Gewährleistung eines reibungsloseren Nutzererlebnisses.
KOSHISH.png

Herausforderungen angehen

 Mangelndes Engagement der Nutzer auf der Website

  • Um die Website-Interaktion zu verbessern, wurde ein vollständiges Redesign der Website vorgenommen. Es wurden mehrere Schritte unternommen, um die Nutzerbindung zu erhöhen, wie z. B. die Möglichkeit, optimierte Multimedia-Inhalte im richtigen Bildformat hinzuzufügen. 
  • Der Bereich für Testimonials und Feature-Banner wurde mit einer Schiebereglerfunktion neu gestaltet, um ein besseres Nutzererlebnis zu bieten.
  • Das Image-Lightbox-Modul wurde verwendet, um eine höhere Auflösung hinzuzufügen, was die Nutzerbindung auf der Website verbesserte.
  • Eine einfache Video-Upload-Funktion im Bereich „Ankündigungen“ wurde implementiert, die Besucher auf ansprechendere Weise über die neuesten Initiativen informiert.
  • Weitere Verbesserungen, wie das Hinzufügen eines Zeitstempels zum Veranstaltungsbereich und die Vereinfachung des Benutzerregistrierungsprozesses, erleichtern es den Nutzern nun, sich ihrer Initiative anzuschließen. 
  • Lighthouse, eine Google-Erweiterung eines Drittanbieters, wurde integriert, um die Website-Performance und das gesamte Nutzererlebnis zu verbessern. Dieses Tool half dem KEWS-Team, Optimierungsschritte ohne Entwicklerhilfe zu identifizieren.

Geringe Konversionsraten bei Spenden

  • Admin-Analysen wurden eingeführt, um aktive Nutzer und Konversionen auf der Website zu verfolgen.
  • Um Spenden zu verbessern, wurde ein „Jetzt spenden“-Pop-up auf der gesamten Website hinzugefügt. Drupals Modal-Modul wurde verwendet, um Pop-ups auf der Website hinzuzufügen. Des Weiteren wurde das Design des „Jetzt spenden“-Tabs auf der Startseite verbessert, um dessen Sichtbarkeit zu erhöhen. 

    Koshish NGO - CTA
  • Eine benutzerfreundliche Admin-Oberfläche wurde erstellt, die es nicht-technischen Nutzern ermöglicht, Pop-ups für verschiedene Kampagnen zu erstellen. Wir nutzten Drupals Counter-Modul, um Echtzeit-Analysen auf der Website zu implementieren, um Website-Besuche zu verfolgen, und gestalteten es für den Administrator benutzerfreundlich, um auf das Dashboard ohne technische Kenntnisse zugreifen zu können. Diese kombinierten Funktionen ermöglichten es den Website-Administratoren, einen ganzheitlichen Überblick über Kampagnen und Nutzer zu erhalten.
  • Klare Beschriftungen und Felder auf der „Jetzt spenden“-Seite (Rs. 1000, 2000, 4000) wurden integriert, um Nutzern das Spenden unterwegs zu ermöglichen. Ein QR-Code wurde zur Spendenseite hinzugefügt, um den Prozess weiter zu vereinfachen. 

 

Betrag

Langsame Ladezeit

  • Wir folgten den Google Page Speed Insights, um den Website-Geschwindigkeits-Score zu verbessern und die Performance gemäß globalen Standards zu optimieren. Die Core Web Vitals wurden auf Desktop- und Mobilgeräten bewertet. Die Inhaltsverteilung an verschiedenen Standorten wurde mithilfe eines Content Delivery Networks (CDN) genutzt, um die Seitenladezeit zu verbessern und die Inhaltsbereitstellung zu optimieren. 
  • Wir minimierten größere HTML- und CSS-Dateien, um die Website-Geschwindigkeit zu verbessern, und reduzierten die Anzahl der HTTP-Anfragen für verschiedene Assets wie Bilder, Skripte und CSS-Dateien. Dies verbesserte die Website-Performance und das gesamte Nutzererlebnis. Wir minimierten auch die Einbindung externer Skripte, die dazu beitragen, dass die gesamte Website schneller lädt. 
  • Drupals Blazy-Modul wurde integriert, um die Bandbreite zu schonen, die Seitenladezeit zu verbessern, das Seitengewicht zu reduzieren und ein besseres Laden der Seite zu ermöglichen. Wir nutzten Caching, um Browsern das Vorladen von Inhalten zu ermöglichen und so die Bereitstellung von Webseiten zu beschleunigen. Der Cache spielte eine wichtige Rolle beim schnelleren Laden statischer Inhalte wie Bilder und Mediendateien, was letztendlich die Website beschleunigte. 

Fehlerbehebungen

  • Wir überwachten zunächst Server-Logs und die Auslastung alle 3 Stunden, um ungewöhnliches Verhalten zu überprüfen und die Hauptursachen für Fehler auf der Website zu verstehen. Wir identifizierten die Grundursache und behoben sie zeitnah. 
  • Die Drupal-Logs wurden ständig auf nicht gemeldete Fehler auf der Website überwacht und diese behoben. 
  • Alle identifizierten Website-Fehler und -Bugs wurden behoben, um die Performance der Website zu verbessern.

Ergebnis

  • Verbessertes und responsives Webdesign mit einer besseren Benutzeroberfläche. 
  • Ein besseres Nutzererlebnis durch optimierte Inhalte, visuelles Design und einen klareren Überblick über die Nutzeranalysen.
  • Gestärkte Website-Administratoren mit der Möglichkeit, Inhalte einfach und mit schnellerer Bearbeitungszeit zu erstellen.