Es gibt verschiedene Möglichkeiten, eine Headless-Storefront mit Shopify zu implementieren. In dieser Phase werden wir die alternativen Lösungen mit Drittanbietersoftware für das Frontend ausschließen (wie Shogun oder Frontastisch) und ziehen nur die Entwicklung einer komplett individuellen Frontend-App auf Basis des JAM-Stacks in Betracht.

‍

‍

Ich weiß, ich weiß — ich sagte, es sei schwierig, Zahlen für so etwas zu haben, und jetzt werden Sie einige Zahlen sehen. Ich dachte, es könnte sich lohnen, Ihnen einen groben Überblick über den Preis unserer Headless-Frontend-Projekte für Shopify zu geben, die zwischen 30.000€ und 350.000€ (brutto) liegen.

‍

Natürlich sind diese Zahlen mit ein paar Anmerkungen versehen: Zum unteren Bereich gehören hauptsächlich kleine Unternehmen mit wenigen Produkten und Seiten, deren Websites eher als eine Sammlung von wenigen Landingpages angesehen werden. Wenn es um den oberen Bereich geht, kann der Aufwand auch den angegebenen Wert überschreiten, je nachdem, wie komplex das Design oder die Funktionswünsche sind.

‍

Die folgenden Aspekte sind in der Regel die wichtigsten Kostenfaktoren in einem Headless-Shopify-Projekt:

• Die Anzahl der Designkomponenten, die für den Online-Shop implementiert werden müssen (Seiten, wiederverwendbare Abschnitte usw.)

• Die Komplexität des Designs (Wie stark variieren die Designelemente? Wie kompliziert ist es, die Elemente zu codieren? — Wir empfehlen generell, ein Designsystem zu verwenden.)

• Anzahl und Komplexität der Integrationen mit anderen Systemen (z. B. CMS, PIM, ERP usw.)

• Der gewünschte Grad an technischer Optimierung für den Start (Ladezeiten, Google Web Vitals usw.)

Eine sehr interessante Referenz für den Kostenvoranschlag ist der Aufwand, der erforderlich ist, um dasselbe Design wie ein einzelnes Shopify-Thema zu implementieren. Unsere Erfahrung zeigt, dass die Kosten im Vergleich oft nur 10-20% höher sind — aber dass du mit dem Headless-Frontend deutlich bessere Leistungsergebnisse und mehr Freiheit bekommst.

‍

Nicht nur das, sondern wenn zusätzlich zu einem CMS auch andere Software/komplexe Lösungen, wie zum Beispiel ein Konfigurator, im Frontend installiert werden müssen, kann es sein, dass die Implementierung eines Headless-Frontends sogar weniger kostet als die Verwendung eines Shopify-Themas. Das liegt daran, dass es manchmal zeitaufwändiger ist, bestehende Lösungen in Shopify anzupassen, als sie einfach in ein flexibles Headless-Frontend zu integrieren.

Neben den anfänglichen Headless-Frontend-Projektkosten fallen natürlich auch weitere laufende Kosten an. Aus diesem Grund werfen wir auch einen Blick auf einige der Tool- und Hosting-Kosten, um Ihnen eine Vorstellung von den Gesamtbetriebskosten (TCO) zu geben.

‍

Hosten

‍

Um schnelle Ladezeiten zu erreichen (wofür Headless bekannt ist), werden in der Regel sogenannte „statische Seitengeneratoren“ verwendet. Ein weiterer Vorteil dieses Ansatzes ist, dass die Hosting-Kosten sehr überschaubar sind. Wenn Sie beispielsweise über Vercel hosten, liegen die monatlichen Kosten in den meisten Fällen bei etwa 20 USD.

‍

‍

CMS

‍

Wie bereits erwähnt, werden Sie wahrscheinlich ein CMS integrieren wie Vernunft, Inhaltlich oder Hygraph um den Inhalt Ihres Headless-Frontends zu kontrollieren. Wenn es um CMS geht, hängen die Kosten von der Wahl des Anbieters ab. Dies hängt auch von der Komplexität und Menge der auf Ihrer Website angezeigten Inhalte sowie davon ab, wie oft auf Ihren Shop zugegriffen wird. Überraschenderweise bieten viele CMS-Anbieter kostenlose Tarife an, die oft genug Funktionen enthalten, um Ihnen den Einstieg zu erleichtern. Wenn Sie jedoch den kostenpflichtigen Service mit mehr Funktionen benötigen, fallen monatliche Kosten im zwei- bis dreistelligen Bereich an.

‍

‍

Wartung & Weiterentwicklung

‍

Sobald du dich für den Headless Frontend Shopify-Ansatz entschieden hast, übernimmst du natürlich auch die Verantwortung für die laufende Weiterentwicklung deiner Seite — genau so, als würdest du dich für ein individuelles Theme auf Shopify selbst entscheiden. Während die Ersteinrichtung (siehe oben) noch teurer sein kann, ist es in der Regel umgekehrt, wenn es um die Weiterentwicklung geht.

‍

Mit einem Headless-Frontend ist es viel einfacher, neue Komponenten und Funktionen hinzuzufügen — insbesondere, wenn es um komplexere Funktionen geht. Dazu gehören beispielsweise spezielle Produktkonfiguratoren oder individuelle Quizfragen, sollten diese nicht von einer Shopify-App im gewünschten Funktionsumfang abgebildet werden.

‍

Eine Headless-Lösung lohnt sich daher besonders für Unternehmen, die sehr aktiv sind, wenn es um die Gestaltung und Entwicklung ihres Onlineshops geht.

‍

‍

Mehr Tools

‍

Zusätzlich zu den bereits genannten Komponenten wird in Headless-Läden typischerweise andere Software von Drittanbietern verwendet. Dies können z. B. ein Cookie-Zustimmungstool, erweitertes Tracking, CRM-Systeme und viele andere Tools sein.

‍

Ich hoffe, dass Sie jetzt eine ungefähre Vorstellung davon haben, wie die Kosten für ein Headless-Commerce-Frontend mit Shopify aussehen. In Zukunft möchte ich mich mit dem Thema Kosteneffizienz befassen. Ich meine, sicher, ich könnte Ihnen das Ohr abkauen, was die Kosten und alle damit verbundenen Varianten angeht, aber letztendlich ist das, was für Ihr Unternehmen am wichtigsten ist, das Ergebnis einer Maßnahme — d. h. ob sich die Investition in ein Headless-Frontend in Form von mehr Umsatz, mehr Gewinn oder Einsparungen an anderer Stelle auszahlt.

‍

Unsere langjährige Erfahrung zeigt, dass die Umstellung auf ein Headless-Frontend in vielen Bereichen eines Unternehmens positive Auswirkungen hat:

‍

Natürlich gibt es eine Leistungssteigerung in Bezug auf die Ladezeiten (wenn auf die Optimierung für die Dauer des Projekts geachtet wurde). Allein dieser Faktor hat einen großen Einfluss auf deinen Online-Shop:

• Besucher stöbern länger im Online-Shop (längere Verweildauer, niedrigere Abwesenheitspreise)

• Steigende Konversionsraten führen zu mehr Verkäufen

• Die Erhöhung der Google Web Vitals sorgt für ein besseres Suchmaschinenranking und damit für mehr Besucher Ihres Shops

• Das verbesserte Nutzererlebnis im Shop wirkt sich im Vergleich zu Ihrer Konkurrenz oft positiv auf die Markenwahrnehmung aus

‍

Diese Verbesserungen wirken sich auch auf andere Abteilungen in Ihrem Unternehmen aus. Beispielsweise steht eine höhere Konversionsrate in direktem Zusammenhang mit niedrigeren Kundenakquisitionskosten (CAC), was in Ihrem Marketingteam für zahlreiche Lächeln sorgen sollte.

‍

Sie profitieren auch von der Flexibilität des Headless-Frontends. Wie bereits erwähnt, sind Wartung und Weiterentwicklung in der Regel weniger aufwändig und daher günstiger. Darüber hinaus bleibt Ihnen dadurch mehr Zeit und Budget für die Entwicklung neuer Funktionen oder die Optimierung der Nutzererfahrung, was zu einer weiteren Erhöhung der Konversionsraten führen kann.

‍

Aufgrund dieser Faktoren zahlt sich die Umstellung auf ein Headless-Frontend mit Shopify für viele Unternehmen innerhalb der ersten 24 Monate aus.

‍

Natürlich gibt es Szenarien, in denen ein kopfloses Frontend, wie das Sprichwort sagt, wie „mit einem Vorschlaghammer eine Nuss knacken“ wäre. Ich sage das, weil Unternehmen, die keine komplizierten Funktionen benötigen und erst am Anfang ihres Erfolgs stehen, oft mehr von anderen Maßnahmen profitieren können als von einer Umstellung auf Headless. Ich möchte hier nur so transparent wie möglich sein — wir stehen für „Headless“, aber wir wollen sicherstellen, dass es der richtige Ansatz für Ihr Unternehmen ist, weshalb ich sage, dass Headless vielleicht übertrieben ist, wenn Sie gerade erst anfangen. Wir haben bereits einen weiteren Blogartikel über die Szenarien geschrieben, in denen sich Headless mit Shopify lohnt oder nicht lohnt. Du findest ihn hier.

Bist du daran interessiert, deinen Shopify-Shop um ein Headless-Frontend zu erweitern oder mit Shopify einen Headless-Shop aufzubauen? Als Shopify- und Headless Commerce-Experten unterstützen wir Sie gerne. Nutze einfach unsere Kontakt-Formular für Ihre Anfrage.