Success Story | Primetals Technologies
CMS-Migration und Website Relaunch
Im Rahmen eines umfassenden Relaunches wurden die bestehenden Webauftritte von Primetals Technologies (primetals.com und primetals.cn) neu aufgesetzt.
Die Umsetzung durch neteleven umfasste die Neuentwicklung des Frontends, die Einführung eines modernen CMS, die Integration einer leistungsstarken Suchlösung sowie die Implementierung einer Custom Middleware zur Anbindung von Backendsystemen.
)
Primetals Technologies
Was macht Primetals Technologies?
Primetals Technologies ist ein international führendes Unternehmen im Anlagenbau für die Metallindustrie, gegründet 2015 von Siemens, Mitsubishi Heavy Industries und weiteren Partnern. Mit über 140 Jahren Erfahrung, mehr als 7.000 Projektreferenzen in den letzten 60 Jahren und über 65 Standorten weltweit bietet Primetals Technologies Lösungen von grüner Stahlproduktion über Digitalisierung von Produktionsprozessen bis hin zu Engineering-Dienstleistungen und schlüsselfertigen Anlagen.
:focal(120x118:121x119))
Durch die Verbindung unserer Expertise mit den technischen Fähigkeiten von neteleven haben wir eine robuste und skalierbare digitale Plattform geschaffen, die die digitalen Ambitionen von Primetals Technologies über Jahre hinweg unterstützen wird. Das Ergebnis ist eine zukunftsfähige Plattform, die unserem Unternehmen die Flexibilität gibt, sich weiterzuentwickeln, und gleichzeitig Kunden auf der ganzen Welt ein nahtloses digitales Erlebnis bietet.
Die Herausforderung
Der Website Relaunch stand im Zeichen einer umfassenden Modernisierung der bestehenden Plattform. Die Herausforderung bestand in der Zusammenführung zweier CMS-Systeme in eine zentrale, skalierbare Lösung. Die neue Plattform sollte den Redakteuren ein deutlich effizienteres und intuitiveres Arbeiten ermöglichen. Zugleich waren höchste Anforderungen an Performance, Sicherheit und Flexibilität zu erfüllen, damit eine zukunftssichere Basis für den weltweiten digitalen Auftritt von Primetals Technologies entsteht.
Neben den technischen Herausforderungen war auch eine zügige Umsetzung gefordert. Zwischen Projektstart und geplanten Livegang lagen lediglich sechs Monate. In dieser Zeit war neben der Entwicklung auch die Ausarbeitung von Anforderungsdetails sowie die parallele stattfindende Erstellung und Pflege von Inhalten durch Primetals Technologies zu bewerkstelligen.
Projekt & Lösung
Grundstein für den herausragenden Projekterfolg war die stets transparente und agile Zusammenarbeit von Primetals Technologies IT, Marketing und neteleven. Von der grünen Wiese bis zum Go-Live waren es rund sechs Monate, womit der geplante Termin eingehalten wurde.
Im Rahmen des Relaunches wurde die Website auf Basis Next.js neu implementiert, wobei ein modernes, performantes und skalierbares Frontend entstand. Dabei wurde mit der Einführung von Contentstack als Headless CMS die Trennung von Redaktionssystem und Frontend konsequent umgesetzt.
Kern der Frontend-Architektur ist das von neteleven eingeführte Dual-Site-Serving Konzept. Dabei wird die Website für Besucher immer statisch ausgeliefert, während für Redakteure eine dynamische Anwendung auf der gleichen Codebasis bereitsteht, welche eine stets aktuelle Vorschau der Inhalte ermöglicht.
Für die Suche wurde mit Algolia eine state-of-the-art Lösung integriert. Dabei wird der Suchindex bei jeder statischen Seitengenerierung aktualisiert, um für Besucher stets die aktuellen Inhalte bereitzuhalten.
Die Backendsysteme, insbesondere für die Formularverarbeitung, sind über eine eigens gebaute Middleware an das Frontend angebunden. Dadurch ist sichergestellt, dass Einsendungen nicht verloren gehen, an die richtigen Systeme geroutet werden und Anhänge vor der Übermittlung auf Viren geprüft werden.
Die neue Plattform wurde im Rahmen des Projekts durch neteleven in Microsoft Azure deployed. Neben dem initialen Setup der Cloud-Infrastruktur wird in enger Zusammenarbeit mit der Entwicklung der langfristige Betrieb der Anwendung sichergestellt. Dies beinhaltet neben der regelmäßigen Aktualisierung aller Komponenten und dem Monitoring der gesamten Umgebung auch den 24/7-Support.
Ergebnis & Ausblick
Die neue Website von Primetals Technologies überzeugt durch ein modernes und klar strukturiertes Layout, welches die Markenidentität stärkt und komplexe Inhalte übersichtlich präsentiert. Dank des neu eingeführten CMS und der Einbindung einer stets aktuellen Vorschau können Redakteure Inhalte deutlich einfacher und effizienter pflegen.
Aufgrund des Dual-Site-Serving Konzepts und der damit verbundenen statische Auslieferung ist außerdem eine optimale Performance, auch bei hoher Last, gewährleistet. Damit profitieren Besucher stets von kurzen Ladezeiten und das bei geringen Kosten für Infrastruktur und einer einfach wartbaren und erweiterbaren Systemarchitektur.
Nach dem erfolgreichen Rollout zusätzlicher Sprachversionen für den chinesischen und japanischen Markt, wird die Plattform nun kontinuierlich weiterentwickelt. Neue Funktionen und Optimierungen werden in enger Abstimmung zwischen Primetals Technologies und neteleven umgesetzt, während der langfristige Betrieb durch einen strukturierten Maintenance- und Supportprozess durch neteleven sichergestellt wird.
Key Facts
Was haben wir für den Kunden erreicht
Performance: Bereitstellung eines modernen Webauftritts, stets hochperformant aufgrund von Dual-Site-Serving.- Skalierbarkeit: Hochverfügbare Webseite auch bei Lastspitzen dank Trennung von Frontend- und Backend-Umgebung sowie statischer Seitengenerierung.
- Flexibilität: Nahtlose Anbindung von Drittsystemen, unter anderem für Suche (Algolia), DAM (Bynder) und Übersetzung (Wordbee).
- Modernisierung des Tech-Stacks: Einführung des Frontend-Frameworks Next.js sowie state-of-the-art Deployment-Pipelines für einfaches Ausrollen von Anpassungen.
- Effizientes Content Management: Einführung des Headless CMS Contentstack, inklusive Live-Preview, Anbindung an das Übersetzungssystem Wordbee, sowie Redaktionsschulung.
- Content-Migration: Automatisierte Übernahme von Inhalten aus den Content Management Systemen Typo3 und WordPress nach Contentstack.
- Sicherheit: Reduktion der Angriffsvektoren durch statische Auslieferung und Bereitstellung einer Middleware auf Basis von NestJS zum Schutz von Drittsystemen für die Formularverarbeitung.
- Projektvorgehen: Vollständig agiles Vorgehen nach Kanban mit erfolgreichem Projektabschluss, in Time und in Budget.
Eingesetzte Technologien
Primetals Technologies
Feedback unseres Ansprechpartners
Gemeinsam mit neteleven haben wir unsere Website in eine strategische digitale Plattform verwandelt, die unsere Marke stärkt, die Interaktion mit unseren Kunden verbessert und unsere globalen Geschäftsziele unterstützt. Wir haben eine Grundlage geschaffen, die Kunden dabei hilft, relevante Lösungen schneller zu finden und effektiver mit Primetals Technologies in Kontakt zu treten.
neteleven
Unsere Leistung
)
Im Rahmen des Relaunches haben wir Contentstack als Headless CMS eingeführt und die Website auf Basis von Next.js vollständig neu implementiert. Herzstück der Architektur ist unser Dual-Site-Serving-Ansatz. Besucher erhalten die Seiten statisch ausgeliefert und damit maximale Performance und Sicherheit, während der Redaktion auf derselben Codebasis eine dynamische Anwendung mit jederzeit aktueller Vorschau zur Verfügung steht. Ergänzt haben wir die Plattform um Algolia als Suchlösung und die Integration von Bynder für das Ausspielen von Assets. Hinzu kommen die Anbindung des Translation Management Systems Wordbee sowie eine eigens entwickelte Middleware für die Formularverarbeitung. Den Betrieb in Azure verantworten wir bis heute.
Dass wir in nur sechs Monaten vom Kennenlernen bis zum Go-Live gekommen sind, war das Ergebnis einer ehrlichen und partnerschaftlichen Zusammenarbeit mit IT und Marketing von Primetals Technologies, die mir durchweg wahnsinnig viel Spaß gemacht hat.