Mammutaufgabe erfolgreich beendet - Upgrade für Quadrantplastics.com

Mammutaufgabe erfolgreich beendet - Upgrade für Quadrantplastics.com

Befreit von einer Menge Altlasten ist die Website von Quadrant Plastics nun wieder weltweit aufrufbar - diesmal jedoch schneller und mit einem neuen TYPO3 im Kern.

Die Quadrant AG - eine Tochterfirma von Mitsubishi Chemical - ist ein weltweit agierender Hersteller von thermoplastischen Werkstoffen im Bereich High-Performance Plastics. Diese Halbzeuge, Fertig- und Spritzgussteile werden in verschiedenen Industriebereichen wie Medizintechnik, Nahrungsmittelverarbeitung, Automobilindustrie und vielen weiteren benötigt. Verteilt auf fünf Kontinente besitzt die Unternehmensgruppe Fertigungen und Vertretungen in insgesamt 21 Ländern.

Die in2code GmbH wurde von der Quadrant AG beauftragt, die TYPO3-Version der Unternehmens-Website zu aktualisieren. Konkret bedeutet dies ein Update von LTS-Version 6.2 auf 8.7. Eine Anpassung des Layouts ist im ersten Schritt nicht vorgesehen. Eine Erstanalyse ergab den vielfältigen Einsatz veralteter TYPO3-Erweiterungen, die es mit dem Update zu ersetzen galt. Angestrebtes Ziel war der Rückbau vieler individuell und in die Jahre gekommener Funktionen zu TYPO3-Bordmitteln. Neben dem Abbau technischer Schulden garantiert dieser Umbau zukünftig einfache und ökonomisch vertretbare Updates.

Die Migration

Der beschriebene Technologiewechsel benötigte hierbei einen umfangreichen Migrationsplan für den Content. Bereits erzeugte Inhalte mussten ohne Verlust und mit möglichst geringer händischer Nacharbeit wieder verwendet werden können. So wurden Seiteninhalte (TemplaVoila, Accordeons, Tabs, etc...), Seiten, Metadaten, Adressen, News, Videos und Kategorien automatisiert migriert. Eine Aufgabe, die für sich schon eine gewisse Herausforderung darstellt. Angesichts von 18 verschiedenen Sprachen mit individuell einstellbaren Fallback-Möglichkeiten und dem Einsatz der TYPO3-Workspaces wurde dies ein spannendes Szenario. Das erzeugte Migrationsscript lief am Ende ca. 6h lang, um Inhalte und deren Metainformationen bestmöglich anzupassen. Somit konnten auch Elemente vom Typ Accordeon (aufklappbare Inhalte) innerhalb von Tabs und wiederum Tab-Containern innerhalb von Grids automatisiert aufbereitet werden.

"Ganz einfach nur von Herausforderungen zu sprechen, beschreibt den Umfang dieser Migration nicht einmal im Ansatz", so Alexander Kellner, technischer Projektleiter und zuständig für die Migration: "Die Vielzahl an Kombinationsmöglichkeiten individueller Seiteninhalte mit noch mehr Möglichkeiten des individuell einstellbaren Sprach-Fallbacks brachte Technik und Kollegen an deren Grenzen. Umso stolzer bin ich nun auf das Gesamtergebnis, das so nur als Teamleistung möglich war."

Eigens erzeugte flexible Inhalte ersetzen alte Inhalte vom Typ "TemplaVoila FCE" wenn ein Umbau auf normale Seiteninhalte nicht möglich war. Eine Lösung für individuelle Mehrspalter rundet die Verwendungsmöglichkeiten der Seiteninhalte ab. Eine individuelle Weiterleitung der Besucher auf die am besten passende Sprachversion löst unsere Erweiterung ipandlanguageredirect an Hand von Browsersprachen und Region des Besuchers.

Was ist neu?

Vorhandene Erweiterungen wurden durch moderne Alternativen ersetzt. So können nun Kontakte, Karten, Videos und Case Studies mit Fokus auf einfache Verwendbarkeit von Redakteuren eingesetzt werden. Generische Elemente wie Accordeons, Tabs, Lightboxes oder Grids ermöglichen nun vielfältige Einsatzmöglichkeiten der bestehenden Seiteninhalte. Solr, eine mächtige und individuell konfigurierbare Suchmaschine, wird auch nach dem Launch wieder eingesetzt, um die Suchergebnisse der Web-Suche ideal aufzubereiten. Hierbei können Inhalte und Dateien mit wenigen Klicks in der jeweiligen Sprache gefunden werden. Die TYPO3-Workspaces wurden von unserem Content-Publisher komplett abgelöst. Inhalte können somit aufbereitet und auf Knopfdruck von den Redakteuren auf den Produktions-Server überspielt werden.

Serverarchitektur

Neben den Arbeiten an der Applikation ist die in2code GmbH auch mit dem Aufbau und der Betreuung der Web-Serverarchitektur beauftragt worden. Unser Serverteam konzipierte sieben getrennte TYPO3-Instanzen auf automatisch provisionierten Servern mit dem Ziel einer möglichst performanten Auslieferung der Website in alle Zeitzonen der Welt. Eine Anbindung an den CDN von Amazon Cloudfront erlaubt den Genuss der Assets (Bilder, Videos, etc...) durch die Besucher mit bestmöglicher Geschwindigkeit - beispielsweise auch in China. Der Einsatz unseres Content Publishers erlaubt eine weitere Härtung des Webauftritts gegen Hacker. Ständiges Monitoring und der Einbau eines Zero-Downtime-Deployments runden den Service weiter ab.

"Bei diesem Projekt nutzen wir Docker zum ersten Mal in einer Produktivumgebung und sind erstaunt, welche Vorteile sich schon innerhalb kürzester Zeit für uns und dadurch für den Kunden ergeben haben", so Martin Huber, CTO und Leiter des Serverteams.

Blick in die Zukunft

Parallel zum Update wurde eine Produktfinder Lösung konzipiert und umgesetzt. So eine Erweiterung erlaubt die einfache Suche nach Produkten auf der Website. Ein Interface zur Produktdatenbank versorgt TYPO3 hierbei mit allen nötigen Informationen. Die Extension wird in Kürze den Besuchern zur Verfügung stehen. Ein weiteres großes Thema für alle Beteiligten ist die Möglichkeit einer professionellen Übersetzung von Seiteninhalten in eine Vielzahl an Sprachen. Derzeit arbeiten wir gemeinsam an einer möglichst einfach zu verwendenden Integration in TYPO3.

Wir freuen uns, auch in Zukunft gemeinsam mit der Quadrant AG neue Wege im Web beschreiten zu können.

Sandra Pohl

Projekte und Produkte im TYPO3-Bereich?

Haben Sie Fragen zu Projekten und Produkten im TYPO3-Bereich?

Unser Professional Scrum-Master und Product-Owner Sandra Pohl hilft Ihnen gerne weiter.

Sandra Pohl  |  Product Owner & Project Manager

Commend International: Security-Audit, AI-Integration & TYPO3 v13 Launch

So könnte ein eigentlich ein Witz anfangen: Treffen sich ein Pentest, eine AI-Integration und ein TYPO3-Launch in einer Bar. Was es jedoch wirklich damit auf sich hat, erklären wir in unserer Case...

Zum Beitrag
Commend Kommunikationslösugen - beispielsweise für Büros

Helmholtz Munich Konsolidierung 2025: 6 Launches in 7 Monaten, massive Einsparung im Budget und Performance-Boost um Faktor 15

Im Jahr 2025 stand Helmholtz Munich vor einer Mammutaufgabe: Eine historisch gewachsene, fragmentierte Web-Landschaft sollte bei laufendem Betrieb in ein zentrales TYPO3 v13 System überführt werden....

Zum Beitrag
Forschung im Medizinbereich

Kein Chaos mehr bei vollem Büro - so organisieren wir unsere Teamwochen

Mittlerweile arbeitet ein Großteil unseres Teams ortsunabhängig und wir sind stolz, dass diese Arbeitsweise bei in2code so gut klappt. Trotzdem ist es wichtig, die Kollegen und Mitarbeiter auch...

Zum Beitrag

Hinter den Kulissen: Ein Gespräch mit Peter, Teamlead des TYPO3 Localization Teams

Das TYPO3 Localization Team sorgt dafür, dass TYPO3 weltweit verständlich und zugänglich ist – aber nicht auf die Weise, wie viele denken. Wir haben mit Peter gesprochen, Teamlead des Localization...

Zum Beitrag

Die Zukunft von Websites im Zeitalter der generativen KI

“Das Internet stirbt – nicht langsam, sondern jetzt.” titelt letzte Woche die FAZ. Bis vor vier Wochen hätte ich dem noch widersprochen. Bis ich die letzten Monate die Trafficdaten unserer...

Zum Beitrag
Ein humanoider Roboter zeichnet mit einem digitalen Stift auf eine leuchtende, transparente Oberfläche und symbolisiert damit die Gestaltung und Entwicklung von Websites durch Künstliche Intelligenz.

in2code wird Teil des Partnernetzwerks für den Government Site Builder 11

in2code ist Implementierungspartner für den Government Site Builder 11. Gemeinsam mit Materna und weiteren Spezialisten bringen wir TYPO3-Expertise in die Bundesverwaltung.

Zum Beitrag
Gruppenfoto der Partner des Government Site Builder 11 (GSB 11) bei einem Treffen. Zahlreiche Personen stehen und knien lächelnd für die Kamera auf einer Terrasse mit Blick auf eine begrünte Umgebung und ein Stadion im Hintergrund. Die Stimmung wirkt kooperativ und professionell