Bevor es mal wieder länger dauert

Du willst nicht warten, bis du etwas von uns hörst? Dann schau doch in der Zwischenzeit bei unserem Podcast vorbei und lass dich von uns in die Welt der Digitalisierung mitnehmen.

Interaktive Wilo World Visualisierung mit Lösungen für Wasserwirtschaft und kommerzielle Gebäude

Wilo: Wilo-World CMS

Webbasierte Pflegemöglichkeit des 3D-Webspecials

360° Multi-Market CMS-System für einen der größten Pumpenhersteller der Welt

UX/UI-Design

Web/App Development

Systemarchitektur

Administration/DevOps

API/Schnittstellen

Jahr
2020 - heute

Kunde
Wilo

Sektor
Digital-Marketing
Digital-Vertrieb
Messen und Veranstaltungen

Herausforderung
Viele Produkte, Weltweiter Vertieb mit unterschiedlichesten Anforderungen, Schnittstellen zu vorhandenen Systemen

Technologien
Diverse Back- und Frontend-Technologien

Unsere Rolle
Konzeption, Architektur, Projektbegleitung und Pflege

Die ursprüngliche Anforderung?

Eine moderne Hochglanzbroschüre für Messen und Vertrieb.

Was daraus wurde?

Ein Enterprise-Content-Ökosystem, das zeigt: Die digitale Transformation beginnt nicht mit Technologie, sondern mit der richtigen Frage.

Projekt im Detail erleben

"Standard-Lösungen waren für diese Dimension nie konzipiert. WILO brauchte kein Content-Management, sie brauchten ein skalierbares Sales-Ökosystem mit Enterprise-DNA."

Herausforderungen

Produktkomplexität verständlich machen

Produktkomplexität verständlich machen

Die Situation:

Hochspezialisierte Produkte mit unterschiedlichsten Anwendungsfällen
Verschiedene Zielgruppen mit völlig unterschiedlichen Informationsbedürfnissen (Handwerker verstehen eine andere Sprache als Investoren)
Technische Spezifikationen, die man verstehen und erleben kann, statt sie in einem 200-seitigen PDF nachlesen zu müssen

Die Herausforderung:

Statische Produktkataloge können die Vielseitigkeit nicht transportieren. Kunden verstehen nicht intuitiv, wo welches Produkt eingesetzt wird. Der Vertrieb verliert wertvolle Zeit mit Grundlagenerklärungen statt Lösungsberatung.

Globaler Vertrieb ohne Governance-Chaos

Globaler Vertrieb ohne Governance-Chaos

Die Situation:

Internationale Märkte mit individuellen rechtlichen, sprachlichen und kulturellen Anforderungen
Unzählige Sprachen und Sprachvarianten – keine Google-Translate-Lösung möglich, da technische Präzision entscheidend ist
Lokale Vertriebsteams müssen Content selbstständig pflegen können, ohne auf zentrale IT-Freigaben warten zu müssen
Markenkonsistenz muss trotz dezentraler Pflege gewährleistet sein

Die Herausforderung:

Standard-CMS kollabieren bei dieser Multi-Market-Komplexität oder werden durch die entstehenden Strukturen unendlich langsam. Governance und Freigabemechanismen werden zum Flaschenhals. Content-Konsistenz über eine unbegrenzte Anzahl von Märkten? Unmöglich ohne intelligentes System.

Messen als Vertriebsmotor – ohne Internet-Abhängigkeit

Messen als Vertriebsmotor – ohne Internet-Abhängigkeit

Die Situation:

Große Anzahl von internationalen Messen pro Jahr (ISH Frankfurt, BAU München, internationale Fachmessen)
Präsentation muss ohne stabile Internet-Verbindung funktionieren
Schnelle Anpassung an event-spezifische Produkt-Highlights erforderlich
Mehrere Laptops parallel im Kiosk-Modus auf verschiedenen Messeständen

Die Herausforderung:

Cloud-only Lösungen versagen auf Messe-Floors. USB-Stick mit statischen PDFs? Nicht mehr zeitgemäß und unmöglich zu aktualisieren. Komplexe Setups? Kosten wertvolle Standzeiten.

Content-Architektur statt Content-Chaos

Content-Architektur statt Content-Chaos

Die Situation:

Unbegrenzte Anzahl von Content-Pins müssen über alle Märkte konsistent bleiben
Unbegrenzte Anzahl von Platzierungen in 3D-Welten müssen koordiniert verwaltet werden
Versionierung über alle Märkte und Events hinweg erforderlich
Klare Zugriffsrechte: Wer darf was editieren? Governance ist geschäftskritisch

Die Herausforderung:

Ohne strukturierte Content-Architektur entsteht Chaos. Inkonsistente Informationen kosten Vertrauen. Und Vertrauen ist im B2B-Geschäft alles.

Check mal unsere Disziplinen Konzeption
und Strategische Beratung aus!

Enterprise-Komplexität in Zahlen

Die Dimension hinter dem Projekt oder warum "groß" nicht gleichbedeutend mit "kompliziert" sein muss

Über 60 Märkte weltweit

Weltweit vernetzt

Eine Plattform für globale Reichweite

Technische Implikation:

Flexible Content-Architekturen statt hardcodierte Strukturen
Performance-Optimierung trotz globaler Latenz
Rollback-Strategien für fehlerhafte Deployments in einzelnen Märkten
Granulares Governance-System: Wer darf welche Märkte editieren?

Mehr als 50 Sprachen nativ unterstützt

Sprache kein Hindernis

Technische Implikation:

Strukturierte Content-Models mit sprachspezifischen Varianten
Intelligente Fallback-Mechanismen für fehlende Übersetzungen
Locale-spezifische Formatierungen (Datum, Währung, Maßeinheiten)
Anbindung an zentrale Asset-Management-Systeme für sprachspezifische Medien (Videos mit dynamischen Sprachanteilen)

Mehr als 250 Content-Pages

Content, der überzeugt

Dynamisch generiert, mehrstufig strukturiert, für unbegrenzte Anzahl von Märkte individuell anpassbar

Technische Implikation:

Template-Engine mit Varianten pro Markt
Automatische Generierung bei Content-Updates
SEO-Optimierung für alle Sprachvarianten
Versionierungs- und Staging-System mit Approval-Workflows

Mehr als 650 Pins auf 1.200 Platzierungen

Präzise überall präsent

Intelligente Content-Distribution in 3D-Räumen, jeder Pin kontextuell und strategisch platziert

Technische Implikation:

Visueller Pin-Editor: Pins werden direkt in der 3D-Vorschau gesetzt und ins CMS übertragen
Rule-Engine für kontextuelle Pin-Platzierung nach Produktkategorien
Dynamisches Spawning basierend auf Event-Konfigurationen

Mehr als 140 konfigurierte Produkte

Individuell & vielseitig

Mit technischen Spezifikationen, 3D-Assets, Varianten und intelligenter Produktvernetzung

Technische Implikation:

Anbindung an Wilo PIM-System (Product Information Management) für zentrale Datenpflege
Cross-Selling & Related Products Engine

Mehr als 20 Eventkonfigurationen

Flexibel & konfigurierbar

Messe-spezifische Setups von der ISH Frankfurt bis zu internationalen Weltleitmessen

Technische Implikation:

Config-as-Code: Event-Profile zentral im CMS verwaltet
Produkt-Highlighting pro Messe individuell steuerbar
Deaktivierte Features für Offline-Modus
Hardware-spezifische Optimierung (Surface Laptops, Touch-Displays)
Custom Screensaver und Co-Branding-Optionen für Messepartner

#Märkte

Von 1 zu 62 ist keine simple Multiplikation.

Es bedeutet Governance, Skalierung, Fehlertoleranz und echte Enterprise-Architektur. Und genau das ist unser Handwerk.

Unsere Lösung

Ein maßgeschneidertes Enterprise Content Ökosystem

Nicht noch eine Website, sondern ein intelligentes System für globalen B2B-Vertrieb.

Säule 1

Immersive 3D Experience Layer

Die Frontend-Revolution für B2B

Was wir gebaut haben

Interaktive 3D-Welten statt statischer Produktkataloge
Swipe-Navigation durch reale Anwendungsszenarien (Smart Building, Industrie, Wasserwirtschaft)
637 interaktive Hotspots auf 1.201 strategischen Platzierungen
Produkte im Kontext erleben: "Wo wird diese Pumpe eingesetzt?" wird visuell beantwortet

Technologie

Twig als Template-Engine für maximale Flexibilität
KRPano für performantes 3D-Rendering im Browser
- Das Besondere: Unser System ermöglicht die dynamische Erweiterung der 3D-Welten ohne Ausfallzeiten, Renderings können "on the fly" erstellt werden
Touch-optimiert für Messe-Hardware (Windows Surface Laptops)
Lazy-Loading für schnelle Ladezeiten trotz hochauflösender 3D-Assets
Progressive Web App Architektur

Business-Impact

Kunden verstehen Produkte deutlich schneller
Verkaufsgespräche werden visuell unterstützt und professionalisiert
Messe-Leads haben messbar höhere Qualität und Abschlussquoten

Säule 2

Custom CMS-Engine

Das Herzstück der Skalierung

Was wir gebaut haben

Komplett eigenentwickeltes Backend-System und die bewusste Entscheidung gegen Standard-CMS

Kernfunktionalitäten

Multi-Market-Management: 62 Märkte aus einem System
Advanced i18n: 51 Sprachen mit dynamischen Content-Strukturen
Content-Orchestration: 248 Pages automatisch versioniert
Zentrale Asset-Pipeline für 3D-Models, Produktdaten und Medien
Event-Presets: 16 vorkonfigurierte Messe-Setups auf Knopfdruck

Warum Custom-Built statt Standard CMS?

Standard-CMS

Multi-Market-Governance: Nicht vorgesehen
3D-Pin-Verteilung: Unmöglich
Offline-First: Cloud-only
Event-Konfigurationen: Manuell
PIM-Integration: Komplex

Warum Custom-Built statt Standard CMS?

WILO Custom-System

Multi-Market-Governance: Granular steuerbar
3D-Pin-Verteilung: Visueller Editor
Offline-First: Hybrid-Architektur
Event-Konfigurationen: Automatisiert
PIM-Integration: Native API

Features im Detail

Role-based Access Control: Lokale Teams editieren nur ihre Märkte
Workflow-Management: Approval-Prozesse für Content-Updates
Versionierung: Jede Änderung ist nachvollziehbar und zurücksetzbar
Staging-System: Test vor Produktion für alle konfigurierten Märkte parallel
API-Anbindungen:
- WILO PIM-System für Produktdaten
- Zentrales Asset-Management für Medien
- QR-Code-Portal für Print-Marketing-Integration

Säule 3

Hybrid Deployment Architecture

Online und Offline – nahtlos vereint

Das Problem

Messen haben oft instabiles Internet. Cloud-only Lösungen versagen. Aber: Content muss trotzdem aktuell sein. Und Setup darf keine Stunden dauern.

Unsere Lösung

1. Online-First Foundation:

Zentrale Datenhaltung für globale Synchronisation
99% garantierte Verfügbarkeit

2. Plug & Play Offline:

Lokale Installation mit allen 248 Pages offline verfügbar
Keine Internet-Abhängigkeit auf der Messe

3. Automatisierte Synchronisation:

Auto-Sync-Script paketiert aktuelle Inhalte für Messe-Hardware
Build-Prozess generiert event-spezifische Offline-Pakete

4. Zero-Config Setup:

USB-Stick einstecken → Die Applikation lässt sich automatisch im Kiosk-Modus installieren
Keine IT-Fachkräfte vor Ort erforderlich

Der Workflow in der Praxis

Content-Team aktualisiert Produkthighlights für ISH-Messe im CMS (Tag 1)
Build-Script generiert automatisch Offline-Paket mit allen Assets (Tag 2)
USB-Stick wird zur Messe mitgenommen (Tag 3)
Resultat: Alle Inhalte lokal verfügbar, stabiles Internet ist nicht nötig.

Technische Umsetzung

Intelligente Caching-Strategie mit Service Workers
Automatisches Build-System für lokale Pakete
Delta-Sync-Mechanismus für Content-Updates
Windows Kiosk-Mode (Autostart, keine Taskbar, keine Ablenkung)

Wilo-World Backend

Konfiguration mal einfach

Für alle, die es genau wissen wollen

Technical deep dive

Wie wir Enterprise-Komplexität bändigen: Ein Blick unter die Haube – technische Exzellenz trifft pragmatische Lösungen

Challenge 1

Multi-Language auf Enterprise-Level: 51 Sprachen ≠ 51 simple Übersetzungen

Das Problem:

Nicht nur Übersetzungen, sondern Sprachvarianten (z.B. Französisch/Schweiz vs. Französisch/Frankreich)
Lokale-spezifische Formatierungen (Datum, Währung, Maßeinheiten)
Videos mit dynamischen Sprachanteilen
Technische Präzision darf nicht verloren gehen

Unsere Lösung:

Strukturierte Content-Models mit sprachspezifischen Feldern
Anbindung an zentrales Wilo Asset-Management für sprachgesteuerte Inhalte
Fallback-Logik: Wenn Übersetzung fehlt → Englisch als Fallback → Markierung für Content-Team
Freikonfigurierbare Sprachsteuerung pro Markt

Technische Umsetzung:

Symfony Translation Component erweitert um Custom Locale Logic
Asset-API liefert sprachspezifische Videos und Bilder
Content-Approval-Workflow mit Übersetzungs-Status-Tracking

Challenge 2

Content-Distribution in 3D-Space: 637 Pins intelligent platzieren

Das Problem:

Pins müssen kontextuell sinnvoll platziert werden (nicht zufällig)
3D-Koordinaten manuell in Code schreiben? Unmöglich zu skalieren
Änderungen müssen schnell möglich sein, auch für Nicht-Entwickler
Verschiedene Event-Konfigurationen erfordern unterschiedliche Pin-Sets

Unsere Lösung: Visueller Pin-Editor im CMS:

Pins werden direkt in der 3D-Vorschau gesetzt (WYSIWYG-Prinzip)
Position wird automatisch in Koordinaten umgewandelt und im CMS gespeichert
Rule-Engine ordnet Pins automatisch Produktkategorien zu
Event-Profile aktivieren/deaktivieren Pin-Sets automatisch

Technische Umsetzung:

KRPano Hotspot-API integriert in CMS-Backend
Drag & Drop Interface für Pin-Platzierung
JSON-basierte Pin-Konfiguration pro 3D-Welt
Dynamisches Spawning basierend auf Produktfiltern

Business-Vorteil: Marketing-Teams können Pins selbstständig setzen, Entwickler sind nicht erforderlich

Challenge 3

16 Event-Konfigurationen verwalten: Jede Messe braucht einen anderen Fokus

Das Problem:

ISH Frankfurt: Fokus auf Smart-Building-Lösungen
Internationale Messen: Länderspezifische Produkthighlights
Offline-Modus muss stabil laufen – auch bei Hardware-Wechsel
Co-Branding mit Messepartnern erforderlich

Unsere Lösung:

Config-as-Code: Event-Profile zentral im CMS verwaltet
Produkt-Highlights pro Messe: Filterlogik aktiviert nur relevante Produkte
Offline-Optimierung: Features werden für Offline-Modus automatisch deaktiviert
Branding-Varianten: Co-Branding mit Messepartnern konfigurierbar
Custom Screensaver: Event-spezifische Screensaver für Kiosk-Modus

Der Workflow:

Vertrieb plant Messe: "ISH 2024, Fokus: Smart-Home-Pumpen"
Content-Team erstellt Event-Config im CMS (3 Klicks)
Build-Script generiert event-spezifisches Offline-Paket
USB-Stick wird erstellt und versendet
Auf der Messe: Laptop einstecken → Automatischer Start mit korrekter Config im Kiosk-Modus

Technische Umsetzung:

Event-Profil-System in Symfony
Template-Override-Mechanismus für Event-spezifisches Branding
Produktfilter-Engine basierend auf Event-Typ
Automated Build-Pipeline für Offline-Pakete

Challenge 4

141 Produkte dynamisch konfigurieren: E-Commerce-Logik ohne Shop

Das Problem:

Produkte haben komplexe Varianten-Matrizen (Leistungsklassen, Größen, Materialien)
Technische Datenblätter müssen automatisch generiert werden
Cross-Selling-Logik erforderlich ("Kunden, die Pumpe X kauften, interessierten sich auch für...")
Daten liegen in externem PIM-System

Unsere Lösung:

API-Anbindung zum Wilo PIM-System: Produktdaten zentral gepflegt, automatisch synchronisiert
Anbindung an Wilo Asset-Management: Bilder, Videos, 3D-Modelle werden referenziert
Automatische Datenblatt-Generierung: PDF-Export für Vertrieb offline verfügbar
Cross-Selling-Engine: Intelligente Produktempfehlungen basierend auf Kontext

Architektur:

Business-Vorteil: Produktdaten werden nur an einem Ort gepflegt und überall automatisch aktualisiert

Architektur im Detail

Frontend

Twig (Template-Engine): dynamisch, flexibel, wartbar
KRPano (3D-Rendering): alle Inhalte sind dynamisch veränderbar
- Das Besondere: Inhalte werden ins WILO Asset-Management übertragen und können über unser CMS dynamisch und ohne Online-Ausfall erweitert werden

Backend

Symfony (PHP Framework): Enterprise-grade, skalierbar, wartbar
Custom CMS-Module für Multi-Market-Management
REST API für Frontend-Kommunikation

Datenbank

MySQL: strukturierte Datenhaltung
Optimierte Indizes für Multi-Language-Queries

Integrationen

API-Anbindung zu Wilo PIM-System
API-Anbindung zu Wilo Asset-Management
API-Anbindung zu QR-Code-Portal

Infrastructure

99% garantierte Verfügbarkeit
Automated Deployment-Pipeline
Monitoring & Alerting

Tools & Workflow

Git (Version Control)
Docker (Containerization für konsistente Entwicklungsumgebung)
SCRUM-basiertes Projektmanagement
MVP-Methodik für iterative Entwicklung

Check mal unsere Disziplinen Projektmanagement
und Technische Entwicklung aus!

Das Ergebnis

Sprachen nativ

> 50

Märkte aus einem System

> 60

Messe, Vertrieb und Präsentation

100%

Durch die Möglichkeit des hybriden Deployments Online + Offline.

Automatisiertes Deployment

100%

Erreichbarkeit

99%

Eventkonfiguration

> 20

Unsere Tools

Beratung

Confluence

Adobe XD

Cai

Google Analytics

Google Analytics

Google Tag Manager

Google Tag Manager

RapidUsertests

XOVI

Konzeption

Atlassian

Confluence

Adobe XD

Adobe Illustrator

Adobe Illustrator

Adobe InDesign

Google Analytics

Google Analytics

Miro

Design

Figma

Adobe XD

Adobe Aero

Adobe After Effects

Adobe After Effects

Adobe Animate

Adobe Audition

Adobe Illustrator

Adobe Illustrator

Adobe InDesign

Adobe Lightroom

Adobe Lightroom

Adobe Photoshop

Adobe Photoshop

Adobe Premiere Pro

Adobe Premiere Pro

Adobe Substance

Adobe Substance

Apple Logic Pro

Apple Logic Pro

Blender

Flux

Midjourney

Pika

Procreate

Runway

Sora

Stable Diffusion

Stable Diffusion

Steinberg Cubase

Steinberg Cubase

Suno

Veo

Weavy

Entwicklung

Angular Material

Angular Material

Sass

Deployer

GSAP

CI/CD-Pipelines

CI/CD-Pipelines

Doctrine

Bootstrap

PHP

Angular

Gulp

JavaScript

Bitbucket

Composer

npm

TypeScript

D3.js

Twig

Kubernetes

MySQL

Protractor

jQuery

Symfony

Moment.js

krpano

Cursor

PHP Unit

Docker

Helm

JWT

Podman

Mercure

Webpack

Azure

Contao

CookieHub

Flow

Fusion

Google Analytics

Google Analytics

Handlebars

Llama

n8n

Neos

Pattern Lab

React

Redshift

Selenium

Shopware

Sulu

Three.js

TYPO3

Usercentrics

WordPress

Projektmanagement

Projektmanagement

Scrum

Bitbucket

Jira

Atlassian

Cai

Dein Vorteil

Unser Fundament

Du möchtest mehr erfahren, wie bei uns Projektmanagement verstanden wird, um solche Projekte erfolgreiche zum Go-Live zu begleiten?

Match?

Starte jetzt
dein Projekt

Von der Idee zur Realität: Als Boutique-Agentur analysieren wir, denken mit und entwickeln passgenaue Konzepte.
Unsere Digitale Originale^® sind kreativ, relevant und technisch perfekt umgesetzt.

Suchst Du auch eine individuelle CMS Lösung?

Dieter hilft dir gerne.