Bloem – Circular Fashion Community

Bloem macht Second-Hand-Mode lokal, einfach und greifbar. Die Plattform verbindet nachhaltigen Konsum mit lokalen Cafés als physische Abgabeorte, unterstützt durch ein innovatives QR-Rapid-Tagging-System.

Text

Ausgangslage

Der Verkauf von Second-Hand-Kleidung ist online oft mit hohem Aufwand verbunden: Artikel müssen fotografiert, beschrieben, verpackt und zur Post gebracht werden. Gleichzeitig suchen lokale Cafés nach Möglichkeiten, ihre Räumlichkeiten innovativ zu nutzen und mehr Laufkundschaft anzuziehen. Es fehlte eine digitale Lösung, die den lokalen Handel stärkt, den CO₂-Fussabdruck durch wegfallende Postwege reduziert und den Weiterverkauf von Kleidung in den lokalen Alltag integriert.

Zielsetzung

Ziel des Projekts war die Entwicklung einer intuitiven Single-Page-Application (SPA), die diesen Prozess digitalisiert und vereinfacht. Kernstück der Lösung ist ein "Rapid-Tagging"-System: Verkäufer geben ihre Kleidung in teilnehmenden Partner-Cafés ab und verknüpfen sie über einen in die Web-App integrierten Kamera-Scanner in Sekundenschnelle mit fortlaufend nummerierten QR-Code-Etiketten. Nutzer sollen auf einer interaktiven Karte Standorte in ihrer Nähe finden, die Kapazitäten der Kleiderständer live einsehen und Artikel über eine integrierte Zahlungsplattform sicher kaufen und verkaufen können.

Digitale Garderobe

FHNW

Übersichtliche und intuitive Verwaltung: Nutzer behalten ihre inserierten, gekauften und verkauften Artikel stets im Blick und können neue Kleidungsstücke nahtlos hochladen.

Lokale Vernetzung

FHNW

Eine integrierte, interaktive Karte nutzt die Geolokalisierung des Users, um teilnehmende Partner-Cafés inklusive aktueller Auslastung der Kleiderständer in Echtzeit anzuzeigen.

Admin-Dashboard

FHNW

Ein geschützter Administrator-Bereich ermöglicht die zentrale Verwaltung aller teilnehmenden Partner-Cafés. Zusätzlich bietet ein integrierter Generator die Möglichkeit, fortlaufend nummerierte QR-Code-Etiketten als PDF zu exportieren – die perfekte Brücke zwischen physischem Abgabeort und digitaler Datenbank.

Ergebnisse

Die entwickelte Webapplikation bietet eine vollständige "End-to-End"-Lösung für die Circular Fashion Community:

  • Voll funktionsfähige Single-Page-Application: Entwickelt mit Next.js, React und Tailwind CSS für eine responsive und performante User Experience.
  • Sichere Zahlungsabwicklung: Nahtlose Integration von Stripe Connect für sichere C2C-Zahlungen (Consumer-to-Consumer) und automatisierte Verkäufer-Onboardings (Verifizierung).
  • Rapid-Tagging: Ein massgeschneiderter, clientseitiger QR-Code-Scanner (jsQR), der direkt im Browser läuft und Artikel physisch mit der Datenbank verknüpft.
  • Echtzeit-Backend: Sichere Datenhaltung, User-Authentifizierung und Bild-Speicherung via Supabase (PostgreSQL).
  • Smartes Mapping: Eine interaktive Kartenansicht (React-Leaflet) mit GPS-Standortermittlung, Umkreis-Berechnung (Haversine-Formel) und Live-Kapazitätsprüfungen der Cafés.
  • Gamification & Impact: Ein automatisches Tracking-System belohnt nachhaltiges Handeln mit CO₂-Punkten, die greifbar in "gepflanzte Bäume" oder "eingesparte Autokilometer" umgerechnet werden.
Testimonial
«Thank you Emirhan and Emil! It was a genuine pleasure working with you both throughout this project. We really enjoyed our sessions and the way you engaged with different possibilities for the digital wardrobe and QR-based buying flow, always open to discussing ideas and thinking things through together. The result reflects that collaborative process: intuitive, well thought-out, and something bloem can genuinely build on. »
Sophia and Yuqing, Bloem

Technische Schlüsselbegriffe

  • Frontend Next.js, React, Tailwind CSS
  • Backend & DB Supabase (PostgreSQL, Auth, Storage)
  • Payment Stripe Connect API
  • Mapping React-Leaflet, Nominatim API
  • Scanning jsQR

Kund:in

Logos

bloem
Sophia Haas
www.letsbloem.com

Team

Emil Sezairi
Emirhan Karaca

Betreuer
Nitish Patkar

Norbert Seyff