Zum Inhalt springen

E-Commerce & Headless Commerce

Onlineshops, die mit Ihrem Traffic mitwachsen.

Wir entwickeln und erweitern Onlineshops auf Basis von MedusaJS, Shopify und WooCommerce, mit Storefronts in Next.js.

Geöffneter weißer Karton auf einem hellen Tisch vor einer grauen Wand

Wir trennen das Frontend Ihres Shops vom Backend, wenn das den Einkauf spürbar beschleunigt – so investieren Sie in Technologie, die auf Ihren Umsatz einzahlt.

Überblick

Ihr Onlineshop verbindet das ganze Unternehmen.

Ein Onlineshop, der Gewinn bringt, ist mit dem Rest Ihres Unternehmens verbunden: mit Lager, Buchhaltung, Versanddienstleistern, Marketing und Kundenservice. Deshalb beginnen wir mit Ihren Prozessen – wie eine Bestellung entsteht, wer sie bearbeitet, wo heute Zeit und Geld verloren gehen –, denn daraus ergibt sich eine Architektur, die Ihr Team spürbar entlastet.

Wir setzen MedusaJS ein, wenn Sie eigene Verkaufslogik und volle Kontrolle über das Backend brauchen, Shopify, wenn ein schneller und planbarer Start Priorität hat, und WooCommerce, wenn der Shop neben umfangreichen Inhalten in WordPress laufen soll. Das Frontend bauen wir mit Next.js, React und TypeScript, damit Seiten schnell laden, in Suchmaschinen weiter oben erscheinen und weniger Kunden den Kauf abbrechen.

Wir entwickeln neue Shops von Grund auf und übernehmen bestehende – wenn Sie bereits online verkaufen, verbessern wir den Kaufprozess, ergänzen Schnittstellen oder ziehen Ihren Shop auf eine andere Plattform um, sodass Sie Ihren Traffic und die vollständige Bestellhistorie behalten.

Kontaktlose Zahlung mit dem Smartphone am Terminal, die Verkäuferin reicht eine weiße Einkaufstüte

Backend mit MedusaJS

Eigene Module, Workflows und Datenmigrationen.

Schnelles Frontend

Serverseitiges Rendering, TypeScript und schnelle Produktlisten.

Checkout & Zahlungen

Lokale Zahlungsarten, Google Pay, Apple Pay, Karten und Ratenzahlung.

Mehrere Märkte

PL, EN, DE und CZ – Währungen, Steuern und Versand je Land.

Wir wählen die Technologie nach Ihrem Verkaufsmodell.

MedusaJS, Shopify und WooCommerce haben jeweils eine Leistungsgrenze und eine Kostenschwelle. Beides legen wir offen, bevor Sie einen Vertrag unterschreiben.

  • MedusaJS

    MedusaJS gibt Ihnen volle Kontrolle über das Backend Ihres Shops, sodass wir die Verkaufslogik genau an Ihr Geschäftsmodell anpassen können. Wir schreiben eigene Module und Automatisierungen, übernehmen Datenmigrationen und erweitern das Medusa-Admin-Panel um Ansichten, die Ihr Team tatsächlich nutzt.

  • Shopify

    Shopify-Themes im Design Ihrer Marke, eigene Apps und Anbindungen an die Systeme, die Sie bereits nutzen. Shopify ist die richtige Wahl, wenn Ihnen ein schneller Start und planbare Wartung wichtig sind und Ihre Verkaufslogik innerhalb der Möglichkeiten der Plattform bleibt.

  • WooCommerce & WordPress

    WooCommerce verbindet den Verkauf mit umfangreichen Inhalten: Blog, Wissensdatenbank und Verkaufsseiten. Wir entwickeln eigene WordPress-Themes und -Plugins, damit die Website schnell bleibt und Updates ohne Überraschungen durchlaufen.

  • Next.js-Storefront

    Serverseitiges Rendering, mehrere Märkte und Sprachen, TypeScript und Tailwind CSS. Wir halten die Next.js-Storefront vom Backend getrennt, damit ein Redesign schnell live geht und der laufende Verkauf ungestört weiterläuft.

  • Schnittstellen & Automatisierung

    Wir verbinden Ihren Shop mit Zahlungsanbietern, Versanddienstleistern und Paketstationen, mit Lager und Rechnungsstellung, mit staatlichen E-Rechnungssystemen wie KSeF in Polen sowie mit Ihren Marketing-Tools, damit Daten automatisch fließen. Dabei sorgen wir dafür, dass Bestände und Bestellungen auch nach jeder nächtlichen Synchronisierung übereinstimmen.

Headless oder Monolith?

Entscheidend sind die Kosten späterer Änderungen.

Bei einem monolithischen Shop bilden Frontend und Backend eine einzige Anwendung, daher geht der Start oft schneller, und bei einfachen Verkaufsprozessen ist die Wartung günstiger. Beim Headless-Ansatz liefert das Backend die Daten, und das Frontend ist eine eigene Anwendung, sodass Sie das Design ändern, einen zweiten Markt oder eine mobile App ergänzen, ohne die Bestelllogik anzufassen.

Headless rechnet sich, wenn Sie besondere Varianten und Konfiguratoren, mehrere Märkte, eigene Preisregeln, Anbindungen an interne Systeme oder so viel Traffic haben, dass die Ladezeit direkt den Umsatz beeinflusst. Wenn Sie nichts davon brauchen, empfehlen wir eine einfachere Lösung, damit Ihr Budget dorthin fließt, wo es den Umsatz tatsächlich steigert.

Vergleich von monolithischer Plattform und Headless-Ansatz
KriteriumMonolithische PlattformHeadless (MedusaJS + Next.js)
ProjektstartSchnell, mit fertigen FunktionenLänger, dafür ohne technische Schulden für später
Individuelle Checkout-LogikBegrenzt durch die Einstellungen der PlattformEigene Abläufe und Validierungen im Backend
Frontend-PerformanceAbhängig von Theme und PluginsVolle Kontrolle über die Ladezeit der Seiten
Neue VertriebskanäleEine weitere Shop-InstanzEin weiterer Client derselben API
Anbindung an FirmensystemeÜber verfügbare Plugins und innerhalb der API-LimitsDirekt im Code, mit eigenen Warteschlangen und Webhooks

Wenn sich jede weitere Änderung am Shop einfach und planbar umsetzen lässt, sinken die Wartungskosten über alle Jahre, in denen der Shop läuft.

Der Grundsatz hinter jedem unserer Projekte

Leistungsumfang

Was wir in Ihrem Shop entwickeln.

14 konkrete Bereiche, um die wir uns kümmern, damit Ihr Verkauf auch lange nach dem Go-live reibungslos läuft.

  • Checkout mit Payment-Gateways: lokale Zahlungsarten, Google Pay, Apple Pay, Karten, Kauf auf Rechnung und Ratenzahlung
  • Zahlungsbestätigung direkt vom Gateway und Schutz vor doppelten Belastungen, damit aus jeder Zahlung genau eine korrekte Bestellung wird
  • Behandlung von Sonderfällen wie einer verspäteten Benachrichtigung des Gateways oder einer Schaltfläche „Status prüfen“, damit Kunden auf der Zahlungsseite immer weiterkommen
  • Produktvarianten, Bundles und Konfiguratoren mit Regeln für Verfügbarkeit und Preise
  • Produktlisten, Filter und Sortierung, die auch bei großen Katalogen schnell bleiben
  • Warenkorb, Versandprofile, Grenzen für versandkostenfreie Lieferung und Regeln für Sperrgut
  • Mehrsprachigkeit und mehrere Märkte: PL, EN, DE, CZ, Währungen, Steuern und Inhalte je Markt
  • Retouren und RMA-Prozesse, angebunden an Paketstationen und Schnellretouren
  • Transaktions-E-Mails über eine externe E-Mail-Plattform oder SMTP, mit Vorlagen-Editor und Live-Vorschau
  • Admin-Panel, erweitert um die Abläufe, die Ihr Team wirklich nutzt: Schalter für Schnittstellen, Verbindungstests, Vorgangshistorie
  • Produktfeeds für Google Merchant Center, die sich nach jeder Produktänderung automatisch aktualisieren, damit Ihre Anzeigen korrekte Daten zeigen
  • Messung von Verkäufen und Kampagnen (Meta, GA4) unter Beachtung von Einwilligungen und Datenschutz, damit Sie wissen, woher Ihre Bestellungen kommen
  • Ladezeit von Shop und Admin-Panel, weil schnellere Seiten mehr abgeschlossene Käufe bedeuten
  • Umzug des Shops zwischen Plattformen unter Beibehaltung von Produkten, Kunden, Bestellungen, Weiterleitungen und Suchmaschinen-Rankings
  • MedusaJS
  • Next.js
  • React
  • TypeScript
  • Node.js
  • Tailwind CSS
  • PostgreSQL
  • Shopify
  • WooCommerce
  • WordPress
  • PHP
  • Python
  • nginx
  • Git
  • Meta CAPI
  • GA4
  • Google Merchant Center
  • InPost
  • Transaktions-E-Mails
  • KSeF

Drei Situationen, die wir in Onlineshops am häufigsten sehen.

Jede der drei hat eine eigene Ursache und eine bewährte Reihenfolge der Lösungsschritte – so wissen Sie von Anfang an, was Sie bei der Arbeit an Ihrem Shop erwartet.

  • Checkout

    Bezahlte Warenkörbe, aus denen keine Bestellung wird

    So sieht es aus

    Das Geld ist abgebucht, die Bestellung steht aber weiterhin auf „unbezahlt“. Der Kundenservice schließt sie von Hand ab, während der Kunde bereits eine Beschwerde schreibt.

    Was dahintersteckt

    Den Bestellstatus setzt erst die Rückkehr des Kunden auf die Danke-Seite. Wenn der Kunde den Tab schließt oder die Benachrichtigung des Gateways verspätet eintrifft, aktualisiert niemand diesen Status.

    So lösen wir es

    Den Bestellstatus setzt das Shop-Backend erst, wenn das Gateway die Zahlung bestätigt hat, daher bleibt er verlässlich, auch wenn der Kunde den Tab schließt. Das Formular kürzen wir auf die Felder, die für den Versand nötig sind, und ergänzen die Auswahl des Abholpunkts auf einer Karte sowie gespeicherte Adressen für wiederkehrende Kunden.

    • MedusaJS
    • Next.js
    • InPost
    • TypeScript
  • Plattformwechsel

    Ein Shop, der seiner Standard-Plattform entwachsen ist

    So sieht es aus

    Preisregeln, die die Plattform selbst nicht abbildet, werden mit immer neuen Plugins nachgerüstet. Jede Änderung im Katalog erfordert Handarbeit an zwei Stellen.

    Was dahintersteckt

    Die Grenze liegt im Datenmodell der Plattform selbst, daher lässt sie sich per Konfiguration nicht aufheben, und jedes weitere Plugin fügt eine neue Ausnahme hinzu. Bei einer solchen Migration möchten Sie Ihre Suchmaschinen-Rankings und das vollständige Bestellarchiv behalten – genau das sichern wir zuerst ab.

    So lösen wir es

    Wir beginnen mit einer Zuordnung alter zu neuen URLs und dauerhaften 301-Weiterleitungen, erst danach ziehen wir Produkte, Kundenkonten und das Bestellarchiv um. Strukturierte Daten und XML-Sitemap bauen wir neu auf. Die Umstellung erfolgt in den Stunden mit dem geringsten Traffic, mit einem dokumentierten Weg zurück zur alten Version.

    • MedusaJS
    • Next.js
    • 301-Weiterleitungen
    • PostgreSQL
  • Mehrere Märkte

    Dieselbe Aktion, für jeden Markt einzeln angelegt

    So sieht es aus

    Jedes Land hat eine eigene Shop-Installation. Eine Preisänderung bedeutet so viele Logins ins Admin-Panel, wie Sie Märkte haben, und die Lagerbestände laufen zwischen den Märkten auseinander.

    Was dahintersteckt

    Getrennte Installationen bedeuten getrennte Datenbanken. Katalog, Preise und Bestände existieren in mehreren Kopien, die niemand vollständig synchron hält.

    So lösen wir es

    Wir arbeiten mit einem einzigen Backend und einem gemeinsamen Katalog, und die Middleware der Storefront erkennt den Markt an der URL. Währung, Steuersätze, Versandarten, Rechtstexte und Preisregeln konfigurieren wir je Land. Übersetzungen pflegt Ihr Team im Admin-Panel.

    • MedusaJS
    • Next.js
    • Mehrsprachigkeit
    • PostgreSQL

Modelle der Zusammenarbeit

Drei Wege, wie wir in ein Projekt einsteigen.

Den Umfang legen wir zu Beginn fest, und das Angebot basiert auf klar beschriebenen Phasen, damit Sie von Anfang an wissen, wofür Sie wann bezahlen.

Übernahme und Ausbau eines bestehenden Shops

Für Unternehmen mit laufendem Verkauf, die nach einem Dienstleisterwechsel wieder Tempo in die Entwicklung bringen möchten.

  • Audit von Code, Schnittstellen und Sicherheit
  • Aufräumen von Repository, Umgebungen und Deployment-Prozess
  • Liste technischer Schulden, priorisiert nach geschäftlicher Bedeutung
  • Zuerst kritische Korrekturen, danach Weiterentwicklung in Iterationen
  • Übernahme der Wartung: Server, Zertifikate, Backups, Monitoring

Unterstützung für Ihr Inhouse-Team

Für Unternehmen mit eigenem Team, das für einen bestimmten Bereich zusätzliche Kapazität oder ein zweites Paar Augen braucht.

  • Einstieg in Ihr bestehendes Repository, Ihre Branches und Team-Konventionen
  • Abgegrenzte Module: Zahlungen, Schnittstellen, Admin-Panel, Performance
  • Code-Reviews und Hilfe bei schwierigen Fehlern in der Produktion
  • Dokumentation und Wissenstransfer an Ihr Team
  • Abrechnung nach Stunden oder pro Phase

So arbeiten wir

Vier Schritte von der ersten E-Mail bis zum Verkaufsstart.

  1. 01

    Audit & Discovery

    Wir zerlegen Ihren Verkauf in seine Bestandteile: Katalog, Varianten, Preise, Versand, Retouren und die Systeme, mit denen der Shop verbunden werden soll. Das Ergebnis ist eine konkrete Liste von Anforderungen und Risiken, damit Sie vorab wissen, was entsteht und wo besondere Sorgfalt nötig ist.

  2. 02

    Architektur & Wireframes

    Wir entwerfen Datenmodell, Schnittstellen und Kaufprozess, und Sie geben die Wireframes der wichtigsten Ansichten frei, bevor programmiert wird. Design-Tokens und Maße übernehmen wir direkt aus Figma.

  3. 03

    Entwicklung in kurzen Zyklen

    Wir arbeiten in einer separaten Umgebung, in einwöchigen Zyklen. Jede Phase endet mit einem lauffähigen Feature, das Sie prüfen können, mit Unit- und Integrationstests sowie einer Kontrolle auf Bildschirmbreiten ab 320 px.

  4. 04

    Go-live & Betreuung

    Wir veröffentlichen den Shop, richten Domain und SSL-Zertifikate mit automatischer Verlängerung ein und aktivieren ein dauerhaftes Monitoring, das Störungen erkennt, bevor Ihre Kunden sie bemerken. Nach dem Go-live bleiben wir an Ihrer Seite: Korrekturen, Weiterentwicklung und schnelle Reaktion auf Anfragen.

FAQ

Häufige Fragen zu E-Commerce-Projekten.

Wann lohnt sich Headless Commerce wirklich?

Wenn der Shop eine besondere Verkaufslogik, mehrere Märkte oder Sprachen, komplexe Varianten und Konfiguratoren oder Anbindungen an interne Systeme Ihres Unternehmens hat. Wenn der Katalog einfach ist und Ihre Prozesse in den Standard einer fertigen Plattform passen, empfehlen wir eine einfachere Lösung, weil Headless dann die Kosten ohne echten Mehrwert erhöhen würde.

Kann ich meinen Shop auf eine andere Plattform umziehen und meine Google-Rankings behalten?

Ja, wenn die Migration vorab geplant wird. Wir ordnen alte URLs den neuen zu, richten dauerhafte Weiterleitungen ein, übertragen Produkte, Kunden und Bestellhistorie und achten auf strukturierte Daten und Performance. Migrationen von Domains, DNS und Zertifikaten führen wir im Zeitfenster mit dem geringsten Traffic durch.

Übernehmen Sie auch einen Shop, den ein anderer Dienstleister entwickelt hat?

Ja. Wir beginnen mit einem Audit von Code, Schnittstellen und Sicherheit: Wir prüfen, ob Passwörter oder Zugangsschlüssel im Code liegen, ob Formulardaten validiert werden und ob der Server die Beträge berechnet, damit Kunden sie im Browser nicht verändern können. Danach erhalten Sie eine priorisierte Liste der Punkte mit einer Kostenschätzung für jede Korrektur, damit Sie entscheiden, was wir zuerst angehen.

Wie funktioniert der Betrieb mehrerer Märkte und Sprachen?

Ein neuer Markt umfasst die vollständige lokale Konfiguration: Währungen, Steuersätze, Versandarten und -kosten, Rechtstexte und Preisregeln legen wir für jedes Land separat fest, damit Kunden Preise und Versand nach den Regeln ihres Landes berechnet sehen. In einer Next.js-Storefront steuern wir Sprache und Markt in der Middleware, mit korrekten URLs und hreflang-Tags für Suchmaschinen.

Was erhalte ich bei Zahlungen und Retouren?

Die Anbindung an ein Payment-Gateway mit lokalen Zahlungsarten, Google Pay, Apple Pay und Karten, die Abwicklung von Kauf auf Rechnung und Ratenzahlung, die Prüfung der Signaturen von Gateway-Benachrichtigungen sowie Schutz vor doppelten Belastungen. Bei Retouren: einen RMA-Prozess, die Anbindung an Paketstationen und Schnellretouren sowie Status, die Ihr Kundenservice im Admin-Panel sieht.

Übernehmen Sie nach dem Go-live auch die Wartung?

Ja. Wir betreuen Server, nginx, Zertifikate mit automatischer Verlängerung, Backups, Cronjobs und Fehler-Monitoring. Die Weiterentwicklung nach dem Go-live folgt demselben Rhythmus wie die Umsetzung: Anfrage, Schätzung der Phase, Deployment in die Testumgebung, Veröffentlichung in der Produktion.

Erzählen Sie uns von Ihrem Onlineshop.

Schicken Sie uns den Link zu Ihrem Shop oder Ihre Idee per E-Mail, gern auf Deutsch. Wir antworten innerhalb eines Werktags mit Rückfragen und nennen Ihnen danach die passende Architektur, die schnellsten Verbesserungen und die Zahl der Phasen bis zum Go-live.