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

Impact

Nach der Implementierung unseres maßgeschneiderten Landing Page Design Systems hat die Non-Profit-Organisation signifikante Verbesserungen erlebt:

  1. Zeitersparnis: Die Erstellung einer neuen Landingpage wurde von mehreren Wochen auf wenige Stunden reduziert.
  2. Kosteneffizienz: Die Abhängigkeit von externen Agenturen wurde reduziert.
  3. Erhöhte Flexibilität: Inhalte können nun in Echtzeit angepasst werden.

Weitere Projekte

Design System für eine Universität

Dachser Design System

encore.de Sanity Webseite

Vereinbare einen kostenlosen Beratungstermin

Willst du ein Designsystem aufbauen? Oder deine Webseite relaunchen?

Unser Termin-Tool zeigt dir unsere aktuellen Verfügbarkeiten. Wähle einfach einen passenden Termin und eine Zeit aus, und schon können wir besprechen, wie wir euch unterstützen können. Oder, du schreibst uns ganz klassisch eine Email.