Landing Page Builder für Non-Profit Organisation
Schnelle, flexible und kosteneffiziente Erstellung dank Composable Frontend
Für diese wohltätige Organisation, die zu 100 Prozent durch Spenden finanziert wird, spielt die Webseite eine entscheidende Rolle für die Umsetzung ihrer Hilfsprogramme weltweit.
Um die Reaktionsfähigkeit auf globale Krisen zu verbessern, wandte sich die NGO an ruhmesmeile. Unser modularer, systematisierter Baukasten, basierend auf einem kickstartDS Design System, bot die perfekte Lösung.

Die Herausforderung
Unter Zeitdruck, schnell und kostengünstig Spendenseiten erstellen
Die NGO stand häufig unter dem Druck, auf dringende globale Krisen wie Hungerkatastrophen schnell reagieren zu müssen. Es war entscheidend, ohne Verzögerungen und hohe Kosten für externe Designkonzepte handeln zu können. Die bisherige Praxis, externe Agenturen für jede Kampagne zu engagieren, war nicht nur teuer, sondern auch zeitaufwendig. Dies erschwerte es der Non-Profit-Organisation, schnell auf akute Notlagen zu reagieren.
Ein weiteres Problem war die mangelnde Wiederverwertbarkeit des entwickelten Codes. Für jede Kampagne wurden ähnliche Elemente benötigt, jedoch mussten diese jedes Mal neu programmiert werden. Dies führte zu redundanten Entwicklungsarbeiten und einem erhöhten Pflegeaufwand.

Lösung und Vorgehen
Als Spezialist für moderne Frontends wurden wir beauftragt, kurzfristig eine Spendenkampagne umzusetzen. Mit unserem kickstartDS Design System konnten wir in kürzester Zeit eine funktionsfähige Landingpage entwickeln und live schalten. Dies beeindruckte die Organisation nicht nur durch die kurze Umsetzungsdauer, sondern auch durch unsere systematische Vorgehensweise und den ganzheitlichen Ansatz.
Wir zeigten in Storybook, wie ein speziell auf Marketingzwecke ausgerichtetes Design System es ermöglicht, schnell und effizient auf veränderte Anforderungen zu reagieren und dabei ein konsistentes Markenbild sicherzustellen. Die Flexibilität und Skalierbarkeit unseres Systems sowie die einfache Handhabbarkeit durch das Marketingteam der Organisation waren ausschlaggebend für die Entscheidung zur langfristigen Zusammenarbeit.

Wie nutzt die NGO den Landing Page Baukasten?
Im ersten Schritt der Zusammenarbeit führten wir eine Analyse der bestehenden UI-Bibliothek der Webseite sowie der Erfahrungen des Marketingteams durch. Ziel war es, die notwendigen Komponenten für das Landing Page Design System zu identifizieren. Diese "Design System Initiative" ermöglichte ein tiefes Verständnis der Bedürfnisse der Organisation.
Anschließend übertrugen wir das Corporate Design auf unsere kickstartDS Design Token Struktur. So entstand ein kohärentes visuelles Erscheinungsbild über alle Plattformen hinweg bei gleichzeitiger Flexibilität für schnelle Anpassungen.

Das Ergebnis war ein speziell entwickeltes Landing Page Design System
Ein Baukastensystem für Spendenkampagnen. Es ermöglicht der Organisation, Komponenten in Storybook mit Inhalten zu füllen und den React Code in ein 11ty Template zu kopieren, um statische Webseiten zu generieren. Ein Commit in GitHub führt dann zum Deployment der Webseite.
Dieser Prozess ermöglicht es der gemeinnützigen Organisation, sehr schnell auf sich ändernde Umstände zu reagieren und effektive Spendenkampagnen ohne externe Ressourcen zu lancieren.

Automatisierung des Prozesses
für noch mehr kostenreduktion
Die nächste Entwicklungsphase zielt darauf ab, den manuellen Prozess über 11ty durch Netlify Create zu ersetzen. Diese Änderung wird den Prozess optimieren und eine breitere Nutzerbasis innerhalb der Organisation ansprechen.
Netlify Create bietet eine benutzerfreundliche Oberfläche zur effizienten Verwaltung von Inhalten auch ohne technische Vorkenntnisse. So können Teammitglieder eigenständig Landingpages erstellen und bearbeiten.
Die Implementierung von Netlify Create wird nicht nur den Prozess für das bestehende Marketing-Team vereinfachen, sondern auch anderen Stakeholdern innerhalb der Organisation ermöglichen, direkt an Kampagnen mitzuwirken. Dies fördert die interne Zusammenarbeit und trägt dazu bei, dass Kampagnen schneller umgesetzt werden können.
Design System Services
- Design System Konzept
- Technische Konzeption
- Frontend-Entwicklung
Technologien
Weiterführende Artikel

Impact
Nach der Implementierung unseres maßgeschneiderten Landing Page Design Systems hat die Non-Profit-Organisation signifikante Verbesserungen erlebt:
- Zeitersparnis: Die Erstellung einer neuen Landingpage wurde von mehreren Wochen auf wenige Stunden reduziert.
- Kosteneffizienz: Die Abhängigkeit von externen Agenturen wurde reduziert.
- Erhöhte Flexibilität: Inhalte können nun in Echtzeit angepasst werden.
Weitere Projekte
Vereinbare einen kostenlosen Beratungstermin
Willst du ein Designsystem aufbauen? Oder deine Webseite relaunchen?