Wesermühle

Relaunch

Es war Zeit für etwas Neues fand unser langjähriger Kunde - die Wesermühle - denn er hatte die alte Optik seines Shops satt. Nichts lieber als das! Also krämpelten wir die Ärmel hoch und machten uns an´s Werk. Bei der Planung im Vorfeld fiel auf, dass auch die Customer Journey ein neues Upgrade vertragen konnte. Durch die Anpassung der Kategorisierung und Menüführung entstand so eine umfangreichere Überarbeitung, die sich sehen lassen kann. Was an diesem Projekt so besonders war und warum uns unser moderner Ansatz hier zu Gute kam, erklären wir im Folgenden.

Ein

Rückblick

Bei der Wesermühle handelt es sich um einen langjährigen Kunden. Unsere Zusammenarbeit begann damit, dass wir den damaligen Shopware 5 Shop zur neuen Shopware 6 Version migrierten und eine Anbindung für das zu Grunde liegende Buchhaltungssystem entwickelten. Da die Wesermühle Ihre qualitativ hochwertigen Produkte nicht einfach nur vertreiben, sondern Ihren KundInnen auch durch Knowledge Content einen Mehrwert bieten möchte, schlugen wir in der strategischen Beratung zu Beginn des Projektes die Implementierung eines headless CMS vor. Der Vorteil: Das Frontend kann individuell und unabhängig vom Shopware Framework gestaltet werden. Dies ermöglicht es, Inhalte über verschiedene Kanäle und Geräte hinweg konsistent zu präsentieren, sei es auf Websites, mobilen Apps, sozialen Medien, oder IoT-Geräten. Knowledge Content kann so ansprechend untergebracht werden und zwar genau dort, wo unser Kunde ihn präsentieren möchte. Zudem werden die Inhalte im headless CMS verwaltet und können einfach abgerufen werden. Diese Gestaltungsfreiheit ist so im Shopware Framework nicht möglich. Ein weiterer Vorteil: Die Struktur des Contents wird im CMS verwaltet und ist flexibler zu organisieren, lässt sich aber direkt in den Shop-Kontext integrieren und wird nicht über einen Content Bereich der Seite oder einen Blog separat bereitgestellt. Dies schafft viele Möglichkeiten zur integrierten Darstellung von allen relevanten Aspekten in einer für den Kunden einfachen Form.

das

Projekt

Herausforderung

Ein Shop-Relaunch ist immer mit einer besonders sorgfältigen Planung verbunden, da der Livebetrieb sicher gestellt und nicht beeinträchtigt werden soll. Durch die bestehende headless solution hatten wir jedoch den großen Vorteil, dass die Anpassungen im Content Bereich reibungslos beim Deployment der neuen Version integriert werden konnten.

Herangehensweise

Alles beginnt mit der Planung und Konzeption. Dabei begutachten wir alle Bestandteile und deren Zusammenspiel, um uns auf einen Projektplan festlegen zu können. Vorliegend bestand die Systemlandschaft aus einem Shopframework, welches für die Bestellabwicklung zuständig ist, einem headless CMS, welches alle Inhalte und Medien verwaltet und einer Finanz- und Buchhaltungssoftware. Alle Bestandteile sind zudem mit Kommunikationsschnittstellen verbunden. Wir legten uns darauf fest, dass in einem ersten Schritt die Umsetzung des Designs, und die umfassenden Erweiterungen im Content Bereich in einem nachgelagerten Schritt erfolgen sollten.

Umsetzung

Zunächst einmal wurde das Design mit Hilfe von Wireframes und Mockups unter Berücksichtigung der Benutzfreundlichkeit erstellt und vom Kunden abgesegnet. Es folgte die Umsetzung des Designs, indem das Theme durch unsere Frontend-Profis angepasst wurde. Neue Kompnenten wurden erzeugt, bestehende wurden neu gestyled. Dadurch, dass das headless CMS alle Inhalte verwaltete, konnten die bestehenden Medien, Texte etc. einfach in der neuen Optik dargestellt werden. Der grundlegende Datenfluss funktionierte im Vorfeld, sodass die bestehende Dateninfrastruktur nicht neu aufgesetzt werden, sondern lediglich im Detail angepasst werden musste. Nach dem Go-Live liegen das Monitoring in puncto Performance und Benutzeraktivität im Fokus. Ggf. werden Feinjustierungen und Optimierungen basierend auf Userfeedback und Monitoringdaten durchgeführt. Durch die Nutzung des headless CMS ist der Shop losgelöst von der Shopinfrastruktur in der Lage, Inhalte, Bilder und sonstige Contents zu pflegen. Dies macht ihn deutlich flexibler und zudem unabhängiger von Shop Features.

Das

Ergebnis

Fazit

Der Relaunch verlief erfolgreich und reibungslos und profitierte zudem zeitlich durch die frühere Implementierung des headless CMS. Das verbesserte Design geht mit einem Upgrade in puncto Customer Journey einher und erfüllt daher den angestrebten Mehrwert. Durch die zentrale Verwaltung des Contents konnte dieser einfach den gewünschten Stellen im neuen Design zugewiesen werden. Dies ist deshalb mit einer enormen Zeitersparnis verbunden, weil Inhalte in einem herkömmlichen Shop-Setting Seite für Seite angepasst werden müssen. Zusammenfassend können wir daher sagen, dass der Relaunch effizient abgewickelt wurde und wir unseren langjährigen Kunden erneut glücklich machen konnten.

Benötigen Sie Hilfe in Ihrem Shopware Projekt? Wir beraten Sie gern unverbindlich in einem ersten, kostenlosen Beratungsgespräch.

Vorteile

Headless CMS

Warum ist es sinnvoll, ein headless CMS im E-Commerce Kontext zu nutzen? Diese Frage beantworten wir gerne sortiert und im Detail:

Flexibilität

Ein headless CMS entkoppelt das Backend (wo Inhalte verwaltet werden) vom Frontend (wo Inhalte angezeigt werden). Dies ermöglicht es, Inhalte über verschiedene Kanäle und Geräte hinweg konsistent zu präsentieren, sei es auf Websites, mobilen Apps, sozialen Medien, oder IoT-Geräten.

Performance

Da das Frontend unabhängig vom Backend ist, können EntwicklerInnen das Frontend optimieren, um die Ladezeiten zu verkürzen und die Performance zu verbessern. Schnelle Ladezeiten sind entscheidend für die Benutzererfahrung im E-Commerce.

Omni-Channel-Erlebnis

Mit einem headless CMS können Inhalte leicht auf verschiedenen Plattformen und Geräten verteilt werden, was ein konsistentes Omni-Channel-Erlebnis ermöglicht. KundInnen können nahtlos zwischen verschiedenen Kanälen wechseln, ohne eine unterschiedliche Benutzererfahrung zu haben.

Skalierbarkeit

Die implementierte Headless CMS-Lösungen ist cloud-basiert und bietet eine hohe Skalierbarkeit. Dies ist besonders wichtig im E-Commerce, wo während Stoßzeiten, wie Feiertagen oder Sonderaktionen, ein erheblicher Anstieg des Traffics bewältigt werden muss.

Entwicklungsfreiheit

EntwicklerInnen können das Frontend mit den neuesten Technologien und Frameworks (wie React, Angular oder Vue.js) erstellen, ohne durch die Beschränkungen eines traditionellen CMS eingeschränkt zu sein. Dies fördert innovative und maßgeschneiderte Benutzeroberflächen, was sich wiederum positiv auf die Customer Journey auswirkt.

Sicherheit

Da das Frontend und Backend getrennt sind, ist die Angriffsfläche für Cyber-Attacken reduziert. Der Backend-Server kann hinter einer Firewall verborgen und nur über eine API zugänglich gemacht werden, was zusätzliche Sicherheit bietet.

Bessere Integration

Ein headless CMS bietet oft umfangreiche API-Schnittstellen, die eine einfache Integration mit anderen Systemen und Diensten ermöglichen, wie z.B. Payment-Gateways, CRM-Systeme, und Marketing-Automatisierungsplattformen. Dies verbessert die Gesamtfunktionalität und Effizienz des E-Commerce-Systems.

Zukunftssicherheit

Durch die Trennung von Frontend und Backend kann das Frontend unabhängig aktualisiert oder komplett neu erstellt werden, ohne das Backend zu beeinträchtigen. Dies erleichtert die Anpassung an technologische Fortschritte und Marktveränderungen.

Wir beraten Sie gern rund um das Thema headless solutions - professionell, kostenlos, unverbindlich. Sprechen Sie uns an!

UNSERE

KUNDINNEN

Unsere Kund*innen sind so vielfältig wie die Lösungen, die wir entwickeln. Ob Startups, Mittelstand oder große Organisationen – wir arbeiten mit Menschen zusammen, die unsere Werte teilen und auf partnerschaftliche Zusammenarbeit setzen. Was für uns zählt: gemeinsame Visionen, gegenseitiger Respekt und das echte Interesse, etwas Sinnvolles zu bewegen. Zu unseren Kund*innen zählen unter anderem:

Daniel Kastner

ist ihr Ansprechpartner und die freundliche Stimme, wenn Sie folgende Nummer wählen:

+49 4204 277 999 7

Mein Name ist

Ich freue mich über Rückmeldung unter

Und habe folgendes Anliegen