leistungskreis_iconsangle-left-lightangle-right-lightarrow-down-regulararrow-left-regulararrow-right-regulararrow-to-bottom-lightbrowser-lightbullhorn-lightcalendar-regularcalendarcheck-lightcommentsdownloadedit-regularenvelope-lightexternal-link-squarefacebook-f-brandsfax-lightfile-codeflask-lightglasses-lightglobe-americas-lighthddinfo-lightinstagram-brandsleistungskreis_iconslink-lightlinkedin-brandslist-ul-regularmap-marker-alt-lightpaper-plane-regularpausepencil-altphone-lightplayleistungskreis_iconsrocket-solidrss-solidshopping-cart-lightstar-lightsync-alttasks-altth-lighttimes-lighttwitter-brandsvolume-slashvolumeleistungskreis_iconswrenchxing-brandsxing-square-brands

Hörmann

Kunde seit 2019
Anzahl Mitarbeiter > 6.000
Standorte weltweit > 100
Vorherige / Nächste Referenz
Feinkost Meyer

Feinkost Meyer

HändlerGenuss- & Lebensmittel

Relaunch des Online-Shops für das Feinkost-Geschäft mit Standorten auf Sylt, in Hamburg und Pinneberg

Fagus-GreCon Greten GmbH & Co. KG

Fagus-GreCon Greten GmbH & Co. KG

HerstellerIndustrieDienstleister

Internationale Team-Arbeit von der Landingpage zum kompletten Relaunch mit neuer Informationsarchitektur

Referenz-Übersicht
Lesezeit: ca. .
|
Hörmann
Vorherige / Nächste Referenz
Feinkost Meyer

Feinkost Meyer

HändlerGenuss- & Lebensmittel

Relaunch des Online-Shops für das Feinkost-Geschäft mit Standorten auf Sylt, in Hamburg und Pinneberg

Fagus-GreCon Greten GmbH & Co. KG

Fagus-GreCon Greten GmbH & Co. KG

HerstellerIndustrieDienstleister

Internationale Team-Arbeit von der Landingpage zum kompletten Relaunch mit neuer Informationsarchitektur

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 Managament 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 Projektetappe 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.
Vorher
Nachher

50 % mehr Seiten, die unter 2,5 s laden

50 % weniger Seiten, die zwischen 2,5 s und 6,5 s laden

75 % weniger Seiten, die längert als 6,5 s laden

Gut (< 2,5 s)
Verbesserungswürdig
Schlecht (>= 6,5 s)

First Paint

Zeitpunkt, an dem erste farbige Pixel vom Browser dargestellt werden.
Vorher
Nachher

Auf ca. 30 % mehr Seiten sieht der Besucher erste farbige Pixel in unter einer Sekunde.

Gut (< 1 s)
Verbesserungswürdig
Schlecht (>= 3 s)

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.