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 und Support-Funktionen
Support-Tools verbanden die Storefront mit den täglichen Betriebsabläufen.
Wir entwickelten ein individuelles Dashboard zur Bestellübersicht, mit dem Mitarbeitende Bestellstatus, Zahlungsart und Versandhinweise schnell prüfen konnten. Ein Modul für gespeicherte Warenkörbe ermöglichte es dem Vertrieb, vorkonfigurierte Angebote zu erstellen und mit Kunden zu teilen. Zusätzlich integrierten wir ein Feedback-Modul auf den Produktseiten, das Rückmeldungen direkt an Zendesk übermittelte und dem Kunden half, zukünftige Verbesserungen gezielt zu priorisieren.