Migrations-Fallstudie

Einführung von Headless Approach & PWA für bessere Leistung

BrandAppskins
RegionDeutschland
About client
Appskins ist ein Online-Shop, der eine große Auswahl an stylischen und leichten Smartphone- und Tablet-Hüllen bietet, die sich von der Masse abheben. Hohe Qualität, besondere Passform und Funktionalität sind die Hauptprinzipien der Marke. Appskins Hüllen sind dünner als jede andere Hülle.
Auftraggeber in Zahlen

2010 — Gründungsdatum
97 % Kundenzufriedenheit
8 Produktkategorien
Über 240 Produkte

Project description

Herausforderungen

Der Kunde wandte sich an uns mit dem Ziel, seinen Magento 1-Shop unterstützen zu lassen, den wir mehrere Monate hintereinander bereitgestellt haben.

Sie arbeiteten schon eine Weile mit unserer Agentur zusammen und entschieden sich irgendwann, sich auf die Leistung der Website zu konzentrieren. Das Erreichen einer schnellen Reaktionszeit war unser Hauptziel während der Projektentwicklung.

Da der Anteil der Nutzer auf Mobilgeräten denjenigen, der die Website von einem Desktop oder Tablet aus besucht, weit übersteigt, mussten wir auch auf die Geschwindigkeit auf Smartphones ein besonderes Augenmerk legen und diese verbessern.

Der Kunde bat uns, eine geeignete Entwicklungslösung zu entwickeln, die den Anforderungen des Unternehmens langfristig gerecht werden kann.

Dauer

Der gesamte Projektentwicklungsprozess dauerte drei Monate.

Lösung

Wir haben eine erste Analyse des Kundensystems Magento 1 und seiner Fähigkeiten durchgeführt. Magento 1 war ziemlich veraltet und musste in Bezug auf die Leistung verbessert werden, da die Hauptaufgabe des Clients darin bestand, die aktuelle Website zu beschleunigen.

Dies sind die Hauptgründe, warum wir dem Kunden vorgeschlagen haben, auf Magento 2 umzusteigen. Der Kunde wollte auch die Website neu gestalten, was logischerweise mit der Shop-Migration kombiniert werden würde, und damit zwei Fliegen mit einer Klappe schlagen.

Die Migration auf Magento 2 reicht jedoch immer noch nicht aus, um dramatische Änderungen vorzunehmen und die Erwartungen des Kunden an eine hervorragende Leistung zu erfüllen. Um das Beste daraus zu machen und die Möglichkeiten der Plattform voll auszuschöpfen, haben wir uns entschieden, noch einen Schritt weiter zu gehen und einen Headless-Ansatz einzuführen.

Vor diesem Hintergrund haben wir die benutzerdefinierte Headless-Lösung Vue.js entwickelt, die spezifische Kundenanforderungen und -ziele erfüllt, schnell arbeitet und eine bessere Website-Performance bietet.

Als Ergebnis der Implementierung übertraf die Geschwindigkeit der Website auf Mobilgeräten die Standardgeschwindigkeit von Magento 2 um ein Vielfaches.

Sobald wir vom Kunden eine Freigabe zu unseren weiteren strategischen und taktischen Maßnahmen erhalten haben, haben wir mit der Arbeit am Projektspezifikationsdokument begonnen. Das Dokument deckte die Hauptaspekte des Projekts ab, wie Gesamterwartungen, Zeitplan und Budget, um mit dem Kunden auf einer Seite zu sein.

Entwicklung

Wir haben eine umfangreiche Migration von Magento 1 zu Magento 2 durchgeführt, bei der aufgrund der erheblichen Unterschiede in den Plattformarchitekturen eine Website von Grund auf auf einer neuen Plattform erstellt wurde.

Es umfasste die Übertragung verschiedener Arten von Daten – Kunden, Bestellungen, Produkt- und Kategorie- und Promo-Codes usw.

Neben der Integration mit der benutzerdefinierten Vue.js-Lösung haben wir auch Folgendes verbunden:

  • ✓ Zahlungsgateways (Stripe, Paypal, Amazon Payment)
  • ✓ Versandarten (Deutsche Post Internetmarke, DHL)
  • ✓ Über 10 Erweiterungen zur Erweiterung der nativen Leistungsfähigkeit der Plattform

Merkmale

Eines der aufregendsten Merkmale des Shops ist die Tatsache, dass alle über 240 Artikel Produktkonfiguratoren, die ein Benutzer spontan erstellen kann . Kunden gehen nur ein paar Schritte durch, wählen aus mehreren angebotenen Optionen und sehen, was das Ergebnis ist.

Neben dem Produktbild, das anhand der ausgewählten Optionen generiert wird, sieht ein Benutzer sofort den entsprechenden Preis mit Mehrwertsteuer, Lieferzeit und erhält die Möglichkeit, ein erstelltes Produkt sofort in den Warenkorb zu legen.

Result

Wir haben eine reibungslose Migration von Magento 1 zu Magento 2 basierend auf unseren bisherigen Erfahrungen mit Migrationen durchgeführt und einen Headless-Ansatz mit Vue.js implementiert, um eine schnell funktionierende Website bereitzustellen. Wir haben auch ein Redesign mit dem Ziel durchgeführt, die allgemeine Benutzererfahrung zu verbessern und die Conversions zu steigern, die SEO-Freundlichkeit der Website bei aller Komplexität der implementierten benutzerdefinierten Lösung beizubehalten und die Erwartungen des Kunden an den Zeitplan zu erfüllen.

Implementations
  • Headless commerce
  • Migration zu Magento 2
  • Produktkonfigurator
  • Vue.js