Lumora Clothing: Eine Full-Stack-E-Commerce-Plattform, die über einen statischen Online-Shop hinausgeht.

Lumora Clothing ist eine Full-Stack-Plattform für Handel und Betriebsabläufe, die auf den praktischen Problemen abzielt, mit denen Bekleidungshändler konfrontiert sind – und keine weitere statische Katalogseite darstellt. Das Designziel war ein System, das Kaufvorgänge der Kunden sowie den täglichen Betrieb des Ladens unterstützt und gleichzeitig die Häufigkeit verringert, mit der das Personal für routinemäßige Änderungen einen Entwickler benötigt.

Eine Live-Veröffentlichung ist unter https://lumora-clothing.vercel.app/ verfügbar.

Wie das Shopsystem aussieht

Die öffentliche Darstellung ist ein responsives Shopsystem, das für Käufer, die nach Kleidung suchen, einfach und modern wirken soll.

Das Problem, das es löst

Kleine Bekleidungsgeschäfte sind oft noch auf Ingenieure angewiesen, um alltägliche Aufgaben zu erledigen: Produkte anzupassen, Preise zu ändern, Fotos hochzuladen und Bestandszahlen zu korrigieren. Käufer in einigen Märkten bevorzugen vertraute lokale Zahlungsmethoden wie Banküberweisungen und Einzahlungsbelege. Universitätsclubs und Unternehmen benötigen möglicherweise auch maßgeschneiderte Großbestellungen anstelle eines Einzelartikel-Verkaufsprozesses.

Lumora wurde anhand dieser betrieblichen Realitäten entwickelt, anstatt ein generisches globales Bestellformular zu kopieren.

Wie die Plattform darauf reagiert

Das Produkt verbindet eine Kunden-Oberfläche mit einem Admin-System, sodass das Unternehmen die täglichen Aufgaben selbst erledigen kann.

Selbstbedienungskontrollpanel für das Admin-System

Die Betreiber verwalten Produkte, Bilder, Kategorien, Größen, Preise und Lagerbestände über das Dashboard, ohne den Anwendungscode ändern zu müssen. Bilder können im Browser über die FileReader API ausgewählt, sofort vorgesehen und über einen Base64-Prozess abgewickelt werden, sodass nicht-technisches Personal das Katalogmanagement übernehmen kann.

Kassenabwicklung per Beleg

Anstelle ausschließlich auf Karten-Gateways angewiesen zu sein, können Kunden beim Bezahlen einen Banküberweisungs- oder Einzahlungsbeleg hochladen. Der Auftrag wechselt anschließend in den Zustand „Beleg überprüfen“, damit das Personal die Zahlung bestätigen kann, bevor mit der Lieferung fortgefahren wird.

Automatisierte Bestellbenachrichtigungen

Wenn das Personal den Status eines Auftrags ändert, kann der Backend über die Resend API den Kunden benachrichtigen, wodurch wiederholende manuelle Nachrichten vermieden und die Käufer auf dem Laufenden gehalten werden.

B2B-Massenverarbeitungsweg

Großhandelskäufer benötigen einen anderen Ablauf als Einzelhändekunden. Lumora bietet einen Weg für Großbestellanfragen, bei dem Menge, Stoffart und weitere Anforderungen erfasst werden, anschließend in eine strukturierte WhatsApp-Nachricht umgewandelt wird, sodass das Unternehmen das Gespräch über einen bereits genutzten Kanal fortsetzen kann.

Technische Architektur

Die Architektur basiert auf einem entkoppelten Full-Stack-Ansatz.

Frontend

• React 18 UI
• TypeScript-Typen
• Tailwind-Styling
• Axios-HTTP-Client
• Lucide-Icon-Set

Server

• Node.js-Laufzeitumgebung
• Express-HTTP-Framework
• ressourcenorientierte REST-Endpunkte
• mit JWT signierte Sitzungen
• Rollenprüfungen zur Steuerung von Admin- und Käuferaktionen

Datenbank

• Auf MongoDB Atlas gehosteter Cluster
• Mongoose-Dokumentmodellierung

Integrationen

• Erneutes Versenden für Transaktions-E-Mails
• Deep Links zum Chat über WhatsApp
• Browser FileReader für lokale Vorschauen

Einsatz

• Vercel hostet die SPA
• Railway hostet die API

Der Client kommuniziert über REST mit dem Server. Der Server ist für die Authentifizierung, Geschäftsregeln, Persistenz sowie externe Integrationen verantwortlich.

Technische Highlights

1. Geringere Abhängigkeit von Entwicklern

Eines der zentralen Ziele war die betriebliche Unabhängigkeit. Änderungen im Katalog und an den Beständen erfolgen über das Dashboard, ohne dass für jede Änderung Code neu bereitgestellt werden muss.

2> Anpassung an lokale Einkaufsgewohnheiten

Das Zahlungsdesign orientiert sich an Banküberweisungen und Einzahlungsnachweisen, die bei den Zielnutzern üblich sind. Gruppenkommunikationen finden weiterhin über WhatsApp statt. Die Leitidee: Software sollte sich den Menschen anpassen, nicht die Menschen der Software.

3. Einzelhandel und Großhandel in einem Produkt

Individuelle Käufe und organisatorische Großbestellungen können nebeneinander existieren, ohne dass beide Gruppen denselben Bestellprozess durchlaufen müssen.

4. Automatisierung wiederkehrender Statusarbeiten

Basisierende Benachrichtigungen reduzieren manuelles Nachfassen und sorgen für konsistentere Kundenkommunikation.

Weitere Erkenntnisse

Die zentrale Lehre ist, dass ein echtes Produkt nicht nur eine moderne Technologieauswahl darstellt – es geht vielmehr darum, den Geschäftsablauf zu verstehen, den die Software unterstützen muss. Drei Prinzipien prägen Lumora:

Ausrichtung auf betriebliche Unabhängigkeit. Routinetätigkeiten sollten nicht auf Ingenieure warten müssen.

Entwurf unter Berücksichtigung des tatsächlichen Verhaltens. Technologische Entscheidungen sollten dem bereits vorhandenen Zahlungs- und Kommunikationsverhalten der Nutzer entsprechen.

Automatisieren Sie dort, wo es hilft. Wiederkehrende Betriebsabläufe sollten in das System übertragen werden, wenn die Automatisierung den Prozess schneller und zuverlässiger macht.

Fazit

Lumora entstand aus der Idee des E-Commerce und entwickelte sich zu einer Plattform für Full-Stack-Engineering, Prozessdesign, Automatisierung und nutzerzentrierte Architektur. Das Ziel war niemals nur eine Seite, auf der Menschen Kleidung kaufen können. Es sollte eine Plattform sein, bei der Kunden reibungslos einkaufen können, Administratoren die Katalogdaten eigenständig verwalten, Bestellungen einem strukturierten Workflow folgen, Käufer automatische Updates erhalten und das Unternehmen sowohl Einzel- als auch Großbestellungen abwickeln kann. Genau diese Kombination macht Lumora zu einer Full-Stack-Handelsplattform, die auf betrieblichen Anforderungen basiert und nicht nur eine einfache Verkaufsoberfläche darstellt.

Die Unabhängigkeit vom Katalog verändert auch den Veröffentlichungsrhythmus. Wenn Preise und Fotos nicht mehr auf einen Sprint warten müssen, kann die Entwicklungszeit der Qualität des Arbeitsablaufs gewidmet werden: klarere Überprüfung von Verzögerungen, sicherere JWT-Rollen sowie eine bessere Erfassung von Massenanfragen. Dieser Wandel – von Inhaltserweiterungen in Pull-Requests zu Produktentwicklung auf der Plattform – ist ein Teil dessen, was „Full-Stack-Commerce“ in der Praxis für ein Bekleidungsgeschäft bedeutet.