Wir haben oft von den Dächern über die vielen Vorteile geschrien, die sich ergeben, wenn man eine kopflose technische Haltung mit einem E-Commerce-Plattformgiganten wie Shopify Plus kombiniert. Wir nehmen uns die Zeit, diese Traumkombination fachkundig zu erklären, aber natürlich stellt sich schnell die folgende Frage: „Ja, das klingt großartig, aber was kostet es eigentlich?“
Wir wünschten, wir könnten Ihnen auf Anhieb eine perfekte Figur geben; es steckt jedoch noch ein bisschen mehr dahinter. Für eine genaue Bewertung müssen wir uns eingehend mit den spezifischen Anforderungen, Wünschen und Zielen befassen, die mit jedem einzelnen Projekt verbunden sind. Sie sehen, kopflos zu werden ist ein sehr maßgeschneidertes Unterfangen, das Ihren individuellen Bedürfnissen bis zum Abschlag entspricht. Deshalb ist es unmöglich, dafür allgemeine Kosten zu erheben, da dies wirklich von Ihren Bedürfnissen abhängt.
Wir verstehen jedoch, dass eine grobe Zahl bereits hilfreich ist, weshalb wir im Folgenden untersuchen werden, welche Faktoren die Kosten beeinflussen. Wir werden nicht nur die anfänglichen Kosten, sondern auch die laufenden Kosten eines Headless-Shopify-Setups berücksichtigen.
Das Szenario
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.
Anfängliche Projektkosten
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.)
Headless Frontend im Vergleich zu benutzerdefiniertem Shopify-Theme
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.
Laufende Kosten
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.
Kosteneffizienz
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
- usw..
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.
Fazit
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.
