Source of Truth: Website-Relaunch für DSIM mit Webling-Integration

Wie wir für den DSIM eine Website bauten, die direkt mit ihrer Vereinsverwaltung spricht – ohne doppelte Datenpflege.

Doppelte Datenpflege ist der stille Killer jeder Content-Strategie. Einmal im CMS erfassen, einmal in der Vereinsverwaltung, und schon sind die Daten irgendwo veraltet. Für den Dachverband Schweizerischer Interim Manager (DSIM) haben wir deshalb eine Website gebaut, die dieses Problem an der Wurzel packt.

DSIM Verbandswebseite mit Webling-Schnittstelle

Das Problem: Mehrere Systeme, eine Wahrheit

Der DSIM nutzt Webling als Vereinsverwaltungssoftware – dort leben die Mitgliederdaten, Kontaktinformationen und Strukturen. Gleichzeitig braucht es eine öffentliche Website, die diese Informationen zeigt. Die klassische Lösung? Alles zweimal erfassen. Die bessere Lösung? Eine direkte API-Integration.

Unsere Lösung: API-First statt Copy-Paste

Wir haben die neue DSIM-Website so gebaut, dass sie direkt mit Webling kommuniziert. Die Vereinsverwaltung bleibt die Single Source of Truth – die Website holt sich die Daten in Echtzeit per API.

Das heisst konkret:

Mitgliederdaten werden nur in Webling gepflegt
Die Website zeigt immer den aktuellen Stand
Keine Synchronisations-Konflikte, keine veralteten Profile
Die Kundin arbeitet dort, wo sie es gewohnt ist

Datenflüsse zwischen Webling, Directus und Frontend

LinkedIn-Events: Nahtlos eingebunden

Zusätzlich zur Webling-Integration zeigt die Website Events direkt aus LinkedIn an. Das macht Sinn, weil der DSIM seine Community ohnehin über LinkedIn organisiert. Besucher:innen sehen die kommenden Veranstaltungen und können sich mit einem Klick direkt in LinkedIn anmelden – ohne Medienbruch.

Tech-Stack: Modern und wartbar

Wir haben uns für einen Stack entschieden, der Flexibilität mit Developer Experience verbindet:

CMS: Directus.io
Ein Open-Source Headless CMS, das sich perfekt für API-first Projekte eignet. Directus gibt uns die Kontrolle über Datenmodelle und APIs, ohne uns in proprietären Strukturen einzusperren.

Frontend: SvelteKit
Schnell, schlank und ein Traum für Progressive Enhancement. SvelteKit liefert uns Server-Side Rendering für SEO und Performance, während wir gleichzeitig eine flüssige User Experience bauen können.

Warum das wichtig ist

Diese Art von Integration ist kein Selbstzweck. Sie löst ein echtes Problem:

Weniger Aufwand für die Kundin – Daten nur einmal pflegen

Konsistenz garantiert – Was in Webling steht, steht auf der Website

Flexibilität erhalten – Die Website kann jederzeit um weitere Datenquellen erweitert werden

Das ist moderne Web-Architektur: Systeme verbinden statt verdoppeln, APIs nutzen statt Daten kopieren, und den Menschen die Arbeit abnehmen, die Maschinen besser können.

Fazit

Die DSIM-Website zeigt, wie zeitgemässe Web-Entwicklung aussieht: API-getrieben, modular und pragmatisch. Nicht jedes Projekt braucht eine Webling-Integration – aber jedes Projekt profitiert davon, wenn wir bestehende Systeme respektieren und verbinden, statt neue Silos zu bauen.

Eure Daten leben in verschiedenen Systemen? Wir helfen euch, sie zusammenzubringen.