der Kaufweg
Raster, Produkt, Warenkorb — und dann eine Wand
Alles bis zum Warenkorb wird als ein Stück mit der Marke gestaltet. Der Schritt danach gehört einem Anbieter, und die Wand ist mit Absicht gezogen, nicht verwischt.
Disziplinen 03 · E‑Commerce
Digitale Storefront-Konzepte mit Fokus auf Produktpräsentation, Hierarchie, Stöbern und Checkout-Interaktion. Diese Seite beginnt mit der Frage, ob ein eigener Build für ein Unternehmen überhaupt die richtige Antwort ist — eine Frage, die ehrlich erkundet gehört, statt sie mit Ja vorauszusetzen.
01 · Die Entscheidung
Oft: nein. Marktplätze und gehostete Plattformen erledigen Checkout, Zahlungen, Steuern und Betrugsprävention besser als alles, was von Grund auf neu gebaut wird — und ein kleiner Händler, der eine davon wählt, handelt rational, nicht bequem. Die interessante Frage ist nicht, was abstrakt besser ist. Sondern welches von beiden ein konkretes Unternehmen tatsächlich ist — und die ehrliche Version dieser Frage hat eine Seite, auf der der eigene Build verliert.
das Argument für den Marktplatz
das Argument für den eigenen Build
Wenn drei der fünf Punkte links auf ein Unternehmen zutreffen, gehört das klar gesagt — samt der Plattform, die besser passt. Das ist keine Bescheidenheit. Ein Shop, gebaut für ein Unternehmen, das einen Marktplatz gebraucht hätte, ist ein Shop, der scheitert — und er scheitert mit dem Namen dessen darauf, der ihn gebaut hat.
02 · Was drinsteckt
Genau deshalb lohnt es sich, exakt zu sein, wo die Storefront endet. Sechs Dinge, aus denen ein eigener Shop besteht — und eines davon ist eine Grenze, kein Feature.
der Kaufweg
Alles bis zum Warenkorb wird als ein Stück mit der Marke gestaltet. Der Schritt danach gehört einem Anbieter, und die Wand ist mit Absicht gezogen, nicht verwischt.
Zahlungen
Steuern über Grenzen hinweg, Fraud-Scoring, Chargebacks, PCI-Scope — das ist der Vollzeitjob von jemand anderem und eine eigene Disziplin. Wer anbietet, das von Hand zu bauen, bietet eine Haftung mit hübschem Interface an.
die Zustände, die niemand vorführt
Ein Warenkorb, der sich selbst geleert hat. Ein Filter, der nichts zurückgibt. Jeder davon ist ein echter Screen, auf den echte Kundschaft trifft, und jeder davon wird gezeichnet.
Varianten
Größe, Farbe, Ausführung. Was sich nicht kaufen lässt, wird als nicht verfügbar gezeigt statt versteckt — damit sich niemand in eine Sackgasse klickt und die Schuld bei sich selbst sucht.
die Beziehung
Domain, Hosting, Analytics, Repository und die Kundenbeziehung selbst, von der ersten Woche an in Ordnung. Eine Plattform später zu verlassen ist dann eine gewählte Migration — nicht eine, deren Preis sich erst auf dem Weg nach draußen zeigt.
der Katalog
Einen bestehenden Katalog umzuziehen ist echte Arbeit, deren Umfang niemand kennt, bevor jemand die Daten öffnet. Sie ist eine eigene Erkundung für sich — nichts, was man stillschweigend als erledigt annimmt.
03 · Das Zugeständnis, und die Lücke
Den Checkout, und alles dahinter. Auch in einem eigenen Shop wird beides nie von Hand gebaut: Der Checkout gehört einem Anbieter, bleibt getrennt, und der Build endet an der Übergabe dorthin.
Was keine Plattform standardmäßig liefert, ist ein Shop, der für jemanden funktioniert, der keine Maus benutzt. Das ist eine Bauentscheidung, keine Tarifstufe — und in einem eigenen Shop ist es eine Entscheidung, die offen getroffen wird, statt geerbt: jedes Bedienelement per Tastatur erreichbar, der Fokus überall sichtbar, wo er landet, Mengen- und Variantenänderungen angesagt statt still angewendet, und der ganze Weg vom Produktraster bis zum Warenkorb von Hand abgelaufen.
Gebaut nach WCAG 2.1 AA als Arbeitspraxis — das beschreibt, wie gearbeitet wird, und ist kein Rechtsgutachten. Kein Siegel hier, und auch kein juristischer Anspruch. Der Test läuft in jedem Shop: Legen Sie die Maus weg, drücken Sie Tab vom ersten Produkt bis zum Warenkorb, und sehen Sie, ob Sie ankommen.
04 · Worauf ich prüfe
Gleiche Größe, gleiches Gewicht, beide Spalten. Bei einem Shop ist die rechte Spalte länger als auf jeder anderen Seite hier, weil ein Shop mehr Systeme berührt als alles andere, das hier erkundet wird.
05 · Der Einwand
In Teilen ja, und das ist der ehrliche Tausch. Auf einer gehosteten Plattform ist eine neue Zahlungsart oder Versandregel ein Schalter; in einem eigenen Shop ist sie Arbeit.
Was man dafür bekommt: Nichts am Design, am Kaufweg oder an den Kundendaten wird von einer Tarifstufe entschieden, und nichts davon ist gemietet. Domain, Hosting, Analytics, Repository und Kundenliste bleiben von der ersten Woche an in Ordnung — ein Ausstieg ist damit eine gewählte Migration, nicht eine, deren Preis sich erst auf dem Weg nach draußen zeigt. Der Shop besteht aus einfachen Dateien und dem Checkout eines Anbieters — von Anfang bis Ende lesbar, ohne dass eine Tarifstufe zwischen dem Design und seinen Möglichkeiten steht.
06 · Die Arbeiten
Unter den zehn ist kein Shop, in dem Sie etwas kaufen könnten. Am nächsten kommt ein produktgetriebener Build mit Raster, Produktkarten und einem zählenden Warenkorb — ohne Checkout dahinter, also nenne ich ihn nicht Shop. Was die drei unten zeigen, ist Katalogarbeit: wie eine Menge von Dingen angeordnet, auf der Seite bepreist und auf einen Blick lesbar gemacht wird.
Produktraster und Warenkorb · 2020. Vier Produktkarten, ein in Kleinserie limitiertes Sortiment und ein Warenkorbzähler, der der Seite folgt. Statische Dateien, kein Checkout — die Storefront-Oberfläche ohne die Transaktion.
Ein Katalog weniger, teurer Dinge · 2025. So gesetzt, dass Zurückhaltung als Souveränität lesbar wird und nicht als leere Seite. Das Gegenproblem zu tausend Artikeln im Raster — und das schwerere von beiden.
Eine bepreiste Liste, die gelesen wird · 2021. Eine Karte, gesetzt als Editorial statt als Tabelle — dasselbe Problem, das eine Produktseite hat und fast nie löst.
Die zehn Builds ansehen — alle eigeninitiiert, alle live, alle mit offenem Quellcode.
E‑Commerce
In den zehn gibt es keinen Checkout, aber das Katalogdenken — Zustände, Varianten, Zurückhaltung im Raster — läuft bereits. Die Projekte zeigen dieselbe Disziplin in der Anwendung.