Deiters

Shopware 6 alaaf

Deiters_Home

Relaunch mit Systemwechsel

Freunden der „fünften Jahreszeit" ist Deiters schon lange ein Begriff.
Das in Frechen bei Köln ansässige Familienunternehmen versorgt Karneval-Feiernde, aber auch Kostümfans aller Couleur, das ganze Jahr über mit Kostümen und Zubehör für jeden erdenklichen Anlass. Deiters ist damit die erste Anlaufstelle, wenn es um Kostümierungen und Partyzubehör geht.

Für die mittlerweile 25 fröhlich gestalteten Filialen, die über Deutschland verteilt sind, bedarf es daher auch einem sicheren und stabilen Shop-System. Weil Deiters zum größten Teil saisonale Produkte vertreibt und es damit punktuell zu regelrechten Anstürmen kommt, sind die Performance und Stabilität mitunter die wichtigsten Faktoren für den neuen Shop.
Faktoren wie diese haben Deiters schlussendlich dazu bewegt, einen Relaunch ihres B2C-Shops mit Wechsel von Magento 1 zu Shopware 6 durchzuführen und sich somit zukunftssicher aufzustellen.
Um auch den Zugriff auf alle benötigten Features zu erhalten, wurde Shopware 6 in der jetzigen Enterprise Edition „Beyond" erworben. Seitens Shopware ist damit die Endstufe mit allen vollumfänglichen Enterprise Features erreicht.

Dieses Vorhaben barg Herausforderungen, für die eine verlässliche und über kurze Kommunikationswege erreichbare Agentur gesucht wurde.
  In dem Fall haben wir Deiters überzeugt und starteten direkt mit der weiteren Vorbereitung auf das Projekt.

 

Online-Shop ansehen

Deiters_Header

Ablauf der Zusammenarbeit

Nach den gemeinsamen Vorgesprächen verlief auch die allgemeine Zusammenarbeit sowie Kommunikation zum Projektstart aufgrund der Kurzfristigkeit agil und iterativ.

Bei einem Projekt dieser Art ist einer der ersten Schritte den IST-Stand und demnach auch die aktuellen Problemstellungen aufzuzeigen und zu beurteilen. Im gleichen Zuge haben unsere SEO-Spezialisten Analysen durchgeführt, auf dessen Basis wir eine komplett neue Struktur für die Artikelstammdaten und die damit verbundenen Kategorien festgelegt haben. Damit stellen wir sicher, dass zu Anfang des Projekts die Basis des Shops sauber ist und somit zukünftige SEO-Optimierungen keine Schwierigkeit darstellen.

Nachdem wir im ersten Monat also alles auf Herz und Nieren geprüft haben und uns die nötigen Schritte bewusst waren, entwickelten wir auf Grundlage der Analysen einen konkreten Projektplan.
In Anbetracht des Zeitplans und der nötigen Schritte, den Shop pünktlich zum Ende 2022 zu launchen, war Deiters auch hier sehr kompromissbereit und lösungsorientiert.

So haben wir uns auf ein MVP (Minimum Viable Product) geeinigt, um vorerst die wichtigsten Bestandteile abzubilden. In regelmäßigen Jour-Fixe-Terminen haben wir den Projektplan mit Deiters besprochen.

Deiters_Kategorien
Deiters_Navigation

Technische Umsetzung

Um das vereinbarte MVP rechtzeitig launchen zu können, haben wir uns nach gemeinsamer Abstimmung zum Projektplan gleich an die Umsetzung gemacht. Um Deiters systemseitig optimal vorzubereiten, lag unser Hauptfokus auf einer fehlerfreien Warenwirtschaft mit ERP-Schnittstelle. Ebenso setzten wir in Punkto Stabilität den Fokus auf ein dezentralisiertes Serverhosting (distributed hosting) über ScaleCommerce.

Aufgrund des Systemwechsels von Magento 1 zu Shopware 6 mussten einige Funktionen seitens Magento nachgebildet werden. Darunter fielen zum Beispiel mit einem großen Migrationsaufwand die schon vorhandenen Bestellungen und Kundendaten. Ebenfalls war eine Anpassung eines Plugins für Kaufgutscheine notwendig sowie die generelle Migration derartiger Funktionen.

Unser Tech-Stack bestand dabei aus:

Für ein bestmögliches Ergebnis haben wir mit 4 eigens entwickelten Individualisierungen auch selbst Hand angelegt.
Im nächsten Abschnitt werden die Entwicklungen einmal näher vorgestellt.

Deiters_Filter

Individualisierungen im Detail:

Wie zuvor erwähnt haben wir auch eigene Individualisierungen vorgenommen. Dank dieser Entscheidung waren wir in der Lage,
die individuellen Anforderungen wie gewünscht umzusetzen. Welche das sind, stellen wir gerne einmal vor:

Erweiterte Adress-Validierung im Frontend:
Die Erweiterte Adress-Validierung im Frontend ist bereits im Shopware Store zu finden und sorgt für eine bessere Korrektur
angegebener Bestelldaten
und verhindert weiteren Pflegeaufwand.

  • Die angegebenen Daten bei Registrierung und Adressänderung werden auf ihre Korrektheit überprüft,
    sodass der User direktes Feedback erhält.

  • Dabei werden aussagekräftige Fehlermeldungen ausgegeben, die sich bequem über die mitgelieferten Textbausteine anpassen lassen.

  • Zur Vermeidung von zusätzlichem Pflegeaufwand wurde zusätzlich die Autovervollständigung optimiert.

Verbesserte Breadcrumb:
Die verbesserte Breadcrumb bietet neben der automatisierten Anpassung der Breadcrumb einige weitere Vorteile:

  • Es gibt diverse Möglichkeiten zur Styling- und Usability-Verbesserung der Breadcrumb. Sie ermöglicht den Nutzenden nun das
    Vorwärts-Navigieren im Shop und ist dabei scrollfähig, auch auf mobilen Viewports.

  • In der Breadcrumb können Artikelnamen sowie zuletzt benutzte Kategorien angezeigt werden.

  • Ebenfalls ist es möglich, aktive Verlinkungen zu entfernen und einen Home-Link in der Breadcrumb mit beliebigem Text zu platzieren.

Consent Tool Erweiterung:
Das Consent Tool ist eine Erweiterung des Shopware Consent Tools, um die im Backend festgelegten Cookies optimal zu ergänzen.

  • Das Tool inkludiert eine Einbindung des Google Tag Managers.

  • Events und Daten können dabei zur weiteren Verarbeitung an den Google Tag Manager übertragen werden.

  • Ebenso werden diverse Tracking-Dienste dabei datenschutzfreundlich eingebunden.

Erlebniswelten Elemente:
Die Erlebniswelten profitieren nun von den von uns optimierten Elementen, wie zum Beispiel dem Kategorie-Slider.
Dieser kann entweder die Unterkategorien der aktuellen Kategorie oder die im Backend selbst ausgewählten Kategorien ausgeben.

  • Das Tabslider-Element kann die im Backend ausgewählten Product-Streams in den Tabs ausgeben.

  • Beim Überschriften-Element werden entweder die Überschriften der aktuellen Kategorien
    oder eigens festgelegte Texte dynamisch ausgegeben.

  • Das USP-Element sorgt für die Ausgabe von USPs an beliebigen Positionen.

  • Des Weiteren haben wir die Banner-Blöcke optimiert.

Nutzerfreundliches Redesign und vieles mehr

In Sachen UX und Design konnten wir unsere Expertise vollumfänglich in das Projekt einfließen lassen. Dabei haben wir die Artikelstruktur in einem neuen Kategoriekonzept mit abgebildet.
Der Vorteil dabei ist, dass die Kategorien auch dynamisch, anhand ihrer Artikel-Eigenschaften, funktionieren.

Damit Besuchende des Shops nicht die Orientierung verlieren, werden die Kategorien zur besseren Navigation oberhalb des Listings dargestellt.
Des Weiteren haben wir einige Elemente im Frontend erstellt, wie einzigartige Erlebniswelten, die Deiters selbstständig und individuell pflegen kann. Ein Beispiel dafür ist die Filialübersicht, die durch Deiters selbstständig gestaltet wurde.

Neben der Stabilität des Shops war es für Deiters besonders wichtig, den Shop für die eigene Kundschaft transparent zu gestalten. Aus diesem Grund haben wir die Verfügbarkeit eines Artikels ebenfalls im Listing mit angezeigt, die somit auch den aktuellen Bestand des Lagers angibt.

Deiters_Filter Desktop

Highlights in Sachen Nutzerfreundlichkeit

Filtermöglichkeiten:
Durch die Synergie der Stammdaten und den gepflegten Eigenschaften der Artikel bietet der Shop nun weitgehende Filtermöglichkeiten.
Gefiltert werden kann nach dem Anlass, der Farbgruppe, Größenbezeichnung, Thema, Warengruppe und vielem mehr.

Artikeldetailseite:
Die Artikeldetailseite folgt ebenfalls dem transparenten Ansatz und zeigt die Verfügbarkeiten der einzelnen Artikel an.
Darüber hinaus bietet die verbesserte Breadcrumb Besuchenden mehr Überblick sowie eine bessere Bedienung.
 
Checkout-Prozess:
Neben dem Express-Checkout beinhaltet der Warenkorb nun einen Versandkosten-Check. Besuchende des Shops profitieren somit von weiteren Informationen im Kaufprozess, was gleichzeitig auch mehr Transparenz innerhalb des gesamten Shops schafft.

Deiters_Artikeldetail

Noch nicht genug?

Eine Übersicht unserer Kunden und weitere Beispiele unserer Arbeit findest du auf unserer Referenz-Seite.

Referenzen ansehen

Talk to us!

Wir melden uns bei Dir zurück.

joachim-druegg-geschaeftsfuehrung

Joachim Drügg, Geschäftsführung