Portfolio

Demo

SnackBox

Eine responsive Web-App, um Konsum zu erfassen, den Bestand zu kontrollieren und die Abrechnung einer Snackkasse im Büro abzuschliessen.

Art
Technische Demo · responsive Web-App
Stand
Öffentliche Demo mit erfundenen Daten
Technik
HTML, CSS und JavaScript; GitHub Pages
Sprache
Portugiesisch
Monatsübersicht der SnackBox: Total des Monats, Konsum pro Person, Hinweis auf knappen Bestand und eine detaillierte Liste der Einträge. (öffnet in neuem Fenster)
Monatsübersicht der SnackBox: Total des Monats, Konsum pro Person, Hinweis auf knappen Bestand und eine detaillierte Liste der Einträge. Tippen Sie auf das Bild, um es in voller Grösse zu sehen.
Erfassung auf dem Handy: Nach der Wahl des Namens tippt die Person auf das Produkt, das sie genommen hat. (öffnet in neuem Fenster)
Erfassung auf dem Handy: Nach der Wahl des Namens tippt die Person auf das Produkt, das sie genommen hat. Tippen Sie auf das Bild, um es in voller Grösse zu sehen.

Die Ausgangslage

Die SnackBox ist für einen häufigen Fall gedacht: eine Kasse mit Snacks und Getränken im Büro, bezahlt auf Vertrauensbasis. Ohne Werkzeug muss jemand den Konsum notieren, am Monatsende abrechnen und rechtzeitig merken, was nachgekauft werden muss.

Was umgesetzt wurde

  • Erfassung mit zwei Fingertipps: Name und Produkt wählen, auf dem Handy oder einem Tablet neben der Kasse.
  • Bestand pro Produkt, mit Hinweis, wenn etwas knapp wird.
  • Monatsübersicht pro Person, mit Export als CSV.
  • Kasse, Zahlungen und Einkaufsliste in einem Verwaltungsbereich mit PIN.

Entscheidungen, die den Unterschied machten.

Keine Konten für die Nutzer.

Wer einen Snack nimmt, wählt nur seinen Namen. Die Verwaltung liegt hinter einer PIN.

Zuerst für den kleinen Bildschirm.

Erfasst wird im Stehen neben der Kasse, deshalb ist das Handy der wichtigste Bildschirm.

Demo getrennt vom Original.

Die öffentliche Version ist vom System getrennt, in dem die Idee entstand, und nutzt nur erfundene Daten.

Daten und Datenschutz

Die Demo nutzt nur erfundene Daten, die im Browser gespeichert werden. In einer Version für eine Firma liegen die Einträge in einem sicheren Backend, mit Zugriff nur für die Personen, die die Kasse verwalten, und werden so behandelt, wie es das Schweizer Datenschutzgesetz (DSG) und, wo anwendbar, die DSGVO verlangen.

Projekt ansehen

Demo öffnen (öffnet in neuem Fenster)

Auf Portugiesisch. Im Verwaltungsbereich lautet die Demo-PIN 1234.

Möchten Sie etwas Ähnliches für Ihr Geschäft?

Erzählen Sie mir, was Sie heute nutzen und was Sie vereinfachen möchten. Ich sage Ihnen, was sinnvoll wäre und was wegfallen würde.