Vetrotech Saint-Gobain AG ist Teil der Saint-Gobain-Gruppe und einer der weltweit führenden Hersteller von hochleistungsfähigem Brandschutz- und Sicherheitsglas für die Bau- und Seefahrt-Industrie. Das Unternehmen ist in mehr als 60 Ländern aktiv.

Mit der neuen Website soll die zentrale und zukunftsfähige Basis für alle weiteren digitalen Marketingaktivitäten geschaffen werden.

Die Website vetrotech.com soll in mehreren Sprachen zur Verfügung gestellt werden. Die Verfügbarkeit von Produkten ist von Land zu Land unterschiedlich, daher unterscheidet sich auch der Bedarf an Informationen entsprechend. Vetrotech möchte bei der Erstellung der Websites so selbstständig und damit unabhängig wie möglich arbeiten können.

Im Fokus des Relaunchs standen neben einem fortschrittlichen Design im Frontend eine hohe Flexibilität für die Redakteure durch Modularität, ein komplexes Länder-Sprachen-Handling sowie ein effizientes Translation Management.

Die Website basiert auf Drupal 8, da dies Vorgabe des Mutter-Unternehmens „Saint-Gobain“ ist. Bright Solutions übernahm für den Relaunch im Jahr 2019 das Design, die Konzeption und die Entwicklung des Relaunchs.

Besonderheiten

Die Seite hat das Ziel Leads für den Vertrieb zu generieren. Damit dieses Ziel erfolgreich erreicht werden kann, wurde eine SEO Strategie erstellt und implementiert und die User Experience (UX) auf die Buyer’s Journey der einzelnen Personas, die mit der Webseite interagieren, abgestimmt. Die Autoren haben die Anforderungen, jedes Element selbstständig pflegen und übersetzen zu können.

Hierzu zählten nicht nur einfache Inhalte, sondern auch sämtliche Labels der Website, die im Frontend sichtbar sind. Dies ermöglicht den Redakteuren, eine neue Sprachversion der Website vorzubereiten und online zu stellen, ohne dabei auf Entwickler angewiesen zu sein.

Flexibilität für Redakteure

Sprachen-Länder-Handling

Um doppelte Contentpflege und zeitraubendes copy & paste zu vermeiden, wurde ein gemeinsames Backend zur zentralen Datenpflege entwickelt. Das gesamte Regionen- und Länder-Handling wurde im CMS Drupal für die Readkteure zugänglich abgebildet.

Zusammenfassung:

• Automatische Zuordnung des Landes und der Sprache inkl. Fallback.
• Der Kunde kann pflegen, welche Sprachen in welchem Land verfügbar sind.
• Die Verfügbarkeit von Produkten ist pro Land unterschiedlich, entsprechend unterscheiden sich auch die relevanten Inhalte pro Land. Um die Pflege dieser Daten schlank zu halten, kann eine Inhaltsseite mehreren Ländern zugefügt werden – anstatt pro Land alle Inhalte neu zuordnen zu müssen.
• Je nach Verfügbarkeit der Inhalte unterscheiden sich natürlich auch die Menüs. Die Menüs können auch individuell gepflegt und je Land individuell zugewiesen werden. Anschließend werden sie nach der Sprachenerkennung entsprechend ausgeliefert.
• Neben der Zuordnung von Inhalten zu Ländern können auch Länder zu Regionen (in diesem Fall Kontinente) zusammengefasst werden.

Übersetzbarkeit und Translation Management

• Es wurde das Translation-Management-Tool eingesetzt und auf die individuellen Anforderungen von Vetrotech angepasst. Der Einsatz des Tools spart den Redakteuren viel Zeit und ermöglicht eine komfortable Zusammenarbeit mit externen Übersetzungsdienstleistern, da es außerhalb des CMS Systems Drupal läuft (einfacher Export der zu übersetzenden und Import der übersetzten Datei inkl. Versionsverlauf). Die externen Dienstleister sind frei in der Wahl ihrer Tools.
• Im Vergleich zu „normalen“ Inhaltsübersetzungen sind zusätzlich viele Elemente pfleg- und übersetzbar, die sonst i.d.R. hart im Code verankert sind und durch Entwickler übersetzt werden müssen.

Menü: headless mit Angular JS im Frontend

Die komplexe Menüstruktur mit 4 Ebenen und vielen Unterpunkten wurde headless mit Angular JS im Frontend entwickelt. Um die Anforderungen des Kunden an das Menü abbilden zu können, hat unser Team selbst eine komplexe Taxonomiestruktur mit vielen individuellen Einstellungsmöglichkeiten aufgebaut.

Vetrotech hat auch hier zahlreiche Möglichkeiten zur individuellen Gestaltung der einzelnen Elemente.

Download Center: hohe Ladegeschwindigkeit ohne Reload

Ein Download-Center stellt Kunden sowie Vertriebsmitarbeitern einen hohen Umfang an Dokumenten, wie Produktdatenblätter und Broschüren, übersichtlich und einfach filterbar zur Verfügung. Hierfür wurde ein ausgeklügeltes Filtersystem entwickelt, das durch die Redakteure gepflegt und nach ihren Wünschen erweitert werden kann.

Die Filter sind aufeinander aufbauend und voneinander abhängig, was den Besuchern die Navigation im Downloadbereich erleichtern soll. Es gibt einen Bereich für anonyme Besucher sowie einen Bereich für eingeloggte User.

Auch hier spielt das Sprachen-Länder-Handling inkl. Translation Management eine wichtige Rolle, da jedes Land einen individuellen Bestand an Dokumenten hat.

Das Download Center wurde wie das Menü headless mit Requests an Drupal und Angular JS im Frontend umgesetzt. Die Komplexe Filterung erfolgt über REST Requests, um eine hohe Ladegeschwindigkeit ohne Reload zu erreichen.