Migration zu Hyvä
Eine sauberere Frontend-Basis, ohne den Checkout zu beschädigen.
Nach der Analyse von Performance-Engpässen und Frontend-Komplexität schlugen wir vor, das Theme des Stores auf Hyvä zu migrieren. Das Ergebnis war eine sauberere Codebasis, schnellere Ladezeiten und deutlich bessere Lighthouse-Scores — besonders auf mobilen Geräten. Zusätzlich implementierten wir eine Fallback-Checkout-Strategie: Während der Großteil der Website auf Hyvä lief, wurde der Checkout über das Fallback-Modul aus dem Theme-Scope ausgenommen, um Kompatibilität mit bestehenden Payment- und Versandmodulen zu erhalten.
UX- und Speed-Optimierung
Weniger Reloads, leichtere Seiten und eine schnellere mobile Experience.
Mit Hyvä als Grundlage optimierten wir das Layout-Rendering, implementierten Lazy Loading und wandelten Bilder in WebP um. Individuelle Produktseiten wurden mit weniger Reloads und dynamischen Optionsvorschauen neu gestaltet. Navigation und Filter wurden so überarbeitet, dass keine vollständigen Page Refreshes nötig waren — mit AlpineJS für Interaktivität ohne schwere JavaScript-Bibliotheken.
Configurable Product Improvements
Komplexe Produktoptionen wurden leichter verständlich.
Produkte hatten oft 5 bis 8 Optionen — Farbe, Finish, Länge, Zubehör und weitere Anpassungen. Wir bauten einen visuellen Produktkonfigurator mit Live-Vorschau und Preisanpassungen, damit Nutzer Konfigurationen wechseln konnten, ohne zwischen mehreren Produktseiten zu springen.
Wholesale Pricing & B2B-Logik
Retail- und Wholesale-Käufer erhielten klarere Preisflows.
Wir implementierten login-geschützten Zugriff auf Wholesale-Preisstaffeln und ergänzten die Möglichkeit, zwischen Retail- und Wholesale-Ansichten zu wechseln. Warenkorb und Checkout zeigten je nach Kundentyp Preise inklusive oder exklusive Steuer an, sodass B2C- und B2B-Käufer den Endpreis klar verstehen konnten.
Admin Tools and Support Features
Support tools connected the storefront with daily operations.
We added a custom order overview dashboard, so staff could quickly track order status, payment method, and shipping flags. A module for saved carts allowed sales reps to create and share pre-configured quotes with customers. We also introduced a feedback module on product pages that fed directly into Zendesk, helping the client prioritize future improvements.