„Headless“ steht für die Entkopplung des Frontends vom Backend: Ein Headless CMS besteht aus einem Backend, einer Datenbank und einer API. Ohne eigene Template-Engine ersetzt die API das Frontend – die Inhalte werden somit über die Schnittstelle ausgeliefert und ausgelesen. Ob auf Websites, Apps, Displays im Auto oder Wearables – ein Headless CMS stellt einen zentralen Content Hub für alle angegliederten Plattformen dar. Neue, maßgeschneiderte Frontend-Touchpoints können hinzugefügt werden, ohne Änderungen am Backend vorzunehmen. Im Gegensatz zum traditionellen Web CMS wird so eine vollständige Kontrolle über die Content Darstellung und gleichzeitig eine höhere Sicherheit vor Angriffen auf das Backend garantiert. #HeadlessCMS #WebCMS #API
Zukunftsorientiert mit
Headless CMS Solution
Challenge: Website Relaunch mit Zukunftsfokus
Mit fortschreitender digitaler Transformation stehen Unternehmen vor der Herausforderung, skalierbare technologische Lösungen zu implementieren. Nur so können sie den Anforderungen moderner Omnichannel-Strategien gerecht werden. Dieser Challenge stellt sich unser Partner, der Elektrowerkzeugehersteller FLEX, mit einem umfassenden Website Relaunch als Service- und Produkt-Portal.
Das Ziel: Mit dem Relaunch eine robuste, technologisch zukunftsfähige Infrastruktur für die kontinuierliche Skalierung und Entwicklung des digitalen FLEX-Universums mit vielfältigen Touchpoints zu schaffen.
Approach: Vom Web CMS zur maßgeschneiderten Headless CMS Lösung
Aufbauend auf dem von Beaufort8 entwickelten Branding fokussiert die neue internationale Produkt- und Service-Website von FLEX auf Usability und Conversion-Optimierung und Branded UX und Interface Design. Die Basis: Eine Headless CMS Technology von Prismic. Diese erlaubt es, das maßgeschneiderte Frontend ohne Abhängigkeit von Templates bis ins letzte Detail nach den Anforderungen des Contents, der Brand, des Touchpoints und der Nutzer zu gestalten.
Hierbei steht eine nahtlose Branded Experience über alle digitalen Touchpoints hinweg im Mittelpunkt: Durch die Verbindung von Detailansicht (Produkt) mit Nutzeransicht (Anwendung) der FLEX Produktpalette werden Funktionalität, Content und Storytelling in Balance gebracht. Die schafft neben einer intuitiven Nutzerführung und schlanken Informationsarchitektur eine digitale Product und Service Experience.
Solution: Flexibel, robust, skalierbar – der FLEX Hub
Als strategischer Partner haben wir im agilen Scrumframework und unseren erprobten 5D-Modell FLEX von der Konzeption über Technical Advisory und Evaluierung des Headless CMS, SEO und Content-Strategie, UX und UI Design bis zur Frontend- und Backend-Umsetzung begleitet.
So ist ein passgenauer Auftritt im neuen FLEX Look and Feel entstanden, der durch ein visuelles Designsystem mit modularen UI Elementen flexibel mit den zukünftigen Touchpoints wachsen kann.
Die FLEX Website mit Headless Content Management System ist Teil des neu entwickelten digitalen FLEX Hubs auf Symfony Basis. Er ist Knotenpunkt des FLEX Universums und bezieht über APIs Inhalte aus dem angebundenen Headless CMS sowie aus PIM und ERP-Systemen, verbindet diese und gibt sie an das maßgeschneiderte Frontend (Static Site Build) weiter.
Als autarkes System bietet diese Architektur viele Vorteile: Robust, performant, wartungsarm, einfach zu handhaben und flexibel skalierbar weist der Hub den Weg in die digitale Zukunft, indem sowohl Bestands- als auch neue Systeme einfach angebunden werden können.
„Unsere neue Website mit ihrer anwendungsbezogenen Produkt- und Servicewelt, basierend auf einem Headless CMS und eingegliedert in den digitalen FLEX Hub, bietet umfassende Möglichkeiten für den Ausbau unserer digitale Touchpoints und Anbindung weiterer Systeme. So schaffen wir Nähe zu den FLEXperten und digitalen Mehrwert für unsere Kunden – jetzt und in der Zukunft.“