Marketplae - Fallstudie

6 Zahlungsmethoden vereint

5 Seitenbereiche ausgeliefert

100/100 Best Practices

Startseite des Marktplatzes Marketplae für digitale Produkte mit Kategorieraster, hervorgehobenen Produkten und hellem sowie dunklem Theme-System

Marketplae ist ein Marktplatz für digitale Produkte, der für die Creator Economy entwickelt wurde: Vorlagen, Code, Design-Assets, E-Books und Downloads, die unabhängige Macher an ein globales Publikum verkaufen. ClarroxWeb hat einen Marktplatz mit fünf Seiten umgesetzt, mit hellem und dunklem Theme, einem Checkout mit sechs Zahlungsmethoden, der Wallets aus Bangladesch und globale Karten in einem Ablauf abwickelt, und einer Content-Architektur, die vom Start bis zum vollständigen Katalog skaliert.

Herausforderung

Die meisten Marktplätze sind auf eine Region oder einen Käufertyp optimiert. Marketplae musste vom ersten Tag an auf beiden Feldern überzeugen.

Zwei Zahlungswelten in einem Checkout. bKash, Nagad und Rocket dominieren den Konsumentenzahlungsverkehr in Bangladesch. Stripe und PayPal beherrschen das internationale Geschäft. SSLCommerz bündelt Karten aus Bangladesch mit globalen Karten. Ein ernstzunehmender Marktplatz, der beide Zielgruppen bedient, kann lokale Zahlungsmethoden nicht als nachträgliche Ergänzung anflanschen und internationale Karten nicht hinter einem regionalen Ablauf verstecken. Der Checkout musste sich für eine Käuferin in Dhaka vertraut anfühlen und für einen Käufer in London oder Toronto im selben Modal glaubwürdig wirken.
Fünf Seitenbereiche, ein einheitliches Produktgefühl. Startseite, Produktkatalog, Redaktionsbereich Neueste Artikel, Affiliate-Programm und Über uns. Jeder Bereich erfüllt eine andere Aufgabe: Entdeckung, Stöbern und Kaufen, Content-Marketing, Partnergewinnung, Markenvertrauen. Fünf unterschiedliche Inhaltsformate in einer einheitlichen Designsprache zu vereinen ist schwieriger, als eine einzige schöne Landingpage zu gestalten.
Auf Wachstum ausgelegt. Der Gründer wollte einen Marktplatz, der schnell startet und dann auf Tausende von Produkten und Autoren skaliert, ohne neu aufgebaut werden zu müssen. Das erforderte frühe architektonische Entscheidungen, noch bevor echte Produktdaten vorlagen, die später nicht zu technischen Schulden werden würden.

Vorgehen

Wir haben Marketplae auf React 19 mit TypeScript auf Vite aufgebaut. Jedes interaktive Element ist komponentenbasiert, sodass dieselbe Product Card, Author Card, Category Card und das Rating-Primitive auf allen fünf Seiten wiederverwendet werden. Die Inhalte liegen in typisierten Datenschichten (Produkte, Autoren, Artikel, Kategorien, Bewertungen, Features, Marke), wodurch das spätere Anbinden eines echten CMS oder einer API eine Konfigurationsänderung ist und kein Redesign.

Das visuelle System basiert auf Tailwind v4 mit einem eigenen @theme-Block, der die Design-Tokens definiert. Heller und dunkler Modus werden über CSS-Variablen gesteuert und von einem Theme-Provider über Sitzungen hinweg gespeichert, sodass die Wahl des Käufers bei jedem erneuten Besuch erhalten bleibt. Motion (Framer Motion v12) übernimmt Scroll-Effekte, Hover-Reaktionen und kleine Seitenübergänge, die den Marktplatz lebendig statt statisch wirken lassen. Swiper steuert das Bewertungs-Karussell. Lucide liefert einen einheitlichen Icon-Satz für alle fünf Bereiche.

Der Checkout war der eigenwilligste Teil der Umsetzung. Jede Produktkarte öffnet einen einheitlichen Checkout-Ablauf, der sechs Zahlungsmethoden an einer Stelle zeigt: bKash, Nagad, Rocket und SSLCommerz für Käufer aus Bangladesch, Stripe und PayPal für internationale Käufer. SSLCommerz fungiert als lokaler Aggregator (eine Integration deckt bKash, Nagad, Rocket, alle gängigen Karten aus Bangladesch, Online-Banking und globale Karten ab), Stripe läuft parallel für internationale Wallets und PayPal dient als Fallback. Der Ablauf ist ein einziges Modal und kein Regionswechsel, sodass ein Käufer nie raten muss, auf welcher Version der Website er sich befindet.

Die Seitenarchitektur wurde sowohl auf den Startkatalog als auch auf die spätere Skalierung abgestimmt. Die Routen sind flach und vorhersehbar, die Datenschicht ist normalisiert, sodass ein einzelner Produkt- oder Autorendatensatz überall gleich dargestellt wird, und die Artikel- und Kategoriebereiche sind content-getrieben, sodass das Redaktionsteam des Gründers ohne Beteiligung der Entwicklung veröffentlichen kann.

Ergebnisse

Fünf vollständig gestaltete Seitenbereiche (Startseite, Produkt, Neueste Artikel, Affiliate-Programm, Über uns), die ein einheitliches Designsystem und eine gemeinsame Komponentenbibliothek nutzen.
Einheitlicher Checkout mit sechs Zahlungsmethoden, darunter bKash, Nagad, Rocket, SSLCommerz, Stripe und PayPal, wobei SSLCommerz und Stripe als Produktiv-Stack empfohlen werden, der sowohl Käufer aus Bangladesch als auch internationale Käufer abdeckt.
Helles und dunkles Theme-System mit einem Umschalter im Header, CSS-Variablen-Tokens und über Sitzungen hinweg gespeicherter Einstellung.
Katalogfertige Architektur mit typisierten Datenschichten und wiederverwendbaren Kartenkomponenten, bereit, von einem Startsortiment zu einem vollständigen Creator-Marktplatz zu skalieren, ohne neu aufgebaut zu werden.
Schnelles, ausgefeiltes Erlebnis mit optimierten Assets, flüssigen Scroll-Animationen und responsiven Layouts, die vom 320px-Smartphone bis zum 4K-Desktop überzeugen.
Live-Walkthrough-Video, damit potenzielle Partner, Affiliates und Plattform-Investoren den Marktplatz von Anfang bis Ende in Aktion sehen können, bevor sie ihn überhaupt besuchen.