Überblick
Koshish Educational & Welfare Society ist eine gemeinnützige Organisation, die seit mehr als einem Jahrzehnt einen bedeutenden und umfassenden Beitrag zur Bildung unterprivilegierter Kinder leistet. Sie hat sich der Verbesserung des Lebens unterprivilegierter Kinder und Familien verschrieben. Sie wollten ihr Design und ihre Architektur überarbeiten und ihre Administration und Benutzererfahrung verbessern, um ihre Mission voranzutreiben. OpenSense Labs hat die neue KEWS-Website auf Drupal erstellt. Die neue Architektur hat ihnen geholfen, ohne Entwicklerunterstützung schneller voranzukommen. Nach der Entwicklung benötigte die Website Support und Wartung, um richtig zu funktionieren. Das Ziel von Support und Wartung half ihnen, ihre Website benutzerfreundlich zu gestalten und Fehler zu beheben.
Ziele
Wie die meisten NGOs war KEWS mit drei Herausforderungen konfrontiert, die ihr Wachstum beeinträchtigten.
- Mangelndes Engagement der Benutzer auf der Website
- Schlechte Konvertierungsraten bei Spenden
- Langsame Ladegeschwindigkeit
Während es für NGOs einfacher ist, die Website-Pflege zu vernachlässigen, wollte KEWS seine Website als potenzielles Instrument zur Förderung seiner Mission nutzen. Das Unternehmen wollte diese Probleme effizient und im Rahmen seiner begrenzten Ressourcen angehen.
Das Ziel bestand daher darin, diese Herausforderungen durch ein verbessertes Website-Design, die Verfolgung von Conversions und die Optimierung der Website-Leistung zu meistern.
Das Gesamtprojekt gliederte sich in 2 Teile:
- Design- und Architektur-Neugestaltung: Dies umfasste die Bereinigung des visuellen Designs und der Struktur der Website. Die Neugestaltung der Website zielte darauf ab, die Benutzerinteraktion und -relevanz für Nutzer auf allen Geräten zu verbessern. Ein weiterer Schwerpunkt lag auf der Verbesserung der Administrationsoberfläche, damit auch technisch nicht versierte Mitglieder visuelle Layouts erstellen können, ohne auf Entwickler angewiesen zu sein.
- Support und Wartung: Beheben Sie Fehler, um ein reibungsloseres Benutzererlebnis zu gewährleisten.
Die Herausforderungen angehen
Mangelndes Engagement der Benutzer auf der Website
- Um die Benutzerinteraktion zu verbessern, wurde die Website komplett neu gestaltet. Es wurden mehrere Schritte unternommen, um die Benutzerinteraktion zu verbessern, beispielsweise durch die Bereitstellung der Option, optimierte Multimediainhalte im richtigen Bildformat hinzuzufügen.
- Der Abschnitt mit Testimonials und Feature-Bannern wurde für ein besseres Benutzererlebnis mit einer Schiebefunktion neu erstellt.
- Durch das Bild-Leuchtkastenmodul wurde eine höhere Auflösung erreicht, was die Benutzerbindung auf der Website verbesserte.
- Im Abschnitt „Ankündigungen“ wurde eine einfache Funktion zum Hochladen von Videos bereitgestellt, die die Besucher auf ansprechendere Weise über die neuesten Initiativen informiert.
- Weitere Verbesserungen, wie das Hinzufügen eines Zeitstempels zum Abschnitt „Ereignisse“ und die Vereinfachung des Benutzerregistrierungsprozesses, erleichtern den Benutzern nun die Einbindung in ihre Initiative.
- Lighthouse, eine Google-Erweiterung eines Drittanbieters, ist integriert, um die Website-Performance und das allgemeine Benutzererlebnis zu verbessern. Dieses Tool half dem KEWS-Team, ohne Entwicklerunterstützung Optimierungsschritte zu identifizieren.
Schlechte Konvertierungsraten bei Spenden
- Einführung von Admin-Analysen zur Verfolgung aktiver Benutzer und Conversions auf der Website.
- Um die Spendenfunktion zu verbessern, wurde auf der gesamten Website ein Popup-Fenster „Jetzt spenden“ hinzugefügt. Das Modalmodul von Drupal wurde verwendet, um Popups zur Website hinzuzufügen. Darüber hinaus wurde das Design des „Jetzt spenden“-Tabs auf der Startseite verbessert, um seine Sichtbarkeit zu erhöhen.
- Wir haben eine benutzerfreundliche Admin-Oberfläche erstellt, die es auch technisch nicht versierten Benutzern ermöglicht, Pop-ups für verschiedene Kampagnen zu erstellen. Mithilfe des Counter-Moduls von Drupal konnten wir Echtzeitanalysen für die Website implementieren und so die Website-Besuche verfolgen. Zudem wurde der benutzerfreundliche Zugriff auf das Dashboard für Administratoren ohne technische Kenntnisse ermöglicht. Diese Funktionen ermöglichen Website-Administratoren einen umfassenden Überblick über Kampagnen und Benutzer.
- Integrierte eindeutige Beschriftungen und Felder auf der Spendenseite (1000, 2000, 4000 Rupien), damit Nutzer auch unterwegs spenden können. Ein QR-Code wurde der Spendenseite hinzugefügt, um den Vorgang weiter zu vereinfachen.
Langsame Ladegeschwindigkeit
- Wir nutzten die Google Page Speed Insights, um den Website-Geschwindigkeitswert zu verbessern und die Leistung gemäß globalen Standards zu optimieren. Wir bewerteten die wichtigsten Web-Vitalwerte auf Desktop- und Mobilgeräten. Mithilfe eines Content Delivery Network (CDN) nutzten wir die Content-Multiplikation an verschiedenen Standorten, um die Seitenladezeit zu verkürzen und die Inhaltsbereitstellung zu optimieren.
- Wir haben größere HTML- und CSS-Dateien minimiert, um die Website-Geschwindigkeit zu verbessern, und die Anzahl der HTTP-Anfragen für verschiedene Elemente wie Bilder, Skripte und CSS-Dateien reduziert. Dies verbesserte die Website-Performance und das allgemeine Benutzererlebnis. Außerdem haben wir die Einbindung externer Skripte, die zu einem schnelleren Laden der Website beitragen, minimiert.
- Das Blazy-Modul von Drupal wurde integriert, um Bandbreite zu sparen, die Seitenladezeit zu verbessern, das Seitengewicht zu reduzieren und einen schnelleren Seitenaufbau zu ermöglichen. Wir nutzten Caching, um Browsern das Vorladen von Inhalten zu ermöglichen und so die Webseitenauslieferung zu beschleunigen. Der Cache spielte eine wichtige Rolle beim schnelleren Laden statischer Inhalte wie Bilder und Mediendateien, was letztendlich zur Beschleunigung der Website beiträgt.
Fehlerbehebungen
- Wir haben zunächst alle drei Stunden die Serverprotokolle und die Auslastung überwacht, um auf ungewöhnliches Verhalten zu prüfen und herauszufinden, wo die Website die größten Fehler aufwies. Wir haben die Ursache identifiziert und zeitnah behoben.
- Die Drupal-Protokolle wurden ständig auf nicht gemeldete Fehler auf der Website überwacht und behoben.
- Alle identifizierten Website-Bugs und -Fehler wurden behoben, um die Leistung der Website zu verbessern.
Ergebnis
- Ergebnis: Verbessertes und ansprechendes Webdesign mit einer besseren Benutzeroberfläche.
- Eine bessere Benutzererfahrung durch verbesserte Inhalte, visuelles Design und eine klarere Übersicht über die Benutzeranalyse.
- Befähigter Site-Administrator mit einfach zu erstellenden Inhalten und schnellerer Bearbeitungszeit.