Web · Deep Dive 06
eCommerce & Payments
Der Storefront, von dem Menschen kaufen, und die Rails, auf denen das Geld läuft — gemeinsam designt, nicht zusammengeflickt. Stripe, Adyen, Mollie, PayPal; einmalig, Subscription, Marketplace.
Was das ist
Ein Commerce-Build, der seine Conversion-Rate verdient. Headless Storefronts auf Astro / Next.js, PSP-Integration, die Edge Cases beherrscht (Refunds, Disputes, Dunning, Steuer), und ein Checkout, der mit Analytics ausgeliefert wird — damit du siehst, wo Geld leakt.
Kommt dir das bekannt vor?
-
Der aktuelle Shop endet beim Warenkorb — alles dahinter ist Klebeband.
-
Der PCI-Scope wächst; niemand weiß genau, was drin ist und was nicht.
-
Subscriptions werden still und ihr erfahrt es vom Kunden.
-
Der Refund-Flow ist ein Notion-Doc, das Support copy-pastet.
-
Cross-Border-Steuer / VAT-OSS / 3DS2 — jemand hat vier Ausnahmen verdrahtet, alle subtil falsch.
Der Kundennutzen
Dein Nutzen
Sobald es läuft.
Storefront und Checkout, designt für den echten Conversion-Pfad — schnell, accessible, instrumentiert.
-
Payment-Flows, die den Long-Tail überleben: abgelehnte Karten, Retry-Fenster, Teil-Refunds, Chargebacks, Währungswechsel.
-
Subscription-Status im System, nicht im Posteingang — Renewals, Dunning, Plan-Wechsel, Cancellations alles beobachtbar.
-
PCI-Scope klein gehalten by design — tokenisiert überall, sensitive Daten nie nahe an eurem Stack.
Phasen
⏱ 10–20 Wochen typischWie eCommerce & Payments tatsächlich abläuft.
-
01
Scope
Produkte, Tarife, Märkte, Steuerregime kartieren. Der Architektur-Call hier entscheidet, ob die nächsten zwei Jahre nach Wachstum oder Whack-a-Mole aussehen.
-
02
Integrieren
PSP wählen (Stripe, Adyen, Mollie, Mix), einmal verdrahten, dann den Rest gegen das saubere Interface bauen — nie gegen PSP-Quirks.
-
03
Stress-Test
Unhappy Paths fahren: Declines, partielle Captures, Refunds, Disputes, Fraud-Signale, EU 3DS2, VAT-Grenzen. Produktion sieht so weniger Überraschungen.
-
04
Tunen
Funnel-Analytics ab Tag eins — nicht ein Sprint nach Launch. Der erste Monat ist Daten lesen und echte Lecks fixen, nicht vermutete.
Die Übergabe
Was landet
Was in du erhältst – jedes Artefakt, nichts bleibt verborgen.
-
Production-Storefront + Checkout, Code-Eigentum bei dir
-
PSP-Integration (Stripe / Adyen / Mollie / Mix) verdrahtet und dokumentiert
-
Subscription- + Billing-Engine falls nötig, mit Admin-Console
-
Steuer- + VAT-OSS-Handling für die Märkte im Scope
-
Funnel- + Ops-Analytics-Dashboards (PostHog / Stripe / euer Warehouse)
-
Operationsleitfaden: Refunds, Chargebacks, Dunning, On-Call
Bevor du fragst
-
Q·01 Shopify, Centra, Custom — was sollen wir nehmen?
Hängt vom Produkt und Team ab. Off-the-shelf ist günstiger zu starten; Custom-Storefront auf Hosted- Backend (Shopify Hydrogen / Saleor / Medusa) gewinnt, wenn die Brand-Experience das Produkt ist. Wir empfehlen nach Marge, Skala und redaktionellem Gewicht.
-
Q·02 Macht ihr Subscriptions?
Ja — Stripe Billing oder Adyen Subscription, mit der Dunning-, Plan-Wechsel- und Proration-Logik, die Off- the-shelf nur zu 80 % beherrscht.
-
Q·03 Was ist mit Marketplaces (Multi-Seller)?
Wir haben Marketplace-Flows auf Stripe Connect und Adyen for Platforms gebaut — KYC, Auszahlungen, Split- Capture. Nicht jedes Team braucht das Plattform-Modell; wir sagen euch, ob ihr es braucht.
-
Q·04 Könnt ihr uns vom alten Shop migrieren?
Ja — meist phasenweise per SKU-Gruppe oder Markt, alter und neuer Shop laufen parallel, bis Daten und Traffic sicher umzuschalten sind.
-
Q·05 Wie handelt ihr PCI?
Tokenisiert end-to-end. Hosted Fields / Stripe Elements / Adyen Web Components — Card-Daten landen nie auf euren Servern. PCI-Scope bleibt klein by design.
Bereit zum Starten
Lass das Geld sauber laufen.
Zwei-Tage-Audit eures aktuellen Funnels und PSP-Setups. Wir kommen mit Einseiter-Proposal zurück: was bleibt, was neu verdrahtet wird, wie die ersten 90 Tage aussehen.
Build startenDie größere Karte
Alle Serviceseiten auf einen Blick.
Jeder der folgenden Links führt dich zu einer separaten Seite mit Informationen zu einem unserer vier Servicebereiche. Wechsele einfach den Bereich – anderer Service, gleiche Arbeitsweise.
Strategie und Konzeption
Serviceübersicht →Web- und Mobile-Entwicklung
Serviceübersicht →- 01 Fullstack Web Development
- 02 Backend Development
- 03 Frontend Development
- 04 Mobile App Development
- 05 Kunden- & Partnerportale
- 06 eCommerce & Payments — Du bist hier
- 07 Headless CMS & Multi-Channel