Website-Relaunch auf Basis von TYPO3 12.4 LTS
Auf der Suche nach einem Partner, der ihre Website technisch und inhaltlich ausbaut und die zugrunde liegenden Systeme sicher und zuverlässig betreibt, fiel die Wahl von Maxion Wheels Anfang 2022 auf uns. Zu diesem Zeitpunkt befand sich die Website, die auf TYPO3 Version 9.5 basiert, bereits im Extended Long Term Support, sodass es unser gemeinsames Ziel war, eine neue, moderne Website zu konzipieren und zu entwickeln. Hierfür wurde eine neue TYPO3-Installation in Version 12.4 LTS aufgesetzt und die Website von Grund auf neu aufgebaut.
| Kunde | Maxion Wheels |
|---|---|
Projektzeitraum | 2024 |
Entdecken Sie das Projekt aus der Sicht von:
CMS-Technologie
- Das Download Center, das in TYPO3 9 aus einfachen Dateilink-Elementen bestand, wurde als Eigenlösung neu entwickelt: Downloads werden nun in speziellen Datensätzen gruppiert und lassen sich auf diese Weise zentral pflegen. Die Ausgabe ausgewählter Downloads auf weiteren Inhaltsseiten ist so ohne doppelte Pflege möglich. Im Download Center wurde ein Filter für die Dokument-Sprache ergänzt; weitere Filter lassen sich bei Bedarf jederzeit ergänzen.
- Die LinkedIn-Posts des Maxion-Accounts werden automatisiert zu TYPO3 importiert. Die sechs aktuellsten Posts werden auf der Homepage im Card-Design dargestellt und sind mit dem jeweiligen Original auf LinkedIn verknüpft.
CMS-Technologie
- Downloads sind über neue Datensatztypen in zwei Kategorie-Ebenen organisiert. Die Oberkategorien sind für das Download Center relevant; die Unterkategorien lassen sich unabhängig davon auch auf Inhaltsseiten ausgeben.
Im Download Center gibt es einen Filter für die Dokument-Sprache. Hierfür wurde in den Datei-Metadaten ein neues Locale-Feld ergänzt, bei dem auch zwischen "Spanish (Spain)" und "Spanish (Mexico)” unterschieden werden kann. - Für die Ausgabe der LinkedIn-Posts auf der Homepage wurde eine maßgeschneiderte Extension entwickelt, welche die Posts über eine der von LinkedIn bereitgestellten APIs ins TYPO3-System importiert.
Such-Technologie
Die in TYPO3-Version 9 genutzte Standard-Suche “Indexed Search” wurde in Version 12 durch die leistungsstarke Suchplattform Apache Solr ersetzt. Der Wechsel verbessert die Performance der Suche sowie die Qualität der Suchergebnisse. Zu einem späteren Zeitpunkt kann die Suchfunktion der Website um weitere Funktionen wie Grouping, Filter und Autosuggest erweitert werden.
Such-Technologie
- Durch den Wechsel auf Apache Solr und den separaten Solr-Server wird der Webserver bei Suchanfragen entlastet. Aktuell werden Inhaltsseiten und Newsbeiträge indiziert. Weitere Datentypen lassen sich schnell hinzufügen.
- Solr bietet viel Potential bei steigenden Anforderungen an die Suchfunktion.
Backend- und Frontend-Technologie
Besonderen Wert haben wir auf eine klare und benutzerfreundliche Struktur im TYPO3-Backend gelegt. Elemente und Auswahlmöglichkeiten für den Redakteur sind neu organisiert. Dreizehn kundenspezifische Inhaltselemente werden mit einer optimierten Backend-Vorschau gerendert, die das Styling im Frontend widerspiegelt. Ergänzend dazu wurde ein umfangreiches Redakteurshandbuch erstellt, mithilfe dessen der Kunde in der Lage ist, die Website vollumfänglich redaktionell zu pflegen.
Backend- und Frontend-Technologie
Die dreizehn neu entwickelten Inhaltselemente wurden mit Content Blocks umgesetzt. Dies erlaubte die einfache Entwicklung optimierter Editor-Previews. Bei Inline-Elementen (wie Cards und Accordions) kann der Redakteur direkt das einzelne Unterelement öffnen und bearbeiten. Hintergrundfarben und andere Optionen sind über eine Konfigurationsleiste am unteren Rand erreichbar.
Qualitätssicherung mittels Living Styleguide und automatisierter Tests
Im Zuge des Relaunch-Projektes wurde ein Seitenbaum für den Living Styleguide aufgebaut, in dem alle Seitentypen, Formulare und Inhaltselemente in unterschiedlichen (Layout-)Varianten angelegt sind. Der Styleguide bildet die Basis für die automatisierten Tests mit den Tools Cypress und BackstopJS, mithilfe derer die Website periodisch sowie bei Weiterentwicklungen auf Funktionalität und Layout geprüft wird.
Qualitätssicherung mittels Living Styleguide und automatisierter Tests
Die Regressionstests auf Basis von Cypress sowie das Visual Regression Testing mit BackstopJS erleichtert die Abnahme von Upgrades und Weiterentwicklungen. Selbst kleine Unterschiede im Design oder Änderungen in der Funktion werden zeitnah und zuverlässig erkannt.
