Lüghausen & Partner
Mühelose Website- und CMS-Einrichtung mit kickstartDS
Die Steuerkanzlei wollte ihre digitale Strategie durch den Einsatz moderner Webtechnologien verbessern. Gemeinsam mit dem Team von ruhmesmeile wurde Aufbau der Website und die Verwaltung der Inhalte vereinfacht und dabei wurden die Kosten niedrig halten. Unser modularer Aufbau, basierend auf dem kickstartDS Storyblok CMS Starter, bot die perfekte Lösung.
Die Herausforderung
Leichte und angenehme Redaktion von Webinhalten
Lösung und Vorgehen
Mit unserer Expertise in der Frontend-Entwicklung und digitalen Designsystemen für das Headless Web waren wir der ideale Partner. Wir rieten ihnen, auf Storyblok zu setzen, um ihre Inhalte und Marketingseiten zu verwalten. Vor allem der wachsende Bedarf an Landingpages war ein wichtiger Grund, sich für Storyblok zu entscheiden.
Mit kickstartDS bieten wir den perfekten und sofort einsatzbereiten Marketing-Website-Accelerator, der dem Kunden half, ihre Marke in nur wenigen Tagen, einschließlich Iterationen, tiefgreifend anzupassen.
Sobald der Frontend-Teil fertiggestellt war, konnten wir die Website sofort mit dem Storyblok CMS Starter bereitstellen.
Wie wir kickstartDS und Storyblok einsetzen
Wir haben das Corporate Design von Lüghausen an unsere kickstartDS-Design-Token-Struktur angepasst. Dies gewährleistet eine kohärente visuelle Identität über digitale Plattformen hinweg und bietet gleichzeitig die Flexibilität für schnelle Anpassungen und Erweiterungen.
Die systematische Design-Token-Struktur von kickstartDS wurde grundsätzlich so konzipiert, dass sie an jede Marke oder jedes Thema angepasst werden kann, das ein Benutzer anwenden möchte. Sie unterstützen die vollständige Designanpassung der Benutzeroberfläche, ohne den Kern oder die Funktionalität der Komponenten selbst zu berühren.
Wir unterscheiden zwischen Branding Token, Design Token und Component Token. Während Branding Token eine sehr kleine Token-Untermenge sind, um Ihr Corporate Design blitzschnell einzurichten, speichern Design Token alle grundlegenden und semantischen Werte in Bezug auf Farbe, Typografie, Abstände, Animationen usw., während Component Token diese Entscheidungen auf einen spezifischen Komponentenkontext abbilden. Sie erben standardmäßig von Design Token.
Das Ergebnis ist nicht nur ein herkömmliches Frontend mit den erforderlichen Komponenten, sondern ein maßgeschneidertes Designsystem, das skalierbar ist und in Zukunft für weitere digitale Berührungspunkte verwendet werden kann. Es wird einfach sein, neue Komponenten hinzuzufügen und diese in Storyblok einzupflegen, damit sie sofort vom Redaktions-Team angepasst und mit Live-Inhalten gefüllt werden können, um das gesamte Erlebnis zu bereichern.
Automatische Presets in Storyblok
Aber die Frontend-Integration ist nur ein wichtiger Teil für die Entwicklungsseite, wenn es um Headless CMS geht. Der Hauptgrund für Lüghausen, sich für Storyblok zu entscheiden, war die einfache Bedienung und der integrierte visuelle Editor. Der CMS-Starter-Workflow stützt sich auf die Komponenten des Designsystems und die definierten Varianten (innerhalb von Storybook) und verwaltet die automatische Erstellung von Voreinstellungen, die im visuellen Editor verwendet werden können. Dadurch wird die Editor-Erfahrung noch weiter verbessert!
Der Redakteur kann sich einfach durch jede Voreinstellung klicken, wobei er ein automatisch generiertes Vorschaubild angezeigt bekommt, und den Abschnitt oder die Komponente auswählen, die er verwenden möchte, und sie wird teilweise vorausgefüllt.
Das Erstellen, Bearbeiten und Bereitstellen einer Webseite ist somit nur eine Sache von Minuten.
Design System Services
- Design-Adaption
- Technische Konzeption
- Frontend-Entwicklung
Technologien
Impact
Die für die Erstellung einer neuen Webseite benötigte Zeit wurde von mehreren Wochen auf nur wenige Stunden reduziert, wodurch der Kunde schneller auf die Marktanforderungen reagieren kann.
Durch die Minimierung der Abhängigkeit von externen Agenturen sparte dem Kunden ein beträchtliches Budget ein, das nun in die Kerngeschäftsaktivitäten reinvestiert werden kann.
Das Marketingteam kann nun Inhalte in Echtzeit anpassen, was entscheidend ist, um relevant zu bleiben und auf die Bedürfnisse der Kunden einzugehen. Die Möglichkeit, Kampagnen dynamisch zu verwalten, hat deren Effektivität deutlich erhöht.
Dank des Ansatzes mit kickstartDS-Integrationen weist die statisch generierte Website hervorragende PageSpeed Insight-Werte auf.
Weitere Projekte
Vereinbare einen kostenlosen Beratungstermin
Willst du ein Designsystem aufbauen? Oder deine Webseite relaunchen?