Zum Inhalt springen

Ent­wick­lung eines mul­ti­do­main­fä­hi­gen TYPO3-Sys­tems

Entwicklung eines multidomainfähigen TYPO3-Systems
Referenzen Hörmann Entwicklung eines multidomainfähigen TYPO3-Systems

Über Hör­mann: Eu­r­o­pas füh­ren­der An­bie­ter für Tore und Türen

| Zuletzt aktualisiert am:
Lesezeit: 7 Minuten

Das gemeinsame Ziel von Hörmann und LOUIS INTERNET war die Optimierung der existierenden Website in Hinblick auf Nutzerführung und die anschließende Migration in ein neues Content Management System (CMS). Dies erfolgte in zwei Projektetappen.

  • Kunde seit 2019
  • Anzahl Mitarbeiter > 6.000
  • Standorte weltweit > 100
  • Hauptsitz: Steinhagen
  • Zielgruppen: Private Bauherren, Industrie und Gewerbe, Architekten

Über Hörmann

Hörmann ist Europas führender Anbieter von Toren, Türen, Zargen und Antrieben. Mit über 6.000 Mitarbeitenden und mehr als 100 Standorten weltweit gehört das 1935 gegründete Familienunternehmen zu den größten Herstellern der Branche. Hörmann produziert an 40 Fertigungsstandorten in Europa, Nordamerika und Asien und beliefert Kunden in über 50 Ländern. Das Portfolio umfasst unter anderem Garagentore, Industrietore, Haustüren, Innentüren sowie Brandschutz- und Sicherheitslösungen für den privaten und gewerblichen Bereich. Seit 2019 arbeitet Hörmann mit LOUIS INTERNET an der digitalen Transformation der internationalen Webpräsenz. 

Projektziele im Überblick

  • 38 internationale Corporate Websites wurden in eine einheitliche TYPO3-Plattform konsolidiert
  • Migration auf AWS Cloud-Hosting in nur 3 Tagen bei laufendem Betrieb
  • +30% Performance-Steigerung beim First Paint unter 1 Sekunde
  • SOLR-Suche mit Autovervollständigung ersetzt die bisherige TYPO3-Suche
  • Agiles Pilotprojekt mit Hörmann Norwegen als Vorlage für alle Länder

Im Fokus der initialen Konzeptionsphase der ersten Projektetappe standen zunächst Überarbeitungen der Suche, Header, Microactions und mobilen Navigation, die in Gestaltung und Entwicklung überarbeitet wurden.

In der zweiten Projektetappe folgte ein technischer Relaunch inklusive Migration in eine neue CMS-Version zur Modernisierung und Vereinfachung der technischen Standards und Verbesserung der Usability und des responsive Designs. Mit einer visuell leicht optimierten Frontendansicht bietet hoermann.de zahlreiche Quickwins (leichte + schnelle Projekterfolge). 

Technologien

TYPO3
Solr
JavaScript
HTML/CSS

Leistungen & Lösungen

Workshop
Konzept & Strategie
UX-Design
Corporate Website
Suchserver
Webentwicklung
Contentpflege

Branchen & Themen

B2B
B2C
Hersteller
Industrie

Die Heraus­for­de­rung: 38 Websites unter einem Dach

Wie konsolidiert man 38 internationale Websites in ein einheitliches System, ohne dabei die individuellen Anforderungen der Landesgesellschaften zu vernachlässigen? Diese Frage stand am Anfang des Projekts.

Das gemeinsame Ziel von Hörmann und LOUIS INTERNET war die Optimierung der existierenden Website in Hinblick auf Nutzerführung und die anschließende Migration in ein neues Content Management System (CMS). Die 38 internationalen Corporate Websites sollten in eine einheitliche, multidomainfähige TYPO3-Plattform überführt werden. Und zwar mit individuellen Anpassungsmöglichkeiten für jede Landesgesellschaft bei zentraler technischer Basis.

Die Lösung: Multi­do­main­fä­higes TYPO3 mit AWS-Hosting

Die ersten Schritte des gemeinsamen Projektes von Hörmann und LOUIS INTERNET spiegelten sich in der Optimierung einiger Features wider.

Der Austausch der früheren, schwachen TYPO3 Search gegen die  hoch-performante SOLR Suche und neue technische Features, wie Autovervollständigung und Vorschlagslisten, waren die ersten  Optimierungsmaßnahmen. Auch die bestehenden Microactions  – mitlaufende Quicklinks zu direkten Kommunikations- und  Handlungsmöglichkeiten – sowie die mobile Navigation wurden modernisiert  und ausgerollt.

1 CMS-Instanz - 38 Länder

Anschließend folgte der Umzug der Hörmann Seiten auf ein hoch-performantes Cloud-Hosting. In drei Tagen wurden die insgesamt 38 internationale Corporate Websites von den bestehenden Servern auf die neuen und datenschutzkonformen AWS Server umgezogen. Welche Besonderheiten ein Seitenumzug dieser Dimension für alle Beteiligten darstellt, haben wir in diesem Artikel zusammengefasst.

Die ersten Optimierungsmaßnahmen und der Seitenumzug waren die Grundlage für den nun folgenden technischen Relaunch - RETEC - mit anspruchsvollem Anforderungsprofil: Ein multidomainfähiges System für 38 Corporate Websites zu schaffen, das visuell und technisch modern, hoch-performant, einfach in der Bedienbarkeit und Pflege für Redakteurinnen und Redakteure, individuell anpassbar, Drittsystemkompatibel und nachhaltig wie zukunftssicher ist.

Vom agilen Projektmanagement zum Piloten

Nach einer ausführlichen Bestandsaufnahme aller Bedürfnisse und Anforderungen an das System wurden Konzept, Layout und Funktionalitäten iterativ abgestimmt und entwickelt bis ein Grundstock an technischen Features für den ersten Website-Aufbau zur Verfügung stand.

Die Corporate Website von Hörmann Norwegen diente als Pilotprojekt für die exemplarische Umsetzung aller Systemanforderungen. Dabei erarbeitete das interdisziplinäre RETEC Team einen optimierten Workflow für Content- und Projektmanagement, Datenverwaltung und Development und erweiterte bedarfsorientiert das MVP (Minimum Viable Product) - den Grundaufbau, der für alle Länder zur Verfügung stehenden Website, mit Hinblick auf Umsetzbarkeit individueller Bedürfnisse und Notwendigkeiten in enger Abstimmung mit den Kontaktpersonen der Hörmann Länder.

Über­blick der Funk­ti­onen

Refe­renz­be­reich: Projekte struk­tu­riert präsen­tieren

LOUIS INTERNET entwickelte für Hörmann einen modularen Referenzbereich, der realisierte Projekte optimal präsentiert, strategisch nutzbar und gezielt auffindbar macht. Technisch nachhaltig entwickelt, sodass er mit den Anforderungen von Hörmann mitwächst.

Private Bauherren, Architekten sowie Industrie- und Gewerbekunden finden über einen gezielten Filter nach Produktgruppen, Objektarten und Gebäudetypen schnell die für sie relevanten Projekte. Das verkürzt Entscheidungswege und stärkt die Überzeugungskraft im Vertriebsprozess. Auf jeder Detailseite sind die wichtigsten Projektdaten auf einen Blick erfassbar: Realisierungszeitraum, Objekttyp, beteiligte Architekten und eingesetzte Produkte. Zitierfähig strukturierte Inhalte sorgen dafür, dass Hörmann auch in KI-gestützten Suchanfragen als kompetenter Anbieter sichtbar bleibt. Eine datensatzbasierte Contentpflege in Kombination mit dynamischen Contentelementen ermöglicht es, neue Projekte schnell und individuell einzupflegen. Die technische Architektur ist skalierbar und plattformübergreifend integrierbar, sodass der Referenzbereich langfristig mit den Anforderungen von Hörmann wachsen kann.

Perfor­mance-Verbes­se­rung in Zahlen

Um den Impact der technischen Optimierungen zu prüfen, wurden die Performance-Werte der Seite vor und nach dem Launch verglichen und ausgewertet. Hier kann der Hörmann RETEC mit äußerst positiven Zahlen punkten.

Alleine durch den Einsatz neuster Technologien und eines komplett neu aufgesetzten, performanten Hostings, beschleunigten sich die Ladezeiten drastisch und auch die Core Web Vitals haben sich deutlich ins Positive gewandelt. Dabei lädt die Webseite nicht nur technisch schneller, sondern auch die optische Darstellung für den Besucher hat sich deutlich verbessert (+ 30 % Seiten mit First Paint unter 1 Sekunde).

Ebenso ist eine Verbesserung der beiden “Core Web Vitals” Largest Contentful Paint und First Input Delay zu erkennen. Dabei werden den Besuchern wichtige Inhalte schneller angezeigt und die Webseite reagiert schneller auf Interaktionen der Besucher.

Ein starkes Team.

Der technische Relaunch der Corporate Websites ist nicht das einzige gemeinsame Projekt, das Hörmann und LOUIS INTERNET verbindet. Erfahrt hier mehr über die gemeinsame Zusammenarbeit!

Mit der Neugestaltung der Hörmann Händlersuche wurde die bestehende Lösung durch eine modernere und userfreundlichere Version abgelöst und so der Kontakt zum stationären Handel auf einem spannenden und gesteuerten Weg vereinfacht.

Nach der Optimierung zahlreicher Features wurden auch internationale Landingpages für verschiedene Anlässe und mit unterschiedlichen Ansprüchen gemeinsam konzipiert, getestet und umgesetzt.

Kontinuierliche Contentpflege durch LOUIS INTERNET sowie Redakteursschulungen und die Erstellung von Video Tutorials für Hörmann zur eigenständigen Arbeit im Backend halten alle gemeinsamen Website-Projekte aktuell.

Ein fortlaufendes Projekt dieser Größenordnung erfordert ein eingespieltes Team aus Projektmanagement, Entwicklung, Design und Contentpflege. Über zehn Spezialist:innen von LOUIS INTERNET arbeiteten Hand in Hand mit den Ansprechpartner:innen von Hörmann in Steinhagen und aus den Landesgesellschaften. 

Das Ergebnis: Eine zukunftssichere Plattform

Die Entwicklung eines multidomainfähigen TYPO3-Systems für Hörmann bietet dem Unternehmen zahlreiche Vorteile. Durch die Konsolidierung von 38 internationalen Corporate Websites in einer einzigen, leistungsstarken Plattform wird die Verwaltung erheblich vereinfacht und die Konsistenz der Markenkommunikation weltweit gestärkt. Die Implementierung einer hochperformanten SOLR-Suche mit Funktionen wie Autovervollständigung und Vorschlagslisten verbessert die Benutzererfahrung maßgeblich. Zudem ermöglicht das System eine flexible Anpassung an die spezifischen Anforderungen der verschiedenen Landesgesellschaften, was die Effizienz in der Pflege und Aktualisierung der Inhalte steigert. Insgesamt resultiert dies in einer modernen, technisch fortschrittlichen und benutzerfreundlichen Online-Präsenz, die sowohl den internen Bedürfnissen als auch den Erwartungen der Kunden gerecht wird.

Projekt-Team: