FoodyStamp: von der Stempelkarte zum Loyalty-System

Papier-Stempelkarten sind einfach, aber sie haben klare Grenzen. Sie gehen verloren, gelten meist nur für eine einzelne Aktion und zeigen einem Geschäft nicht, wie sein Treueprogramm tatsächlich genutzt wird.

FoodyStamp überträgt dieses Prinzip in eine gemeinsame Loyalty-Plattform für lokale Geschäfte und ihre Gäste. Die digitale Stempelkarte bleibt verständlich, wird aber mit QR-Scans, Rewards, Kampagnen und einem eigenen Partnerbereich verbunden.

Link:

• FoodyStamp öffnen

Zwei Perspektiven in einer App

FoodyStamp besitzt getrennte Oberflächen für Kunden und Partner.

Gäste können teilnehmende Geschäfte entdecken, ihre vorhandenen Stempelkarten öffnen, einen QR-Code scannen und den Fortschritt bis zur nächsten Belohnung verfolgen. Detailseiten verbinden die Karte mit dem jeweiligen Geschäft und dem konkreten Loyalty-Angebot.

Partner erhalten dagegen ein Dashboard für den Betrieb. Dort verwalten sie Geschäfte und Kampagnen, erzeugen QR-Codes, prüfen Kennzahlen und lösen Rewards ein. Die Navigation und die verfügbaren Aktionen werden anhand der Rolle getrennt.

Damit ist FoodyStamp nicht nur eine digitale Karte auf einem Handy, sondern ein System mit einer Kundenseite und einer Verwaltungsseite.

Der Ablauf für Gäste

Der wichtigste Flow soll so kurz wie möglich bleiben:

1. Ein Geschäft oder eine passende Stempelkarte entdecken.
2. Beim Besuch den QR-Code scannen.
3. Den aktualisierten Fortschritt in „Meine Karten“ sehen.
4. Eine erreichte Belohnung beim Partner einlösen.

Die native App nutzt dafür die Gerätekamera. Push-Benachrichtigungen können Gäste über relevante Ereignisse informieren. Häufig benötigte Daten werden lokal persistiert, damit die Oberfläche auch bei einer schwankenden Verbindung schnell und stabil bleibt.

Kampagnen statt fest eingebauter Karte

Partner verwalten in FoodyStamp nicht nur ein statisches Stempelschema. Die App besitzt eigene Bereiche für Kampagnenlisten, Kampagnenerstellung und kampagnenspezifische QR-Codes.

So lässt sich die Loyalty-Logik vom Geschäft trennen: Ein Unternehmen kann sein Profil verwalten und gleichzeitig unterschiedliche Aktionen oder Stempelkarten betreiben. Geschäfts-QR-Codes und Kampagnen-QR-Codes sind als getrennte Abläufe vorgesehen.

Über einen Quick-Access-Bereich bleiben häufig verwendete Partnerfunktionen schnell erreichbar.

Rewards kontrolliert einlösen

Ein Reward muss nicht nur schön dargestellt, sondern auch zuverlässig eingelöst werden. Dafür besitzt die Partneroberfläche einen eigenen Redeem-Flow. Der Betrieb prüft und bestätigt die Einlösung, statt sich allein auf eine Anzeige auf dem Kundengerät zu verlassen.

Diese Trennung ist wichtig, weil das Erreichen einer Belohnung und ihre tatsächliche Ausgabe zwei unterschiedliche Zustände sind.

Dashboard und Analytics

Papierkarten können nicht beantworten, wie häufig ein Programm verwendet wird. FoodyStamp stellt Partnern deshalb ein Dashboard und eine eigene Analytics-Ansicht bereit.

Damit entsteht eine technische Grundlage, um Kampagnen nicht nur anzubieten, sondern ihre Nutzung zu verstehen. Die Verwaltungsoberfläche verbindet Geschäftsdaten, laufende Stempelkarten, QR-Zugänge und Einlösungen an einem Ort.

Native App und Webplattform

Die mobile Anwendung ist mit Expo und React Native gebaut und läuft als gemeinsame Codebasis auf Android und iOS. React Navigation trennt Authentifizierung, Kundenbereiche und Partnerbereiche. TanStack Query übernimmt das Laden und Cachen von Serverdaten; der Cache kann lokal gespeichert werden.

Für die öffentliche Produktdarstellung existiert zusätzlich eine Next.js-Webplattform. Sie ist mehrsprachig aufgebaut und bietet regionale Landingpages für lokale Geschäfte. Die Website und die App erfüllen damit unterschiedliche Aufgaben: Die Website erklärt und erschließt das Angebot, die App führt die Loyalty-Abläufe aus.

Technische Trennung der Verantwortlichkeiten

FoodyStamp kombiniert mehrere Bausteine:

• eine native Kunden- und Partner-App
• rollenbasierte Navigation
• Kamera- und QR-Funktionen
• Kampagnen- und Reward-Verwaltung
• lokal persistierte Serverdaten
• Push-Benachrichtigungen
• eine mehrsprachige Next.js-Webplattform
• getrennte Backend-Clients für Web und App

Diese Aufteilung macht das Projekt deutlich größer als eine digitale Darstellung von zehn leeren Kreisen. Jeder Scan verändert einen gemeinsamen Zustand, der für Gast und Partner nachvollziehbar bleiben muss.

Das Ziel

FoodyStamp soll lokale Kundenbindung so einfach wie eine Papierkarte wirken lassen, ohne deren Einschränkungen zu übernehmen. Gäste bekommen einen klaren Fortschritt und behalten ihre Karten an einem Ort. Geschäfte erhalten Werkzeuge, um Programme einzurichten, QR-Zugänge bereitzustellen, Rewards einzulösen und die Nutzung zu betrachten.

Die eigentliche Leistung liegt im Zusammenspiel dieser Teile: Entdecken, scannen, sammeln, belohnen und verwalten – in einem konsistenten Loyalty-System.