Zum Hauptinhalt springen

Start / Projekte / Herzfabrik - Digitale Heimat für eine moderne Gemeinde

Herzfabrik - Digitale Heimat für eine moderne Gemeinde

Eine Sulu-basierte Website mit Live-CRM-Anbindung: Gottesdienste, Events, Predigten und Kleingruppen - alles dynamisch aus dem Kirchenwerk CRM.

Herzfabrik - Digitale Heimat für eine moderne Gemeinde Preview

Kunde

Herzfabrik

Projektdauer

1 Monat

Website

herzfabrik.de

Technologien

Sulu CMS Symfony Twig SCSS Docker

rocket_launchStatus: Live und im Einsatz. herzfabrik.de ist die öffentliche Website der Herzfabrik-Gemeinde und wird aktiv genutzt. Alle Inhalte werden dynamisch aus dem Kirchenwerk CRM geladen.

Projektübersicht

Die Herzfabrik ist eine Freikirche mit Standorten im Vogtland und Erzgebirge. Ihr Selbstverständnis: “Eine Gemeinde für Neugierige, Suchende und Skeptiker.” Dieses Selbstverständnis braucht eine Website, die genauso offen und einladend ist wie die Gemeinde selbst - und die gleichzeitig technisch so aufgestellt ist, dass Inhalte nicht manuell gepflegt werden müssen.

Die Lösung: Eine Sulu CMS Website, die ihre Inhalte live aus dem Kirchenwerk CRM bezieht. Events, Gottesdienste, Predigten, Kleingruppen und Standort-Informationen werden zentral im CRM gepflegt und erscheinen automatisch auf der Website. Kein Copy-Paste, keine doppelte Datenhaltung, keine veralteten Informationen.

Das Herzstück der Integration ist ein eigens entwickeltes CRM Integration Bundle - ein Custom Symfony Bundle, das Sulu CMS mit der Kirchenwerk-API verbindet. Es stellt Twig-Funktionen, JSON-APIs und einen Caching-Layer bereit, damit die Website schnell bleibt, auch wenn das CRM mal nicht erreichbar ist.

Herausforderungen

01

Zwei Systeme, ein Erlebnis

Nach außen gibt es eine konsistente Website-Erfahrung, intern werden Inhalte zentral gepflegt und nur einmal erfasst

02

Caching mit Fallback

API-Daten müssen gecacht werden für Performance, aber bei CRM-Ausfall dürfen keine leeren Seiten entstehen

03

Barrierefreiheit

WCAG 2.1 AA Konformität für alle Inhalte - inklusive dynamisch geladener CRM-Daten

04

Multi-Location Content

Zwei Standorte mit unterschiedlichen Events, Teams und Angeboten auf einer Website darstellen

05

Performance trotz Live-Daten

HTTP Caching und Lazy Loading müssen auch mit dynamischen CRM-Inhalten funktionieren

Lösungen

Technische Lösungen

Innovative Ansätze für Ihren Erfolg

computer

Sulu CMS

Enterprise CMS auf Symfony-Basis

Aktuelles Symfony + Sulu
Custom Content Types pro Seitentyp
Twig-basierte Template-Architektur
Sulu Admin für redaktionelle Inhalte
integration_instructions

CRM Integration Bundle

Custom Symfony Bundle für Live-Daten

Twig-Funktionen für Events, Standorte, Gruppen
JSON-API-Endpunkte für Frontend-JS
Konfigurierbarer Cache mit TTL
Webhook-Empfänger für CRM-Updates
design_services

Design System

SCSS-Architektur mit Component Library

Brandon-Grotesque Typografie
Responsive Breakpoints (sm bis 2xl)
Wiederverwendbare Twig-Komponenten
WCAG 2.1 AA konform
deployed_code

Docker Deployment

Containerisierte Infrastruktur

PHP + MariaDB Container
Health Checks für beide Services
Volume-Management für Uploads
Automatisierte Backups

Website-Features

Events

Veranstaltungen

Live aus dem CRM, filterbar nach Kategorie

Predigten

Predigt-Archiv

Listing mit RSS-Feed und Detailseiten

Kleingruppen

Gruppenangebote

Filterbar, mit Zielgruppen und Kontakt

Standorte

Multi-Location

Vogtland und Erzgebirge mit eigenen Seiten

Kontakt

Formulare

Sulu Form Bundle mit Validierung

Komponenten

Modulares Design

Hero, Cards, CTAs, Team-Highlights

Technologie-Highlights

CRM-Twig-Funktionen

Mit crm_upcoming_events(), crm_locations() und crm_small_groups() können Redakteure CRM-Daten direkt in Sulu-Seiten einbinden - ohne eine Zeile Code.

Intelligentes Caching

Der Cache-Layer speichert CRM-Antworten mit konfigurierbarem TTL. Bei API-Fehlern werden gecachte Daten als Fallback genutzt - die Website bleibt immer verfügbar.

Webhook-Sync

Das CRM kann per Webhook die Website benachrichtigen, wenn sich Daten ändern. Der Cache wird dann gezielt invalidiert statt komplett geleert.

Component Library

Wiederverwendbare Twig-Komponenten (Hero, Event-Cards, Team-Highlights, CTAs) sorgen für ein konsistentes Design über alle Seiten hinweg.

Projektgalerie

Herzfabrik Homepage

Homepage mit Hero-Bereich

Herzfabrik Events

Event-Listing mit Live-Daten aus dem Kirchenwerk CRM

Zwei Systeme, ein Erlebnis

Das Besondere an diesem Projekt ist nicht die Website allein - sondern wie sie in das Gesamtökosystem eingebettet ist. Die Herzfabrik verwaltet ihre Daten zentral im Kirchenwerk CRM. Die Website zeigt diese Daten automatisch an. Die Mobile App greift auf dieselbe API zu. Drei Kanäle, eine Datenquelle.

  • * Keine doppelte Pflege: Ein Event im CRM anlegen, und es erscheint auf Website und App
  • * Immer aktuell: Webhook-basierte Synchronisation statt manueller Updates
  • * Ausfallsicher: Cache-Fallback hält die Website auch bei CRM-Wartung am Laufen
  • * Erweiterbar: Neue Content-Typen im CRM werden automatisch auf der Website verfügbar

Mehr Details zur CRM-Integration und dem Sulu-Setup finden Sie in unserem Blogbeitrag.

Nächster Schritt

Brauchen Sie eine Website mit CMS-Anbindung?

Sie suchen eine professionelle Website, die sich nahtlos in Ihre bestehenden Systeme integriert? Lassen Sie uns sprechen.

Projekt besprechen