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.
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 Projetetappe folgte anschließend 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).
Nutzerführung auf den Punkt gebracht
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.
Leads & Likes
Zu den Besonderheiten des RETEC Systems gehören zahlreiche technische Features, die Leads generieren und crossmediale Kommunikation in den sozialen Netzwerken ermöglichen. Durch Händler- und Niederlassungssuche, Mediacenter mit Katalogbestellfunktion, Anfragemöglichkeiten mit verschiedenen Formular-Logiken wie beispielsweise Autovervollständigung wurden vielfältige und niedrigschwellige Möglichkeiten zur Kontaktaufnahme für Interessentinnen und Interessenten geschaffen.
Der Newsroom mit Blogcharakter überzeugt durch ein modernes Design und hebt sich optisch von der restlichen Website ab. Neben Tipps und Pressemitteilungen werden alle Hörmann Neuigkeiten auf einen Blick erfasst. Die Social Sharing Funktion bietet Website-Besuchenden die interaktive Möglichkeit Beiträge aus dem Newsroom einfach und direkt auf verschiedenen sozialen Netzwerken zu teilen oder per E-Mail zu versenden.
Zahlen bitte!
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.
Onload Event
Zeitpunkt, an dem die Seite und alle benötigten Ressourcen (Stylesheets, Bilder, etc.) geladen sind.First Paint
Zeitpunkt, an dem erste farbige Pixel vom Browser dargestellt werden.Flexibel und individuell durch Vielfalt
Bei einer Website-Instanz, die 38 verschiedene Länder und deren Anforderungen abdeckt, muss grundlegend ein flexibles und individualisierbares System gewährleistet sein. Durch Schnittstellenvielfalt ist die Anbindung verschiedener Drittanbieter-Tools wie beispielsweise im HR-, DAM- und Performance-Bereich gegeben und ermöglicht so eine perfekte Symbiose. So können auch individuelle Bedürfnisse und Optimierungen der einzelnen Länder berücksichtigt werden.
Ein starkes Team: Hörmann und LOUIS INTERNET
Der technische Relaunch der Corporate Websites ist nicht das einzige gemeinsame Projekt, das Hörmann und LOUIS INTERNET verbindet:
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.
