<- Back to projects Case Study — Wohnraum-Retter
Dein Pfand-Assistent

Wohnraum-Retter

HaaS-System: smarter Kompaktor + App + lokaler Getränkemarkt. Ein End-to-End UX/UI-Projekt von Problemdiagnose bis Hi-Fi-Prototyp — inklusive 3D-Konzeption und responsivem Front-End.

RolleUX/UI Design, Hardware Design, Research, 3D & Motion, Front-End ToolsFigma, Cinema 4D, Adobe Premiere Pro, Claude, Gemini TypHaaS-Produkt (Hardware + HMI + App)
Ganzen Film ansehen · 55 s

TL;DR

Problem

448 LPfandgut pro Monat im 4-Personen-Haushalt

31 %der Deutschen verlieren oder vergessen regelmäßig Pfandbons

Fünf Schmerzpunkte im Alltag

Platzmangel, Transport, Hygiene, Ausfall, Pfandbon

Zur Discovery ↓
Lösung

Kein einzelnes Gerät, sondern ein Rundum-Service im Monatsabo: Der smarte Kompaktor verpresst 448 auf rund 32 Liter und schreibt das Pfand digital gut. Der lokale Getränkemarkt liefert, holt auf Klick ab und übernimmt die Wartung des Geräts.

Das Gerät

  • Scan & Einwurf
  • Verpressung
  • Digitale Gutschrift

Der Service

  1. Ein Finger tippt auf den Bestell-Button am HMI des Geräts1
    BestellungNachbestellung am HMI
  2. Ein Kurier bringt Getränkekisten zur Haustür2
    Lieferungdurch den lokalen Getränkemarkt
  3. Ein Kurier nimmt den vollen Behälter aus der Geräteschublade3
    AbholungBehälter-Tausch durch den Kurier
  4. Ein Techniker wechselt den Aktivkohlefilter im geöffneten Gerät4
    WartungService und Filter im Abo
Zum System ↓
So funktioniert das System: Ablauf in sechs Schritten und Partnerwahl
Überblick

So funktioniert das System

Ein smartes IoT-Ökosystem für das moderne Haushalts-Pfandmanagement und die digitale Getränkelogistik. Der Kunde kauft das Gerät nicht, sondern nutzt es in einem flexiblen Monatsabo (Hardware-as-a-Service).

  1. Einwurf & Erkennung

    Der Barcode-Scan erkennt jede Flasche und jede Dose.

  2. Volumen-Verpressung

    Aus 448 Litern Pfandgut im Monat werden rund 32 Liter (4-Personen-Haushalt).

  3. Digitale Gutschrift

    Der Pfandwert landet als Guthaben in der App, ohne Papierbon.

  4. Smart-Pickup

    Die Abholung ist mit einem Klick gebucht.

  5. Integrierter Getränkelieferservice

    Beim Tausch kommen neue Getränke vom lokalen Getränkemarkt.

  6. All-Inclusive-Wartung & Konservierung

    Service und Pflege des Geräts sind im Abo enthalten.

Strategische Partnerwahl (Konzept)

  • Vertrauen aufbauen: Als konzeptionellen Partner habe ich den BENZ Wein- und Getränkemarkt gewählt. Ein Kurier öffnet das Gerät beim Kunden zu Hause, und einen Vertrag schließt man leichter mit einem Anbieter, den man kennt. Eine vertraute, regionale Marke senkt die Einstiegshürde deutlich stärker als ein Discounter.
  • MVP vs. Rollout: Ein echter Rollout bräuchte einen großen Handelspartner mit eigener Flotte und bundesweiter Abdeckung, etwa REWE. Als erster Schritt ist ein MVP mit einem lokalen Partner der sinnvollste Weg.
  • Hinweis: Das Angebot im Prototyp ist rein fiktiv, es besteht keine Verbindung zu BENZ.
00 — Discovery

Alltag im Pfand-System

Bevor eine einzige Skizze entstand, ging es um eine Frage: Wo genau tut das aktuelle Pfand-System weh — und wem am meisten? Fünf Schmerzpunkte, destilliert aus Recherche und fünf Kontextinterviews.

Mit KI recherchiert: Die statistischen Grundlagen für diese Phase habe ich mit Claude zusammengetragen.

Pfand in Zahlen: Statistik, Pro-Kopf-Konsum und Volumenrechnung

Pfand in Zahlen

Das Pfandsystem funktioniert: Fast jede Flasche kommt zurück. Weh tut es dort, wo Menschen es täglich nutzen: zu Hause, unterwegs, an der Kasse.

Kennzahlen zum deutschen Pfandsystem mit Quellen
KennzahlWertQuelle
Rücklaufquote PET-Einweg97,8 %UBA / DUH 2023
Pfandpflichtige Verpackungen~70 % aller GetränkeUBA 2023
Jährlich zurückgegebene Flaschen~45 Mrd. StückStatista 2023
Jährlicher Pfandverlust (Bons)~500 Mio. €DUH / Handelsblatt 2022
Regelmäßig verlorene/vergessene Bons31 % der DeutschenStatista 2023
Illustration: Eine Frau im Business-Anzug steht in einer Küche, über ihr türmt sich eine Wand aus Pfandflaschen und Dosen bis zur Decke.

Konsum pro Kopf

Pro Person wirkt das wenig. Im Haushalt multipliziert es sich.

  • ~250 LSoftdrinks und Mineralwasser pro Kopf und JahrWAFG 2023
  • ~15Flaschen pro Person und MonatEigene Schätzung
  • ~60Flaschen pro Monat in einer Familie mit 2 Kindern, allein durch SoftdrinksHochrechnung: 4 × ~15
  • 65 %der Deutschen trinken regelmäßig Wasser aus FlaschenStatista Global Consumer Survey
Illustration: zwei volle Badewannen und eine halb volle Badewanne mit Pfandflaschen und Dosen, daneben steht eine Frau im Anzug mit verschränkten Armen.
Ein 4-Personen-Haushalt sammelt rund 2,5 Badewannen voll Pfandflaschen pro Monat (≈ 448 L unverpresst).

Je nach Haushalt kommen pro Monat 168 bis 448 Liter Pfandflaschen zusammen. Verpresst bleiben davon 12 bis 32 Liter.

Pfandvolumen pro Monat nach Haushaltstyp, unverpresst und verpresst
HaushaltFlaschen/MonatVolumen unverpresstVolumen verpresst
Single-Haushalt~40–60~168 L~12 L
3er-WG~90–120~336 L~24 L
Familie (4 Pers.)~120–160~448 L~32 L

Annahmen: 1,5-L-PET-Flasche ≈ 2,8 L Stauraum, Stadtwohnung mit 75–85 m².

Illustration: Ein Mann im Anzug steht mit verschränkten Armen in einem Flur, der von Säcken voller Pfandflaschen und Dosen zugestellt ist.
01

Platzmangel

  • 2,8 L Stauraum pro unverpresster 1,5L PET-Flasche
  • 448 L = 2,5 Badewannen voll Pfandflaschen/Monat (4-Pers.-Haushalt)

Pfandflaschen konkurrieren direkt mit begrenztem Wohnraum in Stadtwohnungen.

Illustration: Ein Mann im langen Mantel läuft vornübergebeugt durch die Stadt und schleppt einen schweren Sack voller Dosen und Flaschen.
02

Transport & Schlepperei

  • 40–160 Flaschen/Monat je nach Haushaltstyp
  • Familie (4 Pers.): ~448 L unverpresst

Besonders belastend für Familien, WGs und Personen ohne Auto.

Illustration: Ein Mann mit verschränkten Armen blickt skeptisch auf einen Sack voller Pfandflaschen, aus dem Geruch aufsteigt; Fruchtfliegen schwirren darüber, unten tropft es.
03

Hygiene

  • Keimbelastung auf Automaten-Oberflächen vergleichbar mit öffentlichen Toiletten
  • Quelle: Stiftung Warentest, 2022

Klebrige Reste & Fruchtfliegen als tägliches Ärgernis im Haushalt.

Illustration: Ein enttäuschter Mann im Anzug hält eine leere Plastikflasche vor einem Pfandautomaten mit der Anzeige „Out of Service“; im Hintergrund schiebt eine Frau einen Einkaufswagen.
04

Warteschlangen & Ausfälle

  • Ø 8–12 Min. pro Pfand-Rückgabevorgang (EHI Retail Institut, 2022)
  • Häufige Ursachen: „Annahme verweigert“, Drucker leer, Maschine voll

Verlorene Lebenszeit durch unzuverlässige Hardware im Supermarkt.

Illustration: Eine Hand hält einen zerknitterten Pfandbon mit der Aufschrift „€0,00“ und „Gesamtwert: € abgelaufen“; darunter ein Smartphone mit Recycling-Symbol.
05

Papierbon & Verfall

  • 31 % der Deutschen verlieren oder vergessen regelmäßig Pfandbons (Statista 2023)
  • 8 € Pfandbon in der Hektik verloren (Interview Sarah)
  • „Ein System, das im Jahr 2026 einen Papierbon generiert, ist einfach schlecht designt.“ — Lukas M.

Der Pfandwert hängt an einem Stück Papier: Ist der Bon weg oder abgelaufen, ist auch das Geld weg.

Zielgruppe & Personas

Wer vom Wohnraum-Retter am meisten profitiert

Gemeinsamer Nenner: Mental Load durch ungelöste Alltagslogistik.

Zielgruppe

Illustration: Drei Menschen gehen in einer Großstadt zwischen Hochhäusern über einen Zebrastreifen.

Urbane Großstadtbewohner

Illustration: Eine Frau steht in einer Küche mit Blick auf die Skyline und hält eine Weinflasche; auf der Arbeitsplatte stehen Trinkflaschen und Dosen.

Hohes Pfandaufkommen

Illustration: Eine Frau sitzt in einem Sessel und bedient ein Tablet mit Smart-Home-Symbolen; im Hintergrund steht ein Smart Speaker.

Digital-Native & Smart-Home-affin

Illustration: Eine Frau steht in einem hellen, stilvoll eingerichteten Wohnzimmer vor einer großen Fensterfront mit Blick auf die Stadt.

Ästhetisch & raumsensibel

Illustration: Eine Frau mit Aktentasche geht zügig durch die Stadt und schaut dabei auf ihre Armbanduhr.

Zeiteffizient & aktiv

Illustration: Eine Frau zeigt in einem Büro auf ein Tablet, auf dem ein Diagramm und „$5000 Growth“ zu sehen sind.

Wirtschaftlich bewusst

Personas

Manager / Organisator (ESTJ) – Adaptiv-pragmatische Mitte

Sarah K.

„Ich habe keine Zeit für Chaos – mein Haushalt funktioniert nach System, und Pfand-Verluste sind ein Problem, das ich ein für alle Mal lösen will.“
Alter
34 Jahre
Familienstand
Verheiratet, 2 Kinder
Wohnort
Randgebiet einer Großstadt
Beruf
Projektkoordinatorin (30 h/Woche)
Nettoeinkommen Haushalt
3.800–4.500 €
Tech-Affinität
Mittel-hoch
Wünsche & Ziele

Pfand-Chaos ohne mentalen Aufwand dauerhaft lösen, Küche hygienisch sauber halten

Bedürfnisse

Max. 3 Min. pro Session, kein Schleppen, präzise Zeitfenster, UVC-Sterilisation für die Kinder

Barrieren

Abholzeiten passen nicht zum Familienrhythmus, „Noch eine App“, Service-Gebühr als „unnötige Ausgabe“

No-Go

Registrierung >3 Min., unklare Hygiene-Nachweise, unzuverlässige Abholzeiten, Push-Nachrichten 9–17 Uhr

Architekt / Logiker (INTJ) – Early Adopter, technologieaffin, datengetrieben

Lukas M.

„Ich automatisiere alles, was meine Zeit stiehlt – Pfand-Management ist ein Bug im System, den ich fixen werde.“
Alter
28–35 Jahre
Familienstand
Verheiratet
Wohnort
Urbanes Zentrum, DACH-Raum, 2-Zimmer-Mietwohnung
Beruf
Software-Entwickler / IT-Consultant (Vollzeit)
Nettoeinkommen Haushalt
6.200 €
Tech-Affinität
Sehr hoch
Wünsche & Ziele

Vollständige Automatisierung, Echtzeit-Gutschrift direkt aufs Konto, Smart-Home-Integration

Bedürfnisse

Zeitersparnis (nie wieder Pfandautomat), Platzoptimierung (Volumenreduktion um mindestens 80 %)

Barrieren

Datenskepsis (Barcode-Scanning), hohe Switching-Kosten (Einrichtungsaufwand)

No-Go

Jegliche Weitergabe persönlicher Verbrauchsdaten an Dritte bzw. versteckte Kosten

Entdecker / Innovator (ENTP) – Experimentalisten & digitale Avantgarde

Jonas M.

„In unserer WG gibt es ständig Streit darüber, wer endlich das Pfand wegbringt – weil die Verantwortung total diffus verteilt ist, fühlt sich am Ende einfach niemand zuständig.“
Alter
23 Jahre
Familienstand
Ledig
Wohnort
Universitätsstadt / Großstadt, 3-Personen-WG
Beruf
Bachelor-Student + Nebenjob (Werkstudent)
Nettoeinkommen Haushalt
850–1.200 €
Tech-Affinität
Sehr hoch
Wünsche & Ziele

WG-Chaos in der Küche eliminieren, automatische Nachverfolgung, Guthaben fair unter allen Mitbewohnern aufteilen

Bedürfnisse

Maximale Ersparnis bei minimalem Aufwand, mehr Zeit fürs Studium, klare Statistiken und WG-Splitting

Barrieren

Hohe Preissensibilität, WG-Koordination (nicht alle nutzen die App), persönliche Vergesslichkeit

No-Go

Reines Abo ohne kostenlose Testphase, unklare Datensicherheit bei Zahlungsdaten, lange Wartezeiten auf den Support

Erkenntnisse pro Persona: Sarah, Lukas und Jonas

The Efficiency-Driven Parent

Sarah

  • Physische EntlastungKein Schleppen schwerer Getränkekisten mehr im Alltag.
  • Maximale KindersicherheitEin intelligenter Press-Stopp bei Fremdkörpererkennung sichert die mechanischen Bauteile strikt ab.
  • ZeitersparnisKeine Wartezeiten dank verlässlichem, festem 2-Stunden-Liefer- und Abholfenster.

The Tech-Savvy Minimalist

Lukas

  • Automatisierte HygieneKeim- und Geruchsfreiheit ohne manuelles Ausspülen dank UV-C-Modul.
  • Kompakte Wohnraum-IntegrationPlatzsparende Hardware.
  • Digitaler Workflow100 % papierloses Pfand-Management mit flexibler, digitaler Guthaben-Auszahlung.

The Smart WG-Coordinator

Jonas

  • Finanzielle FairnessDas Pfandguthaben wird automatisch auf die Konten der Mitbewohner aufgeteilt (Split).
  • Kollektives Chaos-ManagementDas Flaschenvolumen schrumpft schnell, das vermeidet WG-Konflikte in der Küche.
  • Warenkorb-PoolingSynchronisierte In-App-Nachbestellungen, damit die WG die kostenfreie Mindestumsatzgrenze gemeinsam erreicht.
Zielgruppe & Design Research

Empathy Map

Aus den O-Tönen der fünf Kontextinterviews (IDI) destilliert, entlang der drei Personas: eine Mutter, ein tech-affiner Haushalt, ein WG-Bewohner.

Empathy Map mit O-Tönen öffnen

Says

„Das ist ein Thema, bei dem ich das Gefühl habe, dass mir gleich eine Ader platzt. Das Schleppen dieser Kisten ist ein Albtraum.“
„Was ist, wenn mein Kind die Hand in die Presse steckt? Das ist meine erste Frage als Mama!“

Thinks

„Ich brauche einen Service, der einfach von alleine im Hintergrund läuft, ohne mein Zutun.“

„Wenn der Kurier unpünktlich ist, ruiniert er mir den gesamten Tagesplan.“

Does

Sammelt Flaschen provisorisch in einer engen Ecke hinter der Küchentür.

Jongliert Kinderwagen, Taschen und Kinder an defekten Pfandautomaten.

Hat einen Bon über 8 Euro in der Hektik verloren — Frustration im Haushalt.

Feels

Physischer Schmerz: Erschöpfung durch schwere Lasten in obere Stockwerke.

Dauerdruck & Angst: Mental Load und Sorge um Hygiene bei den Kindern.

Erleichterung: Begeistert von einem System, das das Problem übernimmt.

Alle O-Töne & Details anzeigen

Says

„Wie oft habe ich wohl freie Hände? Mit einem Säugling auf dem Arm und einem Zweijährigen am Bein fliegt das hin, wo es eben landet.“
„Ein einziges Mal enttäuschen sie mich – dann schleppe ich wieder selbst.“

Thinks

„Das 40-Euro-Limit ist keine Hürde, wir geben für Getränke deutlich mehr aus.“

„Ich dachte, dieses System muss man einfach ertragen wie alles andere auch.“

Kontext-Interviews

Fünf strukturierte Interviews, ausgewählt entlang der drei Personas: zwei Eltern mit kleinen Kindern, zwei WG-Bewohner und ein Informatiker mit Smart-Home. Sie sollten alltägliche Barrieren, latente Ängste und Erwartungen im häuslichen Pfand- und Getränkemanagement sichtbar machen. Die Insights flossen direkt in die MoSCoW-Priorisierung.

Universelle Nutzerbedürfnisse

  • Kompaktes Design

    Passt nahtlos in Standard-Küchenunterschränke, mit intuitivem HMI und intuitiver App.

  • 2h-Lieferfenster

    Pünktliche Abholung, bevorzugt zwischen 18 und 20 Uhr, ohne versteckte Gebühren.

  • Digitales Konto

    Papierlose Verwaltung in Echtzeit direkt im Benutzerprofil.

  • Geruchsschutz

    Hermetisch dichter Verschluss gegen Fruchtfliegen und klebrige Reste.

  • Full-Service

    Wartung vor Ort bei jedem Hardware-Defekt ist inklusive.

Interview-Leitfaden: fünf Themenblöcke in 60–75 Minuten

Leitfaden: 60–75 Minuten, fünf Themenblöcke

Eröffnung und Abschluss dauern je 5 Minuten.

  • 01 15 Min.

    Alltag & Leergut-Management

    Verstehen, wie Nutzer aktuell mit Pfandflaschen umgehen und welche Probleme entstehen.

    Einstiegsfrage

    „Erzählen Sie mir: Wie läuft das bei Ihnen zu Hause mit leeren Flaschen und Dosen ab, von dem Moment, wo sie leer sind, bis sie weg sind?“

  • 02 15 Min.

    Getränke-Einkauf & Lieferbereitschaft

    Verstehen, wie Getränke eingekauft werden und ob ein Lieferservice attraktiv wäre.

    Einstiegsfrage

    „Beschreiben Sie mir einen typischen Getränke-Einkauf bei Ihnen. Wie läuft das ab?“

  • 03 10 Min.

    Technologie & Smart-Home-Affinität

    Verstehen, wie offen Nutzer für ein smartes Gerät im Haushalt sind.

    Einstiegsfrage

    „Nutzen Sie bereits smarte Geräte zu Hause, z. B. Alexa, smarte Lampen oder Apps für den Haushalt?“

  • 04 10 Min.

    Hygiene & Vertrauen

    Verstehen, wie wichtig Hygiene-Aspekte bei der Entscheidung sind.

    Einstiegsfrage

    „Wenn Sie daran denken, dass jemand Ihr Leergut von zu Hause abholt: Welche Gedanken kommen Ihnen spontan?“

  • 05 10 Min.

    Preis & Service-Erwartungen

    Preisbereitschaft und Fairness-Wahrnehmung verstehen.

    Einstiegsfrage

    „Stellen Sie sich vor: Das Gerät kostet 19,99 € Miete pro Monat, aber wenn Sie für 40 € Getränke bestellen, entfällt die Gebühr komplett. Was halten Sie davon?“

01 — Strategy

Von Insights zu Anforderungen

Die Empathy Map wurde in konkrete Nutzungsszenarien übersetzt, dann per MoSCoW priorisiert — damit ein knapper Hardware-Formfaktor nicht mit Funktionswünschen überladen wird.

Szenariomodelle & Aufgabenerfordernisse

Zehn Nutzungsszenarien übersetzen die Erkenntnisse der Empathy Map in konkrete Aufgaben- und Nutzungsanforderungen — vom Szenario über das, was Nutzende erreichen müssen, bis zu dem, was das System dafür leisten muss.

Haushaltsgruppe gründen

Als
WG-Mitglied
Möchte ich
eine Haushaltsgruppe in der App erstellen und meine Mitbewohner einladen
Damit
wir unsere Getränkebestellungen und das Pfandgut gemeinsam verwalten können
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss innerhalb einer Wohngemeinschaft eine gemeinsame, transparente und für alle zugängliche Übersicht über das Leergut und die Finanzen ohne administrativen Mehraufwand führen können.

Nutzungsanforderungen
  • Der Nutzer kann über einen dynamischen Einladungslink oder QR-Code Mitbewohner hinzufügen.
  • Die App zeigt eine visuelle Übersicht aller aktiven Haushaltsmitglieder im Dashboard an.

Gemeinsamer Warenkorb

Als
preissensibler Student
Möchte ich
dass die Einkaufslisten aller Mitbewohner zu einem gemeinsamen Warenkorb summiert werden
Damit
wir die 40-€-Umsatzgrenze für die Gratis-Miete des Geräts mühelos erreichen
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss die individuellen Einkaufsbedürfnisse mehrerer Haushaltsmitglieder bündeln können, um kollektiv finanzielle Vorteile (Erreichen des 40-€-Limits für die kostenfreie Gerätemiete) zu realisieren.

Nutzungsanforderungen
  • Ein Fortschrittsbalken bis zur 40-€-Grenze wird in Echtzeit für alle WG-Mitglieder synchronisiert.
  • Jeder Nutzer sieht transparent, wer welche Artikel in den gemeinsamen Warenkorb gelegt hat.

WG-Kasse & Sparziel

Als
Mitglied einer Wohngemeinschaft
Möchte ich
das gesammelte Pfandguthaben in einer digitalen WG-Kasse sammeln und fair aufteilen
Damit
Konflikte um Bargeld und Papierbons eliminiert werden
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss das gemeinschaftlich erwirtschaftete Pfandguthaben im Haushalt barrierefrei, transparent und digital aufteilen sowie auszahlen können, ohne auf physische Bons angewiesen zu sein.

Nutzungsanforderungen
  • Das System speichert das Guthaben digital ohne Ablaufdatum als „Spar-Ziel“.
  • Das Guthaben kann mit 2 Klicks per PayPal ausgezahlt oder prozentual (z. B. 25 % pro Person) aufgeteilt werden.

Kindersicherung

Als
besorgte Mutter
Möchte ich
in der App den Sicherheitsstatus des Kompaktors prüfen und eine Kindersicherung aktivieren
Damit
meine Kinder ihre Hände oder Spielzeuge nicht in die hydraulische Presse stecken können
Anforderungen anzeigen
Aufgabenerfordernisse

Die Benutzerin muss im privaten Wohnraum die physische Unversehrtheit von Kleinkindern lückenlos garantieren und unbefugte Eingriffe in mechanische oder hydraulische Systemkomponenten verhindern können.

Nutzungsanforderungen
  • Die App zeigt an, dass die mechanische Schleuse verriegelt bleibt und erst nach einem Barcode-Scan kurz öffnet.
  • Bei Erkennung eines Fremdkörpers stoppt das Gerät sofort und sendet eine Push-Nachricht („Warnung: Fremdkörper blockiert Presse“) ans Smartphone.

Auffüllen wie immer

Als
zeitlich überlastete Mutter
Möchte ich
eine automatische Freigabe für meine Standard-Getränkebestellung einrichten
Damit
ich im stressigen Alltag keine manuellen Einkäufe planen muss
Anforderungen anzeigen
Aufgabenerfordernisse

Die Benutzerin muss den kontinuierlichen Grundbedarf an Haushaltsgütern ohne kognitiven Planungsaufwand (Mental Load) und ohne wiederkehrende manuelle Bestellprozesse absichern können.

Nutzungsanforderungen
  • Die Option „Auffüllen wie immer (Smart Defaults)“ lässt sich per Toggle-Schalter aktivieren.
  • Das System sendet 24 Stunden vor der automatischen Lieferung eine Erinnerungs-SMS, falls Artikel kurzfristig editiert werden sollen.

Liste prüfen & anpassen

Als
kontrollorientierter Software-Entwickler
Möchte ich
die durch das automatische Scannen (1:1-Nachbestellung) erstellte Liste vor dem Absenden flexibel editieren
Damit
ich die volle Kontrolle über meine Ausgaben behalte
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss die uneingeschränkte Letztentscheidung und Flexibilität über automatisierte Systemvorschläge behalten, um Fehlbestellungen zu korrigieren oder Mengen anzupassen.

Nutzungsanforderungen
  • Das System generiert eine dynamische Vorschlagsliste direkt nach dem Einwurf der Flaschen.
  • Artikel lassen sich per Swipe-Geste löschen oder in der Menge modifizieren.

Datenschutz-Dashboard

Als
technikaffiner Nutzer
Möchte ich
ein transparentes Datenschutz-Dashboard in der App haben
Damit
ich genau weiß, welche Verbrauchsdaten lokal verarbeitet und welche DSGVO-konform übertragen werden
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss die vollständige Hoheit und Transparenz über die im privaten Raum aufgezeichneten Verbrauchs- und Telemetriedaten besitzen sowie unerwünschte Datenflüsse unterbinden können.

Nutzungsanforderungen
  • Ein klares Privacy-Panel zeigt an, welche Daten erfasst werden.
  • Es gibt eine Opt-Out-Option für nicht-essentielle Telemetriedaten sowie einen Button zur vollständigen Löschung der Datenhistorie.

Festes Lieferfenster

Als
vielbeschäftigter Nutzer
Möchte ich
ein festes, zweistündiges Lieferfenster (insb. abends von 18 bis 20 Uhr) wählen können
Damit
ich meine Tagesplanung nicht nach dem Kurier richten muss
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss die Logistik (Lieferung/Abholung) präzise und zeiteffizient in einen eng getakteten Alltag integrieren können, ohne unvorhersehbare Wartezeiten in Kauf zu nehmen.

Nutzungsanforderungen
  • Die App bietet eine intuitive Kalenderansicht mit exakten 2-Stunden-Fenstern im Zeitraum von 08:00 bis 20:00 Uhr.
  • Änderungen oder Stornierungen des gewählten Lieferfensters sind bis zu 12 Stunden vor dem geplanten Lieferzeitpunkt ohne zusätzliche Gebühren direkt über das Dashboard möglich.

Verifizierte Bewertungen

Als
kontrollorientierter Nutzer
Möchte ich
vor der ersten Nutzung echte Kundenbewertungen und verifizierte Berichte über die Zuverlässigkeit des 48h-Wartungsservices einsehen können
Damit
ich das Risiko eines Systemausfalls im privaten Wohnraum minimieren kann
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss die tatsächliche Einhaltung von Service-Level-Agreements (SLA) unkompliziert überprüfen und verifizieren können, bevor er eine langfristige technologische Abhängigkeit im Haushalt eingeht.

Nutzungsanforderungen
  • Die Website muss einen prominenten Bereich für verifizierte Kundenbewertungen (Social Proof, z. B. Trusted Shops / Trustpilot-Integration) speziell für den Wartungsservice bereitstellen.
  • Das System muss transparente Echtzeit-Statistiken über die durchschnittliche Reaktionszeit des Benz-Kundendienstes im jeweiligen Postleitzahlengebiet visualisieren.

Störung melden

Als
Nutzer
Möchte ich
im Falle eines Hardware-Defekts direkt im App-Profil eine Störung melden und einen kostenlosen technischen Kundendienst innerhalb von 48 Stunden anfordern
Damit
das stehende Leergut keine unangenehmen Gerüche im Wohnraum verursacht
Anforderungen anzeigen
Aufgabenerfordernisse

Der Benutzer muss bei technischen Systemausfällen eine sofortige, aufwandsarme Instandsetzung einleiten können, um sekundäre Beeinträchtigungen (wie Geruchsbildung durch organische Reste im Wohnraum) abzuwenden.

Nutzungsanforderungen
  • Ein gut sichtbarer „SOS / Defekt melden“-Button im Nutzerprofil führt direkt zu einer geführten, visuellen Schritt-für-Schritt-Fehlerdiagnose.
  • Der Nutzer kann sofort nach der automatischen Ticketerstellung einen verbindlichen Wunschtermin für den Vor-Ort-Service des Benz-Kuriers buchen, der innerhalb des garantierten 48-Stunden-Fensters liegt.

Customer Journey

So erlebt Sarah K. den Wohnraum-Retter, vom ersten Ärger mit dem Pfand bis zum laufenden Abo. Die Etappen stützen sich auf Persona, Interviews und Szenarien, die Gefühlskurve ist meine Einschätzung.

Alle acht Etappen und die Wege von Lukas und Jonas

  1. Das Problem spüren

    Vor dem Kauf
    Was Sarah tut

    Schleppt wieder Kisten, stapelt Flaschen in der Küche und hat einen Pfandbon verloren.

    Touchpoints
    Alltag zu HauseGesprächeSuche im Netz
    Gefühl

    Genervt und unter Dauerlast: Sie hat keine Zeit für Chaos.

    Antwort im Design

    Die Landing Page spricht Platzmangel, Schlepperei und verlorene Bons direkt an.

  2. Entdecken und prüfen

    Vor dem Kauf
    Was Sarah tut

    Öffnet die Landing Page, schaut sich Vorher und Nachher an, rechnet im Tarif-Rechner und liest die FAQ zu Hygiene und Kosten.

    Touchpoints
    Landing PageTarif-RechnerFAQ
    Gefühl

    Neugierig, aber skeptisch: noch eine App, noch eine Gebühr.

    Antwort im Design

    Nutzenorientierte Sprache und Einwandbehandlung nehmen Bedenken früh die Schärfe.

  3. PLZ-Check und Bestellung

    Abbruchrisiko
    Was Sarah tut

    Prüft ihre Postleitzahl, klickt „Bestelle jetzt“ und schließt den Checkout als Gast ab.

    Touchpoints
    PLZ-CheckShopCheckout
    Gefühl

    Entschlossen, aber ungeduldig: Eine Registrierung über drei Minuten wäre ein No-Go.

    Antwort im Design

    Das Konto entsteht automatisch mit der Bestellung. Zwei-Stunden-Lieferfenster und kostenlose Erstlieferung geben den letzten Anstoß.

  4. Lieferung und Start

    Nutzung
    Was Sarah tut

    Nimmt das Gerät im Zwei-Stunden-Fenster entgegen, schließt Strom und WLAN an und meldet sich in der App an.

    Touchpoints
    KurierGerät und DisplayApp
    Gefühl

    Erst unsicher, ob alles klappt, dann erleichtert, wenn es läuft.

    Antwort im Design

    Eine schlichte Oberfläche auf Display und App führt durch den Start.

  5. Alltag mit dem Gerät

    Nutzung
    Was Sarah tut

    Wirft Flaschen und Dosen ein, der Scan erkennt jede, die Presse verdichtet, das Pfandguthaben erscheint in der App.

    Touchpoints
    GerätDisplayApp
    Gefühl

    Zufrieden: Es läuft nebenbei, ohne Bon und ohne Weg zum Automaten.

    Antwort im Design

    UVC-Lampe und Aktivkohlefilter halten Keime und Gerüche im Gerät, der PIN-Verschluss schützt die Kinder. Bei einem Fremdkörper stoppt die Presse und das Handy meldet es.

  6. Abholung

    Moment der Wahrheit
    Was Sarah tut

    Ab 50 % Füllstand wird der Bestellbutton freigegeben. Sarah wählt ein Zwei-Stunden-Fenster, der Kurier tauscht Behälter und Filter.

    Touchpoints
    Startbildschirm am GerätKurier
    Gefühl

    Angespannt: Ein unpünktlicher Kurier würde ihren Tagesplan sprengen. Erleichtert, wenn sie nicht warten muss.

    Antwort im Design

    Smart-Pickup mit einem Klick. Das Fenster lässt sich jederzeit ändern. Steht das Gerät außerhalb der Wohnung, muss niemand zu Hause sein.

  7. Auszahlung und Nachbestellung

    Nutzung
    Was Sarah tut

    Lässt das Guthaben aufs Bankkonto auszahlen oder bestellt mit zwei Klicks genau die Getränke nach, deren Flaschen zurückgegeben wurden.

    Touchpoints
    AppDisplay am GerätSparschwein
    Gefühl

    Bestätigt: Es lohnt sich, und sie hat nichts vergessen.

    Antwort im Design

    Pfandrückgabe und Nachbestellung laufen in einem Schritt. Sparschwein und Abo-Fortschritt machen den Nutzen sichtbar.

  8. Service und Bindung

    Moment der Wahrheit
    Was Sarah tut

    Meldet eine Störung im Profil, bucht einen Wunschtermin für den Service-Kurier und verfolgt den Fortschritt der Abo-Refinanzierung.

    Touchpoints
    App-ProfilService-Kurier
    Gefühl

    Hier entscheidet sich, ob aus Zufriedenheit Vertrauen wird: Eine gut gelöste Störung bindet, eine schlecht gelöste kostet das Abo.

    Antwort im Design

    Störung melden, Wunschtermin buchen, Service innerhalb von 48 Stunden.

Wie sich der Weg für Lukas und Jonas verschiebt

Lukas M. · tech-affin

Seine Hürden liegen früh: Er will vor der Bestellung wissen, was der Barcode-Scan speichert und ob versteckte Kosten anfallen. Im Alltag erwartet er Automatisierung und eine Gutschrift in Echtzeit.

Jonas M. · WG

Etappe 3 ist seine größte Hürde, denn ein Abo ohne kostenlose Testphase ist sein No-Go. Ab Etappe 7 trägt der WG-Split: Pfand fair teilen und den Mindestbestellwert gemeinsam erreichen.

Das ist ein Konzept und noch nicht mit echten Nutzenden getestet. Die ersten Prüfsteine sind die erste Abholung und die erste Störung.

MoSCoW-Priorisierung

Must have

Ohne diese Funktionen funktioniert das Produkt nicht.

7
  • Digitales Pfand-Konto
  • HMI-Kindersicherung
  • 2-Stunden-Lieferfenster
  • PLZ-Verfügbarkeitsprüfung
  • Checkout
  • Automatisierte Accounterstellung
  • Design & Funktionen (Landingpage)

Should have

Wichtig für ein rundes Erlebnis, aber nicht launch-kritisch.

8
  • WG-Split-Funktion
  • Warenkorb-Pooling
  • Manuelle Listen-Korrektur
  • Interaktives Erklärungsmodell
  • Verifizierte Kundenbewertungen
  • Live-Mietstatus-Box im Warenkorb
  • FAQ Bereich
  • Kontaktformular

Could have

Nice-to-have, sobald Zeit und Budget es erlauben.

5
  • Voice-Hub-Schnittstelle
  • Digitale Spar-Ziele & Meilensteine
  • Monitoring-Dashboard
  • Interaktiver Ersparnis-Rechner
  • Checkout via Apple Pay / PayPal

Won’t have

Bewusst ausgeklammert — in dieser Version nicht umgesetzt.

3
  • Autonomer KI-Einkauf
  • Registrierungsformular (Login-Bereich)
  • Digitales Service-Ticket

Was die Interviews verändert haben

Vier Dinge sind erst durch die Interviews ins Produkt gekommen.

  • Landing Page

    PLZ-Check direkt unter dem Hero

    Alle fünf Befragten wollten zuerst wissen, ob der Service an ihrem Wohnort funktioniert. Deshalb prüft ein Widget gleich unter dem Hero die Verfügbarkeit per PLZ.

  • Landing Page

    Bewertungen echter Haushalte

    Bevor jemand ein Gerät in die Wohnung holt, will er wissen, wie es anderen damit geht. Deshalb zeigt die Seite verifizierte Bewertungen von Nutzerinnen und Nutzern.

  • Landing Page

    Galerie: Lerne das Gerät kennen

    Die Befragten wollten das Gerät vor der Bestellung genau sehen. Ein Karussell zeigt es von allen Seiten, mit Maßen, Materialien und Details.

  • Dashboard

    WG-Split

    Ursprünglich nicht geplant und nachträglich ergänzt: Das Pfandguthaben lässt sich fair unter den Mitbewohnern aufteilen.

Gerät · bestätigt

UVC-Lampe und Aktivkohlefilter

Diese Idee war schon vor der Recherche da: Sie kam aus einem ersten Feedback-Gespräch, als ich den Code-Prototyp gebaut habe. Die Interviews haben bestätigt, dass Gerüche und Hygiene eine echte Sorge sind, also ist sie geblieben.

Business-Ziele & Erfolgsmessung

Drei strategische Ziele und vier messbare Zielwerte.

Wann wir erfolgreich sind

  • >5 %Conversion-Rate (Landing Page)

    der Website-Besucher schließen direkt ein Abo ab.

  • 85 %Aktive App-Nutzung (Retention)

    der Kunden bestellen monatlich über den integrierten Getränkelieferservice nach.

  • 95 %Nachhaltige Kreislaufquote

    des verpressten Pfandguts kehren über das eigene Logistiknetz zurück.

  • Free-TierFree-Tier-Validierung

    Nachweis, dass sich das HaaS-Modell für eine durchschnittliche 4-Personen-Familie komplett über das gesammelte Pfandgut selbst trägt und profitabel bleibt.

Drei strategische Ziele

Strategische Ziele

Umsatz im Getränkeverkauf

Mehr Absatz durch direkte, reibungslose Nachbestellung in der App, genau dann, wenn das Pfandgut abgeholt wird.

Datengestützte Logistik

Der Barcode-Scan beim Einwurf zeigt, welche Getränke in welcher Saison konsumiert werden. Das ermöglicht eine vorausschauende Einkaufsplanung bei den Produzenten (Predictive Supply Chain).

Skalierbare Kundenbindung

Abo-Modell und geschlossener Nutzerkreis binden Kunden langfristig (Lock-in-Effekt). Voraussetzung ist eine monatliche Mindestbestellsumme für Getränke oder eine feste Service- und Wartungsgebühr. Das sichert wiederkehrende Umsätze (Recurring Revenue).

02 — Design

Vom System zum Prototyp

Ein Design System nach Atomic-Design-Prinzipien hielt App, HMI-Display am Gerät und Marketing-Seite konsistent — von ersten Low-Fi-Flows bis zum klickbaren Mobile-Prototyp.

Applikation & HMI-Strategie

Zwei Oberflächen mit zwei Aufgaben: Die Landing Page gewinnt Kunden, Gerät und App machen den Alltag leicht.

Nutzer-Konversion

Der Landing-Page-Ansatz

  • Vorteilsorientierte SpracheAlltagsprobleme wie Platzmangel und Geruch werden direkt angesprochen, mit klarem Nutzenfokus.
  • EinwandbehandlungBedenken werden proaktiv durch transparente Informationen abgebaut.
  • Exklusivitäts-PrinzipEin Benutzerkonto entsteht ausschließlich durch die Geräte-Bestellung (Abo-Start). Das steigert den Premium-Wert.
  • Nahtlose Shop-IntegrationDer direkte Weg zum Checkout minimiert Absprünge.

Gerät & App

Das HMI- & App-Konzept

  • Intuitive NutzerführungMinimalistisches Interface auf Display und App für einen kognitiv barrierefreien Entscheidungsprozess.
  • Quick-Access-LogistikDie Pfand-Abholung ist mit nur einem Klick auf dem Startbildschirm gebucht (Smart-Pickup).
  • Automatisierter Cross-Selling-KreislaufPfandrückgabe und automatische Nachbestellung neuer Getränke in einem einzigen Schritt.
  • Gamification & User EngagementDer Fortschritt der Abo-Refinanzierung und ein Sparschwein machen den Nutzen sichtbar.

Informationsarchitektur

Pro Seite ist festgelegt, welche Bereiche in welcher Reihenfolge erscheinen. Acht Seiten, vom Einstieg über den Gast-Weg und das Kunden-Dashboard bis zur Bestätigung.

Landing Page

Einstieg
  1. 01Navigation & Header
  2. 02Hero-Section
  3. 03Value-Kacheln & PLZ-Widget
  4. 04Before/After-Slider
  5. 05Produktdesign & Abmessung
  6. 06Service Flow
  7. 07Tarif-Rechner
  8. 08FAQ
  9. 09Kontaktformular
  10. 10Footer

Design System

Das Fundament des Design Systems: zwei Schriften und sechs Farbskalen. Sie halten App, HMI-Display und Marketing-Seite zusammen.

Typografie und sechs Farbskalen

Typografie

Innovation trifft Ergonomie: Syne sorgt für Ausdruck, Plus Jakarta Sans für Lesbarkeit.

Gewicht · Größe / Zeilenhöhe in px

SyneHeadlines

Moderne, leicht avantgardistische Geometrie. Gibt der Marke einen innovativen Charakter und zieht auf der Produktseite den Blick auf sich.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

  • H1. HeadlineSemi Bold · 24 / 32
  • H2. HeadlineSemi Bold · 20 / 28
  • H3. HeadlineSemi Bold · 18 / 24
  • H4. HeadlineSemi Bold · 16 / 22
  • H5. HeadlineSemi Bold · 12 / 16
Button FontPlus Jakarta Sans
  • GiantSemi Bold · 18 / 18
  • LargeSemi Bold · 16 / 16
  • MediumSemi Bold · 14 / 14 · +1 %
  • SmallSemi Bold · 12 / 12 · +2 %
  • TinySemi Bold · 10 / 10 · +3 %
Plus Jakarta SansFließtext, Labels und Buttons

Klare Formen und hohe Lesbarkeit. Hält komplexe Oberflächen wie Dashboard und HMI-Display ergonomisch und entlastet beim Lesen von Daten.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

  • S1. SubtitleSemi Bold · 18 / 26
  • S2. SubtitleSemi Bold · 16 / 24
  • B1. BodyRegular · 16 / 24
  • B2. BodyMedium · 16 / 24
  • B3. BodyRegular · 14 / 20
  • B4. BodyMedium · 14 / 20
  • C1. CaptionRegular · 14 / 20
  • C2. CaptionMedium · 12 / 16
  • C3. CaptionMedium · 10 / 14
  • LabelMedium · 14 / 20

Farben

PrimaryTeal/Cyan

#55A4A6
  1. Primary 900: #55A4A6
  2. Primary 800: #66ADAF
  3. Primary 700: #77B6B8
  4. Primary 600: #88C0C1
  5. Primary 500: #9AC8CA
  6. Primary 400: #ABD2D3
  7. Primary 300: #BBDBDB
  8. Primary 200: #CDE4E5
  9. Primary 100: #DDEDED
  10. Primary 50: #EFF6F7

Vertrauen, Innovation, Ruhe. Verbindet die Ruhe des Blaus mit der Energie des Grüns.

SecondaryDunkelgrau/Anthrazit

#2D3142
  1. Secondary 900: #2D3142
  2. Secondary 800: #424655
  3. Secondary 700: #616673
  4. Secondary 600: #838891
  5. Secondary 500: #A7AAB2
  6. Secondary 400: #CFD1D7
  7. Secondary 300: #EDEEF1
  8. Secondary 200: #F8F8F9
  9. Secondary 100: #F3F4F6
  10. Secondary 50: #FFFFFF

Eleganz, Ernsthaftigkeit, Lesbarkeit. Weicher als Schwarz und dadurch benutzerfreundlicher.

SuccessGrün

#65C088
  1. Success 900: #65C088
  2. Success 800: #75C694
  3. Success 700: #84CDA0
  4. Success 600: #94D3AC
  5. Success 500: #A3D9B8
  6. Success 400: #B2E0C4
  7. Success 300: #C1E6CF
  8. Success 200: #D1EDDC
  9. Success 100: #E0F2E7
  10. Success 50: #F0F9F4

Positivität, Sicherheit, Fortschritt. Das universelle Signal für „alles in Ordnung“.

DangerRot

#E46A6A
  1. Danger 900: #E46A6A
  2. Danger 800: #E77979
  3. Danger 700: #E98888
  4. Danger 600: #EC9797
  5. Danger 500: #EFA6A6
  6. Danger 400: #F2B5B5
  7. Danger 300: #F5C5C5
  8. Danger 200: #F7D3D3
  9. Danger 100: #FAE1E1
  10. Danger 50: #FDF1F1

Aufmerksamkeit, Dringlichkeit, Stopp. Die vom Gehirn am schnellsten wahrgenommene Farbe.

WarningGelb

#C2964A
  1. Warning 900: #C2964A
  2. Warning 800: #C8A15C
  3. Warning 700: #CEAB6E
  4. Warning 600: #D4B681
  5. Warning 500: #DAC092
  6. Warning 400: #E1CBA5
  7. Warning 300: #E7D5B7
  8. Warning 200: #EDE0C9
  9. Warning 100: #F3EADB
  10. Warning 50: #F9F5ED

Vorsicht, Energie, Sichtbarkeit. Signalisiert „Achtung, aber keine Panik“.

InfoBlau

#2B5A8F
  1. Info 900: #2B5A8F
  2. Info 800: #416B9B
  3. Info 700: #557BA5
  4. Info 600: #6B8CB1
  5. Info 500: #809CBC
  6. Info 400: #95ADC7
  7. Info 300: #AABDD2
  8. Info 200: #C0CEDE
  9. Info 100: #D5DEE9
  10. Info 50: #EAEFF4

Vertrauen, Neutralität, Information. Ideal für Hinweise ohne emotionale Ladung.

NeutralsBackground / Text

#F8F9FA · #FFFFFF

Hintergrund und Text auf dunklem Grund, jeweils in Alpha-Stufen von 100 bis 10 %.

Komponenten

Auf diesem Fundament entstehen die Komponenten. Sie sind in Figma gebaut und jeweils in allen Zuständen definiert.

Gefüllte Buttons in fünf Größen von Giant bis Tiny mit Pfeil-Icons, in den Zuständen Default, Hover, Focus, Press und Disabled
Drei Varianten in fünf Größen von Giant bis Tiny und in fünf Zuständen: Default, Hover, Focus, Press, Disabled.

Wireflow

Die Low-Fi-Wireframes entstanden in Excalidraw: erst Struktur und Abläufe klären, dann die Optik. Von der Startseite führen zwei Wege zum Kauf, als Gast oder mit Kundenkonto. Der Umschalter wechselt zwischen Wireframe und Hi-Fi-Design, ein Klick öffnet jeden Screen samt Popups im Detail.

Darstellung
Gast-Weg
Kunden-Weg

Kernscreens

Vier Screens, die zeigen, wie Szenarien und priorisierte Funktionen im Entwurf ankommen.

Landing Page

PLZ-Check vor dem Kauf

  • Gleich auf der Startseite fragt der Benz-Logistik-Check unter „Bereit für 0€ Gerätemiete?“ nach der Postleitzahl.
  • Verfügbar: Das Popup nennt 48h-Lieferung und -Wartung, 2-Stunden-Lieferfenster und kostenlose Erstlieferung als Gründe, gleich zu bestellen.
  • Nicht verfügbar: keine Sackgasse, sondern eine Warteliste, die per E-Mail benachrichtigt, sobald der Service für die Postleitzahl startet.
  • Der Benz-Logistik-Check sitzt direkt auf der Startseite: Postleitzahl eintippen, „Check“ tippen. Der Hinweis zum Mindestumsatz von 40 € steht gleich darunter.
  • Ist die Postleitzahl abgedeckt, nennt das Popup „Service verfügbar“ die Vorteile (48h-Lieferung und Wartung, 2-Stunden-Lieferfenster, kostenlose Erstlieferung) und führt mit „Bestelle jetzt“ direkt weiter.
Szenario 8Szenario 9Must PLZ-Verfügbarkeitsprüfung

Shop für Kunden

Blitz-Bestellung 1:1

  • Die Blitz-Bestellung baut sich aus dem letzten Leergut-Scan auf, statt dass Getränke einzeln gesucht werden müssen.
  • Aufgeklappt zeigt sie die HMI-Simulation und erklärt in drei Punkten das Prinzip: keine manuelle Suche, automatischer Marken-Abgleich, sofortige Pfand-Verrechnung.
  • Darunter bleiben „Deine Favoriten“ aus dem eigenen Konsum und Kategorien als gewohnter Weg.
  • Im Kunden-Shop steht „Blitz-Bestellung 1:1“ als eigene Zeile direkt unter Pfandguthaben und Filter-Sättigung.
  • Smart Scan: Die Liste baut sich aus dem gescannten Leergut auf, Fremdmarken werden durch passende Alternativen vom Partner Benz ersetzt.
  • Menge, Lieferoption und der automatisch vorgeschlagene Aktivkohlefilter lassen sich direkt anpassen, die Bestellübersicht verrechnet das Pfand-Guthaben sofort.
Szenario 6

Warenkorb

Fortschritt bis zur Gratis-Miete

  • Ein Balken zeigt live, wie viel bis zur 40-€-Grenze noch fehlt (hier: noch 20,10 €). Ab dort entfällt die Gerätemiete.
  • Das Pfandguthaben (8,00 €) wird direkt mit dem Warenwert verrechnet. Die Gesamtsumme (3,10 €) steht schon vor dem Weg zur Kasse.
  • Unter den Artikeln zeigt ein Balken live, wie viel bis zur 40-€-Grenze fehlt („Noch 15,50 € bis zur Gratis-Miete“).
  • Im Checkout steht dieselbe Anzeige in der Bestellübersicht, darunter Warenwert, Versand, Pfand (Neu), Pfand-Guthaben (−12,75 €) und der Gesamtbetrag.
Szenario 2Should Live-Mietstatus-Box im WarenkorbMust Checkout

Dashboard

WG-Split

  • Die Karte „Mitbewohner einladen & Kosten teilen“ im Dashboard führt mit „WG-Split aktivieren“ in die gemeinsame Ansicht.
  • Der WG-Split zeigt den gemeinsamen Umsatz bis zur Gratis-Miete und pro Person die eingeworfenen Pfänder samt Guthaben. Neue Mitglieder kommen per QR-Code oder Link dazu.
  • Über „Guthaben auszahlen“ geht der Betrag aufs hinterlegte Konto, ohne Papierbon.
  • Der WG-Split zeigt den gemeinsamen Umsatz bis zur Gratis-Miete und pro Person die eingeworfenen Pfänder, das Guthaben und den Einkaufswert des Monats.
  • Neue Mitglieder kommen per QR-Code oder Link dazu, das Link-Popup bietet Kopieren und Teilen.
Szenario 1Szenario 3Should WG-Split-FunktionMust Digitales Pfand-Konto

Klickbarer Prototyp

Drei Hi-Fi-Screens der App: Startseite, Shop und Kundenbereich

Figma-Prototyp

Hi-Fi-Design zum Ausprobieren

Die Hi-Fi-Screens als klickbarer Ablauf. Der Prototyp öffnet sich direkt in Figma, in einem neuen Tab.

Prototyp in Figma öffnen

Wireframes im DetailHi-Fi-Design im Detail

Ziehen zum Verschieben, Strg + Mausrad oder zwei Finger zum Zoomen

Lädt …
100%

Design System

Teal/Cyan als Vertrauensfarbe, Plus Jakarta Sans als Typografie, Komponenten nach Atomic-Design-Hierarchie (Atoms → Molecules → Organisms).

Hi-Fi Prototype

Klickbarer Mobile-Prototyp in Figma mit realistischen Micro-Interactions für den Pfand-Scan- und Abrechnungs-Flow.

03 — 3D & Motion

Das Gerät sichtbar machen

Bevor eine Platine existierte, musste die Form des Kompaktors überzeugen. Erste Konzeptbilder aus Gemini (Nano Banana) halfen, Formfaktoren schnell durchzuspielen; das finale Modell und die Funktionsanimation entstanden in Cinema 4D. Bei der Suche nach geeigneten Hardware-Lösungen half Gemini als Recherchepartner.

Das Gerät in Bewegung

Die Cinema-4D-Animation im Überblick. Der Film startet stumm, sobald er im Bild ist.

Produktfilm · Gesamtüberblick über das Gerät
Textbeschreibung des Films

Der Film hat keine Sprache, nur Musik und Soundeffekte. Ein weißer Kompaktor dreht sich auf einer dunklen Bühne. Nahaufnahmen zeigen das Gehäuse, die Einwurföffnung und das Display mit Pfandguthaben und Füllstand, dann den Blick in den Einwurf mit seiner sternförmigen Irisblende. Eine Explosionsansicht legt die Technik frei: UVC-Lampen, Lüfter und die Walze, die die Flaschen verdichtet. Zum Schluss erscheint das Wohnraum-Retter-Logo mit dem Satz „Dein smarter Pfand-Assistent.“

KI-Konzeption

Schnelle Formstudien für Gehäuse und Einwurfschacht, um früh mit echten Nutzern über Größe und Platzierung in der Wohnung zu sprechen.

Cinema 4D — Final Model

Detailliertes 3D-Modell des finalen Geräts inklusive Materialstudien (gebürstetes Metall vs. mattes Polymer).

Eine Flasche am HMI

Flasche rein, Kompression, App-Update: So läuft es auf dem Display ab. Klicke einen Schritt an, um ihn anzuhalten.

Dunkler Modus
HMI-Systemstatus im dunklen Modus: 12,50 € Pfand, 65 % FüllstandHMI-Systemstatus im dunklen Modus: 12,75 € Pfand, 66 % Füllstand
HMI-Systemstatus: 12,50 € Pfand, 65 % Füllstand, Button „Abholung bestellen“ HMI: Scanvorgang läuft, Barcode HMI: Flasche erkannt, Aqua Mineralwasser 1,5 L, Verdichtung läuft HMI: Gutschrift von 0,25 € HMI-Systemstatus: 12,75 € Pfand, 66 % Füllstand
04 — Funktionen · Sicherheit

Jede Sorge hat eine Funktion

Aus den Interviews kamen konkrete Befürchtungen. Jede ist hier einer Funktion des Geräts zugeordnet: links die Sorge und die Lösung, rechts die 3D-Animation dazu.

Sarah — Mutter

„Was ist, wenn mein Kind die Hand in die Presse steckt? Das ist meine erste Frage als Mama!“

Kindersicherheit

Ein Shutter-Verschluss schließt den Einlass nach dem Einwurf. Wirft ein Kind etwas Unpassendes ein, erkennt das Gerät weder Barcode noch das passende Gewicht, und das HMI zeigt einen Fehler und verlangt die PIN. Erst danach öffnet sich der Einlass wieder, damit sich der Gegenstand entnehmen lässt.

Fehler, PIN, dann öffnet der Einlass
Gerät von oben mit geschlossenem Shutter und dem HMI-Bildschirm, rechts vergrößert: Fehlermeldung, Kindersicherung aktiv, Freigabe per Fingerabdruck oder PIN
Sarah — Mutter

Ein Gerät im Flur darf nicht riechen und keine Keime verbreiten.

Hygiene und Geruch

Eine UVC-Leuchtstofflampe, ein Aktivkohlefilter und Dichtungen am Gehäuse halten Keime und Gerüche im Gerät.

UVC, Aktivkohle und Dichtungen
Standbild aus der Animation: Die UVC-Lampe leuchtet im Gerät
Lukas M. — Tech-affin

„Ein eingehaltenes Versprechen bedeutet Vertrauen. Darauf steht oder fällt dieser Service.“

Anti-Fraud

Das Gerät lässt sich nicht austricksen. Die Abfolge:

  1. Der Shutter-Verschluss schließt die Schleuse, die Flasche wird im Einwurfrohr gewogen.
  2. Eine Guillotine im Rohr kappt Schnüre, mit denen jemand die Flasche zurückziehen und erneut scannen könnte.
  3. Die Flasche fällt in den Endbehälter.
  4. Dort wird sie ein zweites Mal gewogen.
  5. Beide Gewichte müssen übereinstimmen.
Zweifaches Wiegen und Guillotine
Jonas — WG-Bewohner

„Sind diese 40 Euro meine oder die gemeinsamen? Wir müssen Bestellungen synchronisieren.“

Eigene Konten und Zugriff

Jede Person meldet sich mit PIN oder Fingerabdruck an, bevor sie bestellt. Das trennt die Konten in der WG und verhindert, dass Kinder versehentlich bestellen. Nach drei falschen PIN-Eingaben sperrt sich das Konto, die Hotline entsperrt es.

PIN oder Fingerabdruck
Gerät von oben, daneben der HMI-Startbildschirm des geteilten Kontos vergrößert: Systemstatus mit Pfand 12,50 € und 65 % Füllstand, Aufforderung zur Anmeldung per Fingerabdruck oder PIN
05 — Funktionen · Service

Vom Pfand zum Getränk

Von der ersten Flasche bis zur Lieferung läuft alles ohne Zutun des Nutzers. Die Schritte stehen in der Reihenfolge, in der sie im Alltag ablaufen.

User Flow: der Service-Kreislauf

  1. StartFlasche einwerfen
  2. PrüfungBarcode und Gewicht passen?
    Nein

    Fehler am HMI, PIN eingeben, der Einlass öffnet zur Entnahme.

  3. JaVerdichten und Pfand gutschreibenz. B. +0,25 € pro Flasche
  4. FüllstandMindestens 50 % voll?
    Nein

    Weiter sammeln, mit der nächsten Flasche geht es von vorn los.

  5. JaAbholung bestellenZeitfenster von 2 Stunden
  6. OptionalGetränke 1:1 nachbestellen?
    Ja

    Anmelden per PIN oder Fingerabdruck, Liste prüfen, bestellen.

  7. KurierBehälter und Filter tauschen, Getränke liefern
  8. PfandVerrechnen oder aufs Konto auszahlen↺ und wieder von vorn
User Flow des Service-Kreislaufs. Bernsteinfarben ist der Hauptweg, cyan sind Entscheidungen. Darunter stehen alle Schritte im Detail.
Die fünf Service-Schritte im Detail

  1. Füllstand

    Der Endbehälter fasst 100 Flaschen. Der Füllstand ist jederzeit auf dem HMI sichtbar.

    HMI-Systemstatus: 12,50 € Pfand, 65 % Füllstand, Button „Abholung bestellen“
    • 100Flaschen fasst der Endbehälter
    • 65 %Füllstand im Display-Beispiel

  2. Freischaltung und Zeitfenster

    Ab 50 % Füllstand wird der Bestellbutton freigegeben. Der Nutzer legt ein zweistündiges Zeitfenster fest und kann es jederzeit im Nutzerbereich ändern.

    • Bestellbutton ab 50 % frei
    • 2 Stunden Zeitfenster
    • jederzeit änderbar

  3. Tausch durch den Kurier

    Die Schublade öffnet sich per Chipkarte. Der Kurier zieht den Behälter heraus, nimmt ihn zur Leerung und Reinigung mit und setzt einen sauberen leeren ein. Ein verbrauchter Aktivkohlefilter wird gleich mit getauscht. Steht das Gerät außerhalb der Wohnung, muss niemand zu Hause sein.

    Chipkarte mit dem Wohnraum-Retter-Logo vor dem Gerät, Standbild aus der Animation zum Behältertausch

  4. Auszahlung

    Das Pfandguthaben lässt sich jederzeit aufs Bankkonto auszahlen. Die Historie bleibt erhalten, bis der Behälter getauscht wurde.

    Pfandguthaben12,50 €
    Auszahlung aufBankkonto

  5. Bestellung 1:1

    Mit zwei Klicks bestellt das HMI die Getränke nach, deren Flaschen zurückgegeben wurden. Positionen lassen sich streichen und Mengen ändern. Ist ein Getränk beim Partner nicht verfügbar, wird es durch ein möglichst ähnliches ersetzt.

    2Klicks bis zur Bestellung
    1. Flaschen zurückgegeben
    2. Liste prüfen
    3. Bestellen
06 — Development

Vom Prototyp zum Code

Noch bevor ich geforscht habe, wollte ich wissen, was technisch möglich ist. Im Webdesign-Kurs entstand deshalb ein klickbarer Prototyp in HTML, CSS und etwas JavaScript: die erste Version des Produkts. Die Interviews und das Hi-Fi-Design in Figma kamen danach.

  1. Version 1Webdesign-KursKlickbarer Prototyp in HTML und CSS: meine Annahmen als Code.
  2. PrüfungUI/UX-KursKontext-Interviews testen diese Annahmen.Was die Interviews verändert haben
  3. Version 2Hi-Fi in FigmaDas überarbeitete Design, Stand heute.Zum Design

Klickbar ausprobieren

In neuem Tab öffnen ↗

Probier: Fahre mit der Maus über das Foto (am Handy: darüber wischen): Der Raum-Simulator zeigt vorher und nachher.

11 Seiten, Mobile-First mit drei Breakpoints. Der Prototyp ist auf Deutsch (Zielmarkt) und ein Konzept: Es werden keine Bestellungen angenommen.

Grenzen und Möglichkeiten

Was gut lief und was ich in Produktion anders machen würde

Das hat gut geklappt

  • Menü, Warenkorb, Hotspots, HMI-Modal und Dashboard-Zustände laufen über Checkbox-, Radio- und :target-Zustände, also in reinem CSS.
  • JavaScript nur dort, wo Logik nötig ist: Vorher-nachher-Regler, Spar-Rechner und Scroll-Effekte.
  • Mobile-First: zuerst der kleine Bildschirm, dann Tablet und Desktop.

Das würde ich in Produktion anders machen

  • Bedienung per Tastatur und Screenreader: Die Checkbox-Technik ist dafür nicht gemacht. Dialoge bekämen dialog-Elemente und aria-expanded.
  • Geschäftslogik wie die 40-€-Regel, die Pfand-Verrechnung und der Login gehören auf den Server, nicht in den Browser.
  • Schriften und Icons lokal einbinden statt über ein CDN (Datenschutz).

Umsetzung mit KI-Unterstützung: Bei Problemen in HTML und CSS half Gemini; den JavaScript-Code hat Gemini geschrieben.

Eigener Anteil: Konzept, Produktlogik und Abläufe stammen von mir. Die Bilder im Prototyp sind KI-generierte Konzeptbilder (Gemini); das finale Modell entstand später in Cinema 4D.

07 — Ergebnis

Was entstanden ist und was ich mitnehme

Ein durchgängiges Konzept von der Problemdiagnose bis zum klickbaren Prototyp. Ob es im Alltag funktioniert, zeigt erst ein Test mit echten Nutzenden.

Ergebnis in Zahlen

Was ich mitnehme

Nächste Schritte: Usability-Testing mit den drei Personas, gefolgt von einem zweiwöchigen Hardware-in-the-Loop-Beta in einer WG-Küche und einem Familienhaushalt. KPIs: Conversion Rate, System Usability Scale (SUS).

That's the full Wohnraum-Retter process — from a stack of empty bottles behind a kitchen door to a clickable concept ready for its first usability test.

<- Back to projects

Contact

Questions about this case study, or a project of your own? Write, call or connect.

Sent to my inbox via FormSubmit. Privacy policy

No email app opened

Open in Gmail

Your message is empty

You haven’t written a message yet. Do you still want to send this with just your name and email?