Headless Commerce Agentur für Shopify

Wir bauen Shops, bei denen Shopify den Checkout übernimmt und ein eigenes Frontend alles andere. So bekommst Du ein Design ohne Theme-Grenzen, Inhalte aus einem echten CMS und Ladezeiten, die sich in der Conversion zeigen. Seit 2022 setzen wir fast alle neuen Projekte headless um, für Marken wie BORA, Bruker, Gepp's und hannes roether.

Erstgespräch vereinbaren

Was Headless Commerce bei Shopify bedeutet

Bei einem klassischen Shopify-Shop liefert das Theme gleichzeitig Design, Inhalte und Shop-Funktionen aus. Das ist schnell eingerichtet, setzt aber enge Grenzen, sobald Marke, Content oder Datenmodell über den Standard hinausgehen.

Headless trennt diese Ebenen. Shopify bleibt das Backend für Produkte, Bestellungen, Zahlungen und den Checkout. Das Frontend bauen wir als eigene Anwendung mit Next.js oder Remix, gehostet auf Vercel oder AWS. Inhalte pflegt Dein Team in einem Headless CMS wie Sanity oder Storyblok. Alle Teile sprechen über Schnittstellen miteinander.

Den Checkout von Shopify ersetzen wir bewusst nicht. Er gehört zu den besten im Markt, inklusive Payment, Erstattungen und Betrugsprüfung. Wir bauen alles davor.

Wann sich Headless lohnt

Headless ist kein Selbstzweck. Es lohnt sich, wenn mindestens einer dieser Punkte auf Dich zutrifft.

• Deine Marke passt in kein Theme. Kollektionsseiten, Produktseiten und Landingpages sollen aussehen wie Deine Marke und nicht wie jeder andere Shop.
• Content und Commerce gehören zusammen. Magazin, Ratgeber, Rezepte, Reisepläne oder Konfiguratoren sollen direkt neben den Produkten stehen und von Deinem Team ohne Entwickler gepflegt werden.
• Du hast ein eigenes Datenmodell. Deine Produkte sind Reisen, Ersatzteile oder wissenschaftliche Instrumente und passen nicht in Artikel und Varianten.
• Du betreibst mehrere Märkte, Sprachen oder Gesellschaften und willst sie aus einem System steuern.
• Speed wirkt direkt auf Deine Marge. Ein Headless-Frontend lädt nur den Code, den eine Seite wirklich braucht. Wie sich das rechnet, zeigen wir in Was kostet Speed im E-Commerce?

Ein klassisches Theme ist die bessere Wahl, wenn Dein Katalog klein ist, ein Standard-Design reicht und kein Team für die laufende Weiterentwicklung bereitsteht. Das sagen wir Dir im Erstgespräch offen. Bei air up haben wir uns genau deshalb für ein individuelles Theme entschieden.

Unser Headless Stack

• Shopify oder Shopify Plus als Commerce-Backend mit Checkout, Payments und Bestellungen
• Next.js oder Remix als Frontend, ausgeliefert über Vercel oder AWS
• Sanity oder Storyblok als Headless CMS mit Content-Modell nach Deinen Anforderungen
• Hydropop, unsere eigene Middleware für ERP, PIM, Rechnungen und Omnichannel
• Shopify Storefront API und Hydrogen, wenn ein Projekt eng bei Shopifys eigenem Stack bleiben soll. BORA, Bruker und Biogents laufen mit Remix, dem Framework, auf dem auch Hydrogen aufsetzt.

Du bekommst zu jedem Headless-Projekt eine Dokumentation und einen direkten Draht zu unserem Team per Slack.

Headless Projekte aus der Praxis

hannes roether, Mode mit eigener Bildsprache

Der alte Shop lag auf einer Subdomain, jede Kollektion sah gleich aus, drei Spalten, jede Kachel gleich groß. Wir haben ihn headless mit Sanity neu gebaut. Kollektionsseiten lassen sich jetzt gestalten wie ein Schaufenster, der Katalog ist sauber nach Damen, Herren und Kategorien verschachtelt, und die Warenwirtschaft ProMode ist über Hydropop angebunden. Die SEO-Migration mit allen Weiterleitungen gehörte zum Projekt. Zum Case

Gepp's, Feinkost aus 22 Filialen

Gepp's ist mit uns von einem gewachsenen System auf Shopify und Sanity umgezogen. Das Content-Team baut Banner und Content Cards über einen eigenen Generator, ohne das Markendesign zu brechen. Microsoft Business Central liefert die Daten. Zum Case

Bruker, B2B-Shop für wissenschaftliche Instrumente

Bruker verkauft Zubehör für Massenspektrometer, Diffraktometer und Magnetresonanzsysteme weltweit an Labore und Hochschulen. Die Storefront läuft headless mit Remix auf Shopify Plus und Sanity, mit eigenem Checkout, Login über Keycloak und einem sauberen Datalayer für das Tracking. Zum Case

Weitere Headless-Projekte sind BORA, Biogents und DaCapo Travel.

So läuft ein Headless-Projekt ab

1. Discovery. Wir analysieren Produkte, Inhalte, Integrationen und Zielmärkte. Du bekommst ein Anforderungsprofil, eine Architekturskizze und eine Aufwandsschätzung.
2. Architektur und Content-Modell. Wir legen fest, welche Daten in Shopify, im CMS und in Drittsystemen liegen.
3. Design. Wir entwickeln ein Designsystem in Figma auf Basis Deiner CI, mit klickbaren Prototypen für Mobile und Desktop.
4. Entwicklung. Frontend, CMS und Schnittstellen entstehen parallel in einer Staging-Umgebung.
5. Migration und Go-live. Wir übernehmen Produkte, Kunden und Bestellungen, bilden jede alte URL auf ihr neues Ziel ab und schulen Dein Team.
6. Weiterentwicklung. Nach dem Launch bleiben wir mit Monitoring, Roadmap und A/B-Tests an Bord.

Häufige Fragen zu Headless Shopify

Was kostet ein Headless-Shop mit Shopify? Ein Headless-Projekt ist aufwendiger als ein Theme-Shop, weil Frontend und CMS eigens gebaut werden. [Spanne einfügen, sonst Satz streichen.] Den größten Einfluss haben die Zahl der Integrationen, der Umfang der Migration und die Zahl der Märkte. Nach dem Erstgespräch bekommst Du eine belastbare Größenordnung.

Brauche ich für Headless Shopify Plus? Nein. Headless funktioniert auch mit den regulären Shopify-Plänen über die Storefront API. Plus lohnt sich vor allem bei hohem Umsatz, vielen Märkten oder B2B. Das Projekt für FAZUA läuft zum Beispiel headless auf dem Grow Plan.

Kann mein Team Inhalte ohne Entwickler pflegen? Ja, das ist einer der Hauptgründe für Headless. Dein Team baut Seiten aus fertigen Modulen im CMS zusammen, inklusive Vorschau. Wir schulen die Redaktion vor dem Go-live.

Wie lange dauert ein Headless-Projekt? Ein fokussierter Build mit bestehendem Designsystem ist in wenigen Monaten live. Mit ERP-Anbindung, Migration und mehreren Märkten solltest Du eher sechs Monate oder mehr einplanen. Nach dem Discovery-Workshop bekommst Du eine konkrete Zeitschiene.

Verliere ich beim Umstieg meine Rankings? Nicht bei sauberem Vorgehen. Entscheidend sind ein vollständiges Redirect-Mapping und der Erhalt von Inhalten und Meta-Daten. Durch bessere Core Web Vitals verbessert ein Headless-Frontend die Ausgangslage meist sogar.

Next.js, Remix oder Hydrogen? Alle drei sind gute Wege, und wir setzen alle ein. Next.js bietet das größte Ökosystem und viel Freiheit bei Hosting und CMS. Remix und Hydrogen sind näher an Shopifys eigenem Stack. Wir empfehlen je nach Projekt.

Weiterlesen

• Was kostet Speed im E-Commerce?
• Shopify Filter-URLs verstehen
• Machtverschiebung, Figma schluckt Headless CMS Payload
• Wenn AI Agenten einkaufen

Lass uns über Deinen Shop sprechen

Du überlegst, ob Headless für Dich passt? Im Erstgespräch schauen wir uns Deinen aktuellen Shop an und sagen Dir ehrlich, ob sich der Umstieg lohnt. Wir sitzen in München und St. Johann in Tirol und arbeiten mit Marken im ganzen DACH-Raum. Mehr über uns als Shopify Agentur in München.

Erstgespräch vereinbaren