WOHN-DESIGN macht seinen Magento-Shop fit für die Zukunft mit Hyvä
91–100 statt 41–53 Lighthouse-Punkte: Mehr Performance, ein barriereärmeres Nutzererlebnis und Stabilität auch bei Lastspitzen.
- Kategorien:
- Categories:
- Magento
- Performance
Management Summary
Der Magento-Shop von WOHN-DESIGN war über Jahre gewachsen und sollte beim Relaunch gleichzeitig schneller, barriereärmer und technisch zukunftsfähiger werden – ohne Datenverlust oder längere Ausfallzeiten. Galileo Webagentur setzte das Frontend auf Hyvä neu auf, während maxcluster für eine stabile Hosting-Umgebung, kontrollierte Deployments, Monitoring und technische Unterstützung rund um Staging und Go-live sorgte.
Das Ergebnis: Die mobile Lighthouse-Performance stieg von 41–53 auf 91–100 Punkte, während der Shop auch bei Traffic-Spitzen stabil blieb.
Kurz und knapp
Kunde/Shop: WOHN-DESIGN
Branche: Möbelhandel
Plattform: Magento
Website: www.wohn-design.com
Agentur: Galileo Webagentur OHG
Ausgangssituation: Gewachsenes Setup – und ein Relaunch mit mehreren Zielen gleichzeitig
Der Magento-Shop von WOHN-DESIGN, einem Onlinehändler für Möbel, war über Jahre zu einer umfangreichen E-Commerce-Plattform gewachsen – mit mehreren tausend Produkten, individuellen Produktkonfigurationen und zahlreichen redaktionellen Inhalten.
Mit dem Relaunch sollte deshalb mehr entstehen als ein neues Design: WOHN-DESIGN wollte die Performance und das Nutzererlebnis verbessern, Anforderungen an Barrierefreiheit berücksichtigen und den Shop technisch wieder langfristig wartbar aufstellen.
Herausforderungen: Migration ohne Ranking-Verlust – und Barrierefreiheit als echtes Projektziel
Zwei Punkte standen besonders im Fokus:
- Daten und SEO sicher migrieren
Produkt-, Kunden- und Bestelldaten sowie Inhalte und SEO-relevante Seitenstrukturen mussten automatisiert und verlustfrei auf das neue Setup übertragen werden. Gleichzeitig sollte der laufende Geschäftsbetrieb durch den Relaunch nicht durch längere Ausfallzeiten beeinträchtigt werden. - Barrierefreiheit von Anfang an mitdenken
Mit Blick auf das Barrierefreiheitsstärkungsgesetz (BFSG) sollte das neue Frontend deutlich stärker auf Accessibility ausgerichtet sein. Die bestehende Frontend-Struktur mit historisch gewachsenen Templates, uneinheitlichem HTML und komplexen Abhängigkeiten hätte dafür umfangreiche Nacharbeiten erfordert.
Lösung: Hyvä als Grundlage für ein schlankes, barrierearmes Frontend
Um die gewachsenen Strukturen zu modernisieren und gleichzeitig Performance, Wartbarkeit und Barrierefreiheit zu verbessern, wurde das Frontend grundlegend neu aufgesetzt. Hyvä bot dafür mit seiner modernen, schlanken Frontend-Architektur eine passende Grundlage und ist bei WOHN-DESIGN seit dem Relaunch im Juli 2025 im Einsatz.
Umsetzung im Projekt: Analyse, Neuaufbau, Feinschliff
Der Wechsel zu Hyvä bedeutete für Galileo eine umfassende Neuentwicklung des Frontends. Zunächst wurde die bestehende Shop-Architektur analysiert und zahlreiche Module, individuelle Funktionen und Integrationen auf ihre Hyvä-Kompatibilität geprüft. Wo Anpassungen notwendig waren, wurden Funktionen überarbeitet oder neu umgesetzt.
Das neue Frontend entstand auf Basis von Hyvä, Tailwind CSS und AlpineJS. Barrierefreiheit wurde dabei direkt in den Templates berücksichtigt – unter anderem mit semantischen HTML-Strukturen, Screenreader-tauglichen Interaktionen und gesicherter Tastaturbedienbarkeit. Begleitende Selbsttests unterstützten die Umsetzung.
Auch gestalterisch wurde bewusst reduziert: klare Strukturen, helle Flächen und weniger visuelle Ablenkung rücken die Designmöbel stärker in den Mittelpunkt.
Checkout: weniger Komplexität, klarer Prozess
Für den Checkout kam Hyvä Checkout zum Einsatz. Die Formular-Komplexität wurde reduziert und der Prozess zweistufig aufgebaut. Die Nutzererfahrung verbesserte sich, die Absprungrate sank.
Performance-Optimierung: Ressourcen reduzieren, Rendering verbessern
Parallel zum Neuaufbau wurden unnötige JavaScript- und CSS-Ressourcen reduziert, historisch gewachsene Abhängigkeiten bereinigt sowie Image Rendering und Lazy Loading optimiert. Das verbesserte insbesondere die mobile Performance – bestätigt durch deutlich bessere Core Web Vitals.
Warum maxcluster: Stabilität im Betrieb – und Ruhe rund um den Go-live
Einen formalen Vergleich mehrerer Hosting-Anbieter gab es nicht. Entscheidend waren vielmehr die Erfahrungen mit dem bisherigen Hosting: wiederholte Ausfälle, Performanceprobleme und ein Support, der als wenig hilfreich und schleppend erlebt wurde.
Für den neuen Shop waren deshalb vor allem eine performante und stabile Infrastruktur, Skalierbarkeit für Lastspitzen, persönlicher Support und Unterstützung bei Staging- und Deployment-Prozessen wichtig. Besonders die flexible Hardwareskalierung, das umfassende Monitoring und die Supportqualität gaben den Ausschlag für maxcluster.
Wie sich das im Alltag auswirkt, beschreibt das Projektteam sehr direkt:
Seit dem Umzug müssen wir uns keinerlei Sorgen mehr zur Verfügbarkeit und Performance des Webshops machen. Falls es doch einmal Probleme gibt, steht der Support zuverlässig, hilfreich und mitunter sogar proaktiv bereit.
Galileo Webagentur
Umsetzung mit maxcluster: Staging, Deployments, Monitoring – und ein kontrollierter Übergang
Rund um den Go-live spielte die Hosting-Infrastruktur eine zentrale Rolle. Durch vorbereitete Deployment-Prozesse, engmaschiges Monitoring sowie abgestimmte Sicherheits- und Backup-Strategien konnte der Wechsel kontrolliert und ohne längere Ausfallzeiten umgesetzt werden.
Gerade in der intensiven Entwicklungs- und Migrationsphase waren zuverlässige Staging- und Testumgebungen wichtig. Dazu kam die enge technische Abstimmung bei Infrastruktur- und Performance-Themen – etwa bei Deployment-Prozessen, Cache-Konfigurationen, Skalierung und Monitoring, bei denen maxcluster aktiv bei der Optimierung unterstützte.
Ergebnisse: Lighthouse im grünen Bereich – und stabil bei Traffic-Spitzen
Die Wirkung zeigt sich besonders deutlich in den Lighthouse-Messungen:
- Vor dem Relaunch: mobil je nach Seitentyp 41–53 Punkte (rot/orange)
- Nach der Umstellung auf Hyvä: Startseite, Kategorie- und Produktseiten 91–100 Punkte (grün)
Damit verbesserten sich Ladezeiten und Nutzererfahrung spürbar, insbesondere auf mobilen Endgeräten.
Auch die Stabilität verbesserte sich: Der Shop blieb insbesondere unter Last stabil. Deployments, Cache-Prozesse und Antwortzeiten profitierten von der auf Magento spezialisierten Hosting-Umgebung – auch während Traffic-Spitzen blieb die Plattform stabil und performant.
Fazit
Der Relaunch von WOHN-DESIGN zeigt, wie Frontend-Architektur und Hosting zusammenspielen: Hyvä schafft die Grundlage für ein schlankeres und barriereärmeres Frontend, während maxcluster den stabilen Betrieb mit Staging, Deployments, Monitoring und Skalierung unterstützt. Das Ergebnis ist ein deutlich schnellerer Shop, der auch bei Traffic-Spitzen stabil bleibt.
Über Galileo Webagentur
Die Galileo Webagentur OHG entwickelt Magento-Shops und begleitet Projekte von Konzeption und Content über Frontend- und Backend-Entwicklung bis zum Go-live und zur Weiterentwicklung. Der Fokus liegt auf performanten, wartbaren E-Commerce-Setups – inklusive moderner Frontends wie Hyvä sowie strukturierten QA- und Migrationsprozessen.