Wie wir für die Faserplast AG mit Shopware 6 Headless B2B & B2C vereinten und den Umsatz um 66 % steigerten

RelaunchUI/UX-DesignProgressive Web AppShopware 6hubble commerce

Der Onlineshop der Faserplast AG sollte zu einer der modernsten E-Commerce-Plattformen der Schweiz ausgebaut werden, um B2B- und B2C-Zielgruppen gleichermaßen effizient zu bedienen. Durch unsere Implementierung einer Headless-Architektur auf Basis von Shopware 6 und der Hubble Progressive Web App (PWA) haben wir die Ladezeiten drastisch reduziert, was die mobile Conversion Rate um beeindruckende 218,2 % in die Höhe schnellen ließ.

Key Facts

Shopware-Version: Shopware 6
Branche/Kategorie: Heim- und Gartenbedarf für Industrie und Großhandel (B2B) sowie für Endverbraucher (B2C)
Markenübersicht: Faserplast AG – Schweizer Unternehmen im Bereich Heim- und Gartenbedarf.
Features: Multishop-System (B2B & B2C)
Technische Merkmale: Headless Commerce mit PWA, Blog-Integration

Projektübersicht

Kunde: Faserplast AG (Führendes Schweizer Unternehmen im Heim- & Gartenbedarf)
Branche: E-Commerce / Heim- & Gartenbedarf, Industrie, Großhandel
Plattform: Shopware 6 (Headless) & Hubble PWA, WordPress
Herausforderung: Komplexe B2B/B2C-Anforderungen, hohe Performance-Erwartungen
Lösung: Unser personalisiertes Multishop-System, Headless-Frontend, Mobile-First-Design
Ergebnis: Umsatz +66 %, Bestellungen +76 %, Mobile Conversion Rate +218,2 %

Ausgangssituation und Problem

Die Faserplast AG bietet ein extrem breites Sortiment an – von Outdoor-Tischen über Teichbedarf bis hin zu Wasserschaden-Sanierungen für Industrie und Gewerbe. Der bestehende Onlineshop konnte die komplexen Anforderungen dieser unterschiedlichen Zielgruppen nicht mehr ausreichend abdecken.

Typische Probleme in dieser Ausgangslage, mit denen der Kunde an uns herantrat:

Mangelnde Trennung und Personalisierung zwischen Endverbrauchern (B2C) und Geschäftskunden (B2B).
Fehlende spezialisierte Fachshops, die ausschließlich für den B2B-Großhandel zugänglich sein sollten.
Zu langsame Ladezeiten und eine veraltete Usability, die das Einkaufserlebnis insbesondere auf mobilen Endgeräten ausbremsten.

Zielsetzung des Projekts

Die Faserplast AG verfolgte den ehrgeizigen Wunsch, einen der modernsten und nutzerfreundlichsten Onlineshops der gesamten Schweiz zu entwickeln. Konkret haben wir gemeinsam folgende Ziele definiert:

Schaffung eines personalisierten Multishop-Systems für alle Zielgruppen.
Konsequente Optimierung der Performance und Usability (Mobile-First).
Zukunftsweisende, hochflexible Technologie-Architektur, um Marktveränderungen schnell adaptieren zu können.
Nahtlose Integration des bestehenden und SEO-relevanten „Ratgeber“-Blogs.

Lösung und Architektur

Um die extrem hohen Anforderungen an Geschwindigkeit und Flexibilität zu erfüllen, setzten wir bei digital.manufaktur (dmf) voll auf einen Headless Commerce Ansatz.

Anstatt ein klassisches Shopware-Frontend zu nutzen, haben wir Shopware 6 als reines Backend für die Logik (Warenkorb, B2B-Regeln, Checkout) konfiguriert. Das visuelle Frontend (Storefront) haben wir komplett entkoppelt und über unsere eigene Hubble Progressive Web App (PWA) realisiert. Diese Architektur ermöglicht blitzschnelle Ladezeiten durch intelligentes Caching.

Um das Content-Marketing zu stärken, haben wir zudem den bestehenden WordPress-Blog („Ratgeber“) via API headless in die PWA integriert. Das bedeutet: Die Redakteure der Faserplast AG pflegen ihre Artikel weiterhin im gewohnten WordPress-CMS, ausgespielt und gerendert werden sie jedoch nahtlos und rasend schnell in unserem neuen PWA-Shop.

Umsetzung

Multishop-Aufbau: Wir haben ein System konfiguriert, das den allgemeinen Bedarf abdeckt, aber gleichzeitig geschlossene, spezialisierte Fachshops bereitstellt, die exklusive B2B-Funktionalitäten (z. B. individuelle Preise) bieten.
Mobile-First-Design: Die Oberfläche der Hubble PWA haben wir konsequent von kleinen Smartphone-Bildschirmen ausgehend (Mobile-First) gestaltet und erst danach auf Desktops skaliert, um die mobile Customer Journey zu perfektionieren.
Zertifizierung: Durch unsere technische Exzellenz und die hohe Sicherheit der neuen Architektur wurde der Shop offiziell mit der „Swiss Online Garantie“ zertifiziert.

Ergebnisse und KPIs

Unsere Entscheidung für eine moderne Headless-Infrastruktur brachte für Faserplast herausragende, messbare E-Commerce-Erfolge.

Deutliche Steigerung der mobilen Conversion Rate: Auf Smartphones stieg die Conversion Rate um sensationelle 218,2 %, auf Tablets sogar um 319,2 %.
Erhöhung der Desktop Conversion Rate: Auch am klassischen Desktop-PC kletterte die Rate um starke 64,4 %.
Massive Umsatzsteigerung: Die Kombination aus Performance und besserer UX führte zu 76 % mehr Bestellungen und einem Gesamt-Umsatzplus von 66 %.
Gesteigertes Kundenvertrauen: Die Auszeichnung mit der „Swiss Online Garantie“ unterstreicht die Qualität und Sicherheit der von uns entwickelten Plattform.

«Unser Ziel war es, einen der modernsten und benutzerfreundlichsten Onlineshop der Schweiz zu entwickeln. Mit Shopware 6 und der Unterstützung von digital.manufaktur haben wir dieses Ziel erreicht. Der neue Shop überzeugt durch Schnelligkeit, Flexibilität und eine Vielzahl an neuen Funktionen, die unsere Kunden begeistern.” "Die Kommunikation mit dem dmf-Team war nicht nur schnell und direkt, sondern vor allem effizient und zielführend. Jede Anfrage, jedes Anliegen wurde prompt und professionell bearbeitet. Darüber hinaus waren die Inputs, die wir von digital.manufaktur erhalten haben, von unschätzbarem Wert für uns. Eines der Highlights unserer Zusammenarbeit war jedoch der menschliche Aspekt. Mit dem dmf-Team zu arbeiten macht einfach riesigen Spaß. Sie sind engagiert und passioniert dabei, die besten Lösungen zu finden. Es fühlte sich weniger wie eine Geschäftsbeziehung und mehr wie eine Partnerschaft an.»

Marc Beck

Geschäftsführer Faserplast AG

Learnings und Best Practices

Headless ist der Turbo für Mobile Commerce: Wenn über 50 % des Traffics mobil stattfindet, reichen responsive Standard-Themes oft nicht aus. Unsere Headless PWA lädt Daten im Hintergrund vor (Prefetching) und eliminiert Wartezeiten, was – wie wir bei Faserplast bewiesen haben – die Mobile Conversion Rate vervielfachen kann.
Best-of-Breed beim Content: Man muss sich nicht zwischen E-Commerce- und CMS-Systemen entscheiden. Unsere Headless-Architektur erlaubt es, Shopware 6 für den Verkauf und WordPress für den Blog zu nutzen und beides für den Kunden unsichtbar in einem rasanten Frontend zu verschmelzen.
B2B & B2C Multishops benötigen klare Strukturen: Anstatt alle Produkte in einen großen Shop zu werfen, bauen wir spezialisierte, abgetrennte B2B-Fachshops (gesteuert aus demselben Backend), die die Relevanz für den Geschäftskunden massiv erhöhen.

FAQ: Headless Commerce & Shopware PWA

Wann empfehlen wir eine Headless PWA-Architektur für Shopware 6?

Eine Headless-Lösung wie unsere Hubble PWA lohnt sich für uns immer dann, wenn maximale Performance (Page Speed) gefordert ist, die mobile Conversion Rate stark erhöht werden muss oder wenn komplexe Content-Systeme (wie WordPress oder Typo3) nahtlos in das Shop-Layout integriert werden sollen.

Können wir WordPress in Shopware 6 integrieren?

Ja, durch unseren Headless-Ansatz. Dabei agiert WordPress als reines Content-Repository (Headless CMS). Wir rufen die Blogbeiträge über die WordPress REST-API ab und rendern sie direkt in unser Shopware-PWA-Frontend. Das bringt enorme SEO-Vorteile und garantiert ein durchgängiges, markenkonformes Design.

Warum steigerte unser Mobile-First-Design die Conversion Rate so drastisch?

Klassische Shops werden oft für große Monitore konzipiert und für Smartphones lediglich verkleinert (Responsive Design). In unserem Mobile-First-Ansatz priorisieren wir jedoch von Beginn an große Touch-Flächen, reduzierte Navigationen und blitzschnelle Ladezeiten, was die typischen Kaufhürden auf dem Smartphone minimiert.

Fazit

Unser Projekt mit der Faserplast AG beweist eindrucksvoll die technologische Überlegenheit von Headless Commerce im hybriden B2B- und B2C-Umfeld. Durch die Verschmelzung von Shopware 6 als robustem Backend und unserer Hubble PWA als rasantes Frontend haben wir eine Plattform geschaffen, die die Ladezeiten minimierte und die mobile Conversion Rate geradezu explodieren ließ. Ein Umsatzwachstum von 66 % zeigt uns deutlich: Investitionen in modernste E-Commerce-Performance und echte Mobile-First-Erlebnisse amortisieren sich für unsere Kunden extrem schnell.