360° Multi-Market CMS-System für einen der größten Pumpenhersteller der Welt
Check mal unsere Disziplinen Konzeption
und Strategische Beratung aus!
Wilo: Wilo-World CMS
Webbasierte Pflegemöglichkeit des 3D-Webspecials
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
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.
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.
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
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
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
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
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
Unsere Tools
Beratung
Beratung
Confluence
Adobe XD
Cai
Google Analytics
Google Tag Manager
RapidUsertests
XOVI
Konzeption
Konzeption
Atlassian
Confluence
Adobe XD
Adobe Illustrator
Adobe InDesign
Google Analytics
Miro
Design
Design
Figma
Adobe XD
Adobe Aero
Adobe After Effects
Adobe Animate
Adobe Audition
Adobe Illustrator
Adobe InDesign
Adobe Lightroom
Adobe Photoshop
Adobe Premiere Pro
Adobe Substance
Apple Logic Pro
Blender
Flux
Midjourney
Pika
Procreate
Runway
Sora
Stable Diffusion
Steinberg Cubase
Suno
Veo
Weavy
Entwicklung
Entwicklung
Angular Material
Sass
Deployer
GSAP
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
Handlebars
Llama
n8n
Neos
Pattern Lab
React
Redshift
Selenium
Shopware
Sulu
Three.js
TYPO3
Usercentrics
WordPress
Projektmanagement
Projektmanagement
Scrum
Bitbucket
Jira
Atlassian
Cai
