Ressort
Headless Content Management
Technologie
JamStack, Gatsby, Headless, React
Kunde
BKK Linde
Webseite
www.bkk-linde.de
BKK Linde
Schnelle Website für die Mitglieder der Krankenkasse dank PWA
Die neue Webseite der BKK-Linde bietet alle Informationen für die Mitglieder, Arbeitgeber und Interessenten in unter einer Sekunde. Das ist möglich, weil der neue Internetauftritt als PWA umgesetzt wurde. Durch die Nutzung eines neuen und modernen CMS Systems ist es nun möglich, die Inhalte komfortabel und flexibel zur Verfügung zu stellen. Die geschaffene Content-Infrastruktur bietet einen zentralen Content-Hub, in dem die Informationen an einer Stelle gepflegt werden können. Egal ob sie später auf der Internetseite, in der Service App oder auf einem Infobildschirm ausgegeben werden.
Aufgabenstellung
Das bisher genutzte TYPO3 ist mit den Jahren immer mehr gewachsen und hatte zunehmen viele Datenbanken die auch in anderen Applikationen genutzt werden sollten. Durch die monolithische Struktur von TYPO3 sind diese Erweiterungen und der Bereich der Website Performance Optimierungen aber immer wieder limitiert.
Mit dem Projekt sollte ein flexibler Content Hub geschaffen werden, der es dem Kunden ermöglicht schnell Inhalte für alle denkbaren Ausgabekanäle zu entwickeln. Zudem sollte die neue Webseite eine Ladezeit von unter einer Sekunde garantieren und eine Anbindung an das von der BKK-Linde eingesetzt ApiOmat System enthalten.
- Content-Management-Infrastruktur
- Headless CMS mit DatoCMS
- Bildoptimierung
- PWA progressiv Web-App
- Microservice Architektur
- Anbindung an ApiOmat
Alter Internetauftritt der BKK Linde
Markenadaption für das Web
Logo
Logo der BKK Linde
Markenicons der BKK Linde
Farbenwelt der BKK Linde
Überschriften - Ubuntu light
Fließtext - Ubuntu Regular
Akzente, UI-Elemente - Ubuntu medium
Der Content Hub
Es war Zeit die Inhalte der BKK-Linde in den Mittelpunkt zu stellen und nicht das CMS System. So wurde eine Content-Infrastruktur geschaffen die, die BKK-Linde dazu ermächtigt Inhalte an einer Stelle zu pflegen. Diese Inhalte können in Relationen miteinander agieren und stehen zentral an einer stelle für alle denkbaren Ausgabekanäle zur Verfügung. Egal ob es sich dabei um die Webseite, die Service einen Alexa Skill oder eine Präsentation in einem Live Event handelt.
Die Leistungen stehen im Mittelpunkt
Mittelpunkt der Inhalte für die Mitglieder und Interessenten der BKK Linde sind die angebotenen Leistungen. Um spezielle Leistungen besser abzugrenzen, wurden 3D Renderings als Ergänzung zur verwendeten Bildsprache angefertigt. Die Texte der Leistung und die Bilder können zentral im Content-Hub zentral gepflegt werden. Neben dem Internetauftritt werde die Texte auch in der Service App und in Alexa Skills verwendet.
Bild Optimierung
Neben den Texten können auch die Bilder bequem verwaltet und wiedergefunden werden. Alle notwendigen Meta Informationen werden zentral am Originalbild. Für die Ausgabe werden die Bilder in modernsten Formaten umgewandelt, komprimiert für den jeweiligen Screen gerendert. Die Wahl des richtigen Bildausschnitts für mobile Endgeräte übernimmt sogar eine künstliche Intelligenz. Neben der besten Komprimierung sorgt Blur Hash für schnelle Ladezeiten und ein ausgezeichnetes Nutzererlebnis.
Video Streaming
Über die Medienverwaltung des Content-Hubs können zudem Videos verwaltet werden. Diese werden automatisch in alle notwendigen Formate umgewandelt, um auf allen Endgeräten ausgespielt zu werden. Der eingebunden Videoplayer kommt zudem ohne Tracking und Cockies aus. Eine sehr gute und zudem schnellere Alternative zum sehr langsamen Youtube Player.
Privacy first, no Cookies
Der Internetauftritt der BKK Linde kommt bewusst ganz ohne Tracking aus. Somit werden keine Cookies benötigt und der Cookie Banner muss nicht eingebunden werden. Die Messung der Erfolge wird anhand der Kontaktanfragen und ausgefüllter Mitgliedsgutsformulare gemessen.
High Performance PWA Website
Der komplette Wechsel der Content Management Technologie und der Aufbau einer Content Infrastruktur durch ein Headless CMS war die Basis für den Einsatz modernster Frontend Technologien. So wird der Internetauftritt mit dem Static Site Generator Gatsby.js erstellt. Dadurch können schnelle Ladezeiten garantiert und PWA Funktionalitäten mit vergleichsweise geringem Aufwand eingebunden werden. Ein weiterer Vorteil sind die sehr geringen Kosten für das verteilte Hosting der Internetseite auf mehreren Serverstandorten in Deutschland.
Zusammenarbeit mit dem Kunden
Der Internetauftritt entstand in enger Zusammenarbeit mit den Mitarbeitern der BKK-Linde. In der Zusammenarbeit stand das Ziel einen neuen und fortschrittlichen Internetauftritt zu erstellen an oberster Stelle.
Durch unsere gemeinsame agile Arbeitsweise konnten wir dieses Ziel mittels 14 tätiger Sprints innerhalb von nur drei Monaten erreichen. Gegenseitiges Vertrauen und ein enormer Wissenstransfer waren die Basis für dieses erfolgreiche Projekt.
digitalwert® ist seit vielen Jahren der Innovationspartner an unserer Seite. Sie geben uns herausragende Impulse für unsere strategischen Positionierung und unserer Organisations-Entwicklung. Zusammen haben wir eine modere Web-Infrastruktur „auf die Beine gestellt“. Ein interdisziplinäres Entwickler- und Redaktionsteam der BKK Linde arbeitet Hand in Hand mit den agilen Teams von digitalwert®. Dank der konsequenten Ausrichtung auf moderne Web-Technologien, eine zentrale Content-Haltung und die API-First-Strategie platzieren wir heute digitale Innovationen mit enorm hoher Geschwindigkeit und klar definierten Nutzen am Markt. Damit gewinnen wir nicht nur die Beachtung unserer Mitbewerber und Kunden, sondern auch die Wertschätzung und Unterstützung unserer Entwickler von unseren Kollegen der BKK Linde.
Robert Leubner - BKK Linde
SEO
Im verwendeten Headless CMS-System können die Metainformationen sehr komfortabel gepflegt werden. Eine Vorschaufunktion zeigt dem Redakteur unmittelbar wie die Seite in den Google Suchergebnisse oder bei Twitter bzw. Facebook angezeigt wird. Da mit einem Relaunch auch oft Internetseiten weitergeleitet werden müssen, wurde ein Weiterleitungs-Konzept entwickelt und die Weiterleitungen können bequem vom Redakteur im Headless CMS System gepflegt werden.
Ein kontinuierliches Webseite-Monitoring überwacht die Qualität der Seite und weist den Redakteur auf fehlenden Metainformationen oder kaputten Links im laufenden Betrieb hin.
Unsere Projekte
RelaunchMarketing-Club Dresden e.V.
Der Marketing-Club Dresden e.V. ist einer von 65 regionalen Marketing-Clubs. Auf Bundesebene organisieren die Marketing-Clubs im Deutschen Marketing-Verband und bilden so ein flächendeckendes Netzwerk. Er lädt regelmäßig unregelmäßig zu Vortragsveranstaltungen mit aktuellen Marketing-Themen ein. Außerdem schreibt er jährlich zwei Preise aus: den Dresdner Marketing-Preis und den Dresdner Agentur-Preis. Bisher wurde die Bewerbung der Club-Veranstaltungen auf der Webseite über ein WordPress-PlugIn realisiert. Die Einbindung des Ticket-Verkaufs in das PlugIn wäre nur mit erheblichem Aufwand möglich gewesen. Von Seiten des Marketing-Clubs wurde als Lösung die Einbindung eines externen Veranstaltungs-Tools favorisiert (egocentric Systems).
Relaunch / TYPO3Richard-Wagner-Stätten Pirna-Graupa
In der nahe Dresden gelegenen Ortschaft Graupa wurde im Sommer 1846 Operngeschichte geschrieben. Ein dreimonatiger Sommerurlaub führte Richard Wagner, Kapellmeister am Königlichen Hoftheater in Dresden, der heutigen Semperoper, nach Graupa. Zur Erinnerung an diesen Aufenthalt Wagners wurden zwei Museumsräume im Schäferschen Bauerngut, dem „Lohengrinhaus“, eingerichtet. Heute sind hier die rekonstruierten Wohnräume sowie eine Ausstellung zur Entstehungs- und Rezeptionsgeschichte der Oper „Lohengrin“ zu erleben. Darüber hinaus dient das Jagdschloss Graupa seit 2013 als Museum und bietet seinen Besuchern einen Einblick in Leben und Werk des Komponisten. Anlässlich des zehnjährigen Jubiläums der Sanierung des Jagdschlosses Graupa und dessen Nutzung als Wagner-Museum wünschte sich die Kultur- und Tourismusgesellschaft Pirna mbH einen neuen Internetauftritt für die Kulturstätte. Dabei standen die Pflegbarkeit der Website-Inhalte durch die Mitarbeiter des Unternehmens sowie die Fortführung der einmaligen Ausgestaltung des Jagdschlosses im Web-Design im Fokus des Projekts.
WordPress / Strategie / Marke / RelaunchSCALE GmbH
Das Unternehmen SCALE ist in Deutschland mit Standorten in Ingolstadt, Dresden, Stuttgart und Braunschweig sowie einem Entwicklungszentrum in Jaipur, Indien international aufgestellt. Der Fokus liegt auf dem Management von Simulationsdaten und der Optimierung von CAE-Prozessen. Das Kernprodukt ist die Systemlösung SCALE.sdm zum gesamtheitlichen Management von Simulations- und Testdaten für die virtuelle Produktentwicklung. Unser Dienstleistungsangebot umfasst insbesondere die Softwareentwicklung für Prozess- und Datenmanagement sowie die Entwicklung von Simulationsmethoden. Im ersten Schritt entwickelte digitalwert gemeinsam mit Marcel Kluge von mach2, der die SCALE GmbH bereits seit mehreren Jahren im Bereich klassisches Marketing betreut, ein modernes und konsistentes Corporate Design. Dazu wurden das Unternehmenslogo modernisiert, die Farbwelt definiert sowie Key Visuals und eine Bildsprache kreiert.
WordPress / Strategie / Marke / SEOAnfibio Packrafting
Ein wachsender internationaler Wettbewerb und der damit immer stärker umkämpfte Markt waren der Ausgangspunkt unserer gemeinsamen Reise mit Anfibio Packrafting. Die erste Etappe bestand darin, einen neuen Kurs für die Unternehmensmarke zu stecken und das Erscheinungsbild zu schärfen. Dabei ist in wunderbarer Zusammenarbeit mit der Markensoziologin Nora Hilsky von Cromatics eine kundenzentrierte Positionierung entstanden, die mit ihren Werten und Alleinstellungsmerkmalen Großes erreichen wird. Die neue Website anfibio.com bildet den Mittelpunkt der Marke, von hier aus kann der Kunde die Produkte und das Unternehmen erkunden. In wenigen Klicks navigiert der Besucher ebenfalls zu einem von hunderten inspirierenden Blogartikel/ Blog-Posts rund um das Hobby Packrafting und einer Vielzahl von Angeboten im Shop. Digitalwert ist großer Fan der nachhaltigen Ausrichtung von Anfibio Packrafting. Die transparente Kommunikation des CO₂-Abdruckes von der Herstellung des Packrafts bis zum Verkauf sorgt für mehr Fokus auf unsere Umwelt und bildet die Grundlage für möglichst viele Generationen von begeisterten Packraftern.
Strategie / Marke / Relaunch / ShopwareBäckerei Matzker
Wo Tradition, Handwerk und beste Zutaten zusammentreffen, entstehen echte Genussmomente in der Bäckerei Matzker. Für die sensible Weiterentwicklung der Marke und ein emotionales Erscheinungsbild durfte digitalwert in die kreative Backstube.
Strategie / Marke / Relaunch / Shopwarerie:sel design
Sind Sie bereit für ein neues Einkaufserlebnis, um Ihr Fahrrad zu individualisieren und zu schützen? Der rie:sel design E-Commerce-Shop ist ab sofort in neuem Gewand verfügbar! Mit seinem schlanken und modernen Design verspricht dieser Online-Shop den Nutzern ein noch schöneres Einkaufserlebnis. Besuchen Sie www.riesel-bike.com und überzeugen Sie sich selbst!