Einen Ernährungsreflex gestalten, ein Scan nach dem anderen.
Tierbesitzer wollten Klarheit. Die Etiketten hatten keine Sprache. Pawka hatte die Wissenschaft, aber keine einheitliche Erfahrung - das Scoring wirkte undurchsichtig, Vertrauen war nirgends zu gewinnen, und jeder Gang wurde zur Entscheidungslähmung.
Leistungsumfang
Ein Markt, den niemand lesen konnte.
Tierbesitzer stehen vor 200+ Referenzen pro Gang, Zutatenlisten, die niemand außerhalb eines Labors entziffern kann, und Marketingaussagen ohne jede Möglichkeit, sie zu prüfen. Pawka schließt diese Lücke mit einem einzigen Scan.
Verbraucher erleben kognitive Überlastung im Gang. Das Informationsgefälle macht rationale Entscheidungen in den 4 Minuten und 20 Sekunden, die sie vor dem Regal verbringen, fast unmöglich.
Pawka agiert als Ernährungsassistent. Scanne ein Produkt und die Benutzeroberfläche entschlüsselt seine Zusammensetzung in einen umsetzbaren Score - personalisiert nach Tierart, Rasse, Alter und Gewicht deines Tieres.
Eine lesbare, glaubwürdige Erfahrung für drei radikal unterschiedliche Nutzerprofile liefern - vom skeptischen Experten bis zum zeitgestressten Elternteil, das einfach nur ein grünes Licht will.
Design-Problem
Wie macht man komplexe Nährwertinhalte in einer schnellen Kaufsituation sofort verständlich und umsetzbar für ein diverses Publikum - bei gleichzeitiger Wahrung wissenschaftlicher Strenge, vollständiger Unabhängigkeit und bedeutungsvoller Personalisierung?
Erst das Feld. Dann die Annahmen.
12 halbstrukturierte Interviews, 3 Beobachtungssessions im Laden, ein Wettbewerbs-Benchmark. Felddaten ersetzten Annahmen, nicht umgekehrt. Jede nachgelagerte Entscheidung führt zu einem konkreten Befund zurück.
Der Gesamtscore von 100 löst den kognitiven Block durch technische Labels. Ein grün/orange/rot-Farbcode liefert eine visuelle Antwort in unter 3 Sekunden - kein Lesen erforderlich.
92% - Label-Undurchsichtigkeit83% der Tester fordern eine unabhängige Quelle. Die Benutzeroberfläche legt die Bewertungskriterien, ihre Gewichtung und die tierärztliche Validierung direkt aus dem Produktblatt offen - Transparenz als Feature.
83% - Vertrauensbedarf75% sind im Gang mit Entscheidungen überfordert. Die Scan-Funktion isoliert ein klares Blatt aus 200+ Referenzen in 3 Sekunden. Die Benutzeroberfläche schlägt besser bewertete Alternativen in der Nähe vor.
75% - Überlastung im GangDas Onboarding erfasst Tierart, Rasse, Alter und Gewicht. Diese Daten kontextualisieren jede Empfehlung und generieren bei jedem Scan einen tierspezifischen Score - Laja (2019) UX-Personalisierungsmodell.
JTBD - PersonalisierungDer Gastmodus erlaubt 5 kostenlose Scans pro Tag ohne Anmeldung. Die Kontoerstellung wird nur im richtigen Moment ausgelöst - beim Speichern von Favoriten oder Ansehen des Scan-Verlaufs. Mehrwert vor Commitment.
Nir Eyal Modell (2014)Drei Profile. Ein Produkt.
Eine primäre Persona, zwei sekundäre, zwei tertiäre, zwei Anti-Personas - sieben Profile, an denen jede folgende Designentscheidung hängt.
"Ich möchte sicher sein, dass ich das Beste für meinen Hund kaufe, ohne auf Greenwashing hereinzufallen."
"Wenn mein Tierarzt es bestätigt, kaufe ich es. Wenn eine App mir dasselbe einfach erklärt, höre ich auch zu."
"Wenn die App ihre Methodik versteckt, deinstalliere ich sie in 48 Stunden. Wenn sie sie zeigt, werde ich zum Botschafter."
Von der Entdeckung zur Loyalität.
5 Phasen, das Gibbons-Modell (NN/g, 2018), Emotion bewertet von −2 (Frustration) bis +2 (Begeisterung). Jeder Reibungspunkt und jede Designmöglichkeit unten stammt aus den Tiefpunkten, nicht den Höhepunkten.
Sieht einen Instagram-Post über Greenwashing bei Tierfutter. Sucht eine Produkt-Scan-App für Haustiere.
Liest Pawka-Bewertungen im App Store. Vergleicht Methodik-Transparenz mit anderen Apps.
Lädt die App herunter. Meldet sich an. Erstellt das Profil ihres Hundes - Rasse, Alter, Gewicht.
Scannt Hundefutter im Gang. Liest den Score + Erklärung. Vergleicht 2 verfügbare Alternativen in der Nähe.
Teilt einen Produkt-Score auf Instagram. Abonniert Benachrichtigungen für kontroverse Inhaltsstoffe.
9 Reibungspunkte. 3 absolute Prioritäten.
Jede Reibung unten führt zu einem konkreten emotionalen Tiefpunkt auf der Journey Map oben zurück. Schweregrad 1 bis 5, je nach Häufigkeit und Auswirkung auf die Konversion. Zuerst die Blockaden beheben. Retention kommt danach.
Katastrophal. Commitment vor Wertdemonstration zerstört die Konversion. Lösung: Gastmodus mit 5 kostenlosen Scans pro Tag.
Major. Claire will objektiven Beweis, Jean-Luc braucht Beruhigung. Lösung: Farbskala + Textlabel + Ein-Tap-Link zur Bewertungsmethodik.
Major. Nur 50% direkter Erfolg in Usability-Tests, durchschnittlich 4,7 Fehlklicks. Lösung: Dauerhafter "Wie wird das bewertet?"-Button auf jedem Produktblatt.
Major. Claire steht im Gang, Telefon in der Hand, muss in 2 Minuten entscheiden. Lösung: Geo-gefilterte Alternativen mit lokaler Verfügbarkeit und geschätzter Entfernung.
Mittel. Nur 3 Pflichtfelder im initialen Ablauf (Tierart, Rasse, Alter). Alles andere ist optional und wird progressiv über Sessions gesammelt.
Mittel. Théo prüft Kriterien vor dem Commitment. Lösung: Öffentliche Methodik-FAQ-Seite im Web. Direkter Link aus der App-Store-Beschreibung.
Von der Architektur zum Pixel.
Hub-and-Spoke-Mobile-Architektur. Scan als zentrale Aktion. 5-Tab-Navigationsleiste. Zwei Modi - Gast und Account - mit progressiver Konversion zu Premium.
Ein Vertrag zwischen Design und Entwicklung.
Atomic Design Methodik. Foundations → Atoms → Molecules → Organisms. Ein strukturiertes UI Kit reduziert die Handoff-Zeit, garantiert visuelle Konsistenz und dokumentiert jede Designentscheidung während das Produkt skaliert.
Grotesque
Buttons, Badges, Icons, Inputs - alle Zustände dokumentiert
Kriterien-Karte - wiederverwendbar in Ernährungsanalyse und Komparator
Vollständiges Produktblatt, Login-Modul, Abonnement-Karten
Empirischer Beweis, kein Bauchgefühl.
Methodische Triangulation, 4 sequentielle Methoden, 6 Teilnehmer - 2 pro Persona - vom ersten Fünf-Sekunden-Blick bis zum 28-Wort-Bedeutungsdifferential.
Misst den ersten Eindruck. Validiert die sofortige Score-Lesbarkeit und das Verständnis des Wertversprechens auf 2 kritischen Screens.
5 Aufgaben, die kritische Pfade abdecken. "Think Aloud"-Protokoll. Deckt mentale Modelle und Verwirrungsbereiche auf, die Metriken allein nicht erkennen können.
10-Punkt-Likert-Fragebogen. Einzelner 0-100-Score. Benchmarked gegen Branchendurchschnitte. Validiert Usability vor dem Launch.
28 semantische Differenzial-Wortpaare. Misst Pragmatische Qualität, Hedonisch-Stimulation, Hedonisch-Identifikation und Globale Attraktivität.
der Teilnehmer erinnerten sich nach 5 Sekunden an Score und Farbcode des Produktblatts. Kern-Design-Hypothese validiert.
durchschnittlicher SUS-Score - 68. Branchenperzentil, über dem Gesundheits-/Ernährungsdurchschnitt (68,4). Niveau: "Gut".
AttrakDiff Pragmatische Qualität - Self-Oriented-Quadrant: Die App wird als zugleich nützlich und identitätsstiftend wahrgenommen.
"Ich habe den Score sofort verstanden - genau wie der Nutri-Score. Orange bedeutet nicht gut, ich hätte es nicht gekauft."
"Ich konnte erkunden, ohne etwas preiszugeben. Das ist beruhigend für jemanden wie mich, der Apps gegenüber misstrauisch ist."
"Ich würde es als Widget auf meinem iPhone einrichten, um schnell darauf zugreifen zu können, ohne die App überhaupt zu öffnen."
| Aufgabe | Direkter Erfolg | Assistiert | Ø Zeit | Ziel | Fehlklicks |
|---|---|---|---|---|---|
| T1 - Onboarding + Tier | Gutes Ergebnis: 83% | 17% | 2m 10s | <3min | 2.3 |
| T2 - Scan + Score lesen | Gutes Ergebnis: 100% | 0% | 28s | <60s | 0.2 |
| T3 - Bewertungsmethode | Verbesserungsbedarf: 50% | 33% | 1m 45s | <60s | Verbesserungsbedarf: 4.7 |
| T4 - Favoriten + Verlauf | Gutes Ergebnis: 83% | 17% | 35s | <60s | 1.1 |
| T5 - Kostenlos vs. Premium | 67% | 33% | 1m 05s | <60s | 2.8 |
WCAG 2.1 AA vom ersten Tag an.
Barrierefreiheit von Anfang an integriert, nicht nachträglich eingebaut. Ein Barrierefreiheitsproblem im Design zu beheben kostet 10× weniger als in der Entwicklung und 100× weniger als nach dem Launch. Auditiert mit Stark und A11y Annotation Kit über 14 WCAG 2.1-Kriterien.
Alle interaktiven Elemente erfüllen das minimale Berührungsziel von 44×44pt (Apple HIG). Der zentrale Scan-Button ist 56×56pt. Mindestabstand von 8pt zwischen benachbarten interaktiven Elementen verhindert versehentliche Taps.
Der Interface-Text zielt auf CEFR B1-B2-Niveau. Technische Begriffe sind immer mit Erklärungen in einfacher Sprache gepaart. Der Score reduziert 200+ Referenzen auf eine klare Entscheidung - direkt das Paradox der Wahl adressierend. Konstantes sichtbares Feedback eliminiert Interface-Angst.
Der Score-Gradient (rot bis grün) ist das klassische Deuteranopie-Risiko. Durch zwei Designentscheidungen gemindert: ein systematisches Textlabel auf jedem Score-Niveau (Kritisch, Schwach, Akzeptabel, Gut, Ausgezeichnet) und differenzierte Helligkeitswerte über Score-Stufen - nicht nur der Farbton.
| Farbpaar | Verhältnis | Normaler Text | Großer Text | Verwendung |
|---|---|---|---|---|
| Saddle Brown on Snow | 9.20:1 | AAA | AAA | Fließtext, Titel, Labels (primär) |
| Snow on Saddle Brown | 9.20:1 | AAA | AAA | Umgekehrter Text, gefüllte Buttons |
| Saddle Brown on Pale Yellow | 7.36:1 | AAA | AAA | Titel und Badges auf gelbem Hintergrund |
| Saddle Brown on Mint Green | 6.28:1 | AA | AAA | Überschriften auf grünem Hintergrund |
| Alert Red on Snow | 4.82:1 | AA | AA | Fehlermeldungen, kritische Scores |
| Premium Gold on Snow | 3.12:1 | Fail | AA | Icons und großer Text nur |
| Snow on Mint Green | 1.46:1 | Fail | Fail | Nie für Text verwendet - aus Tokens ausgeschlossen |
4 Quartale. Messbare Ziele.
Jeder Meilenstein ist in Testdaten verankert. Zuerst Konversionsblockaden beheben. Dann bei Retention, Wachstum und internationaler Expansion iterieren - jedes Quartal mit einem quantifizierten Ziel.
- Bewertungsmethode-Button P0
- 7-tägige Premium-Testphase
- Lader mit Fortschritt + Text
- A/B-Test Premium-CTA-Platzierung
- iOS / Android Deploy
- Produktkomparator
- iOS / Android Widget
- Offline-Modus - 50 gecachte Produkte
- Video-Onboarding
- Story-Share-Template
- Multi-Tierart (Exotische Tiere)
- Alternativen-Marktplatz
- Gamifizierter Fortschritt
- Geofenced Push-Benachrichtigungen
- UK · DE · ES
- Zoofachhandel Partner-API
- Kulturelle Farbcode-Anpassung
- Kontextualisierte Verschreibung
11 - Wichtigste Erkenntnisse
83% der Tester forderten Beweise vor Vertrauen. Transparenz wurde zum Produkt.
12 Interviews sagten mit unterschiedlichen Worten dasselbe: Niemand vertraut einem Unternehmen, das seine eigenen Hausaufgaben benotet. Deshalb liegt jedes Bewertungskriterium offen auf dem Produktblatt, Gewichtung inklusive. Deshalb erinnerten sich auch 100% der Tester noch fünf Sekunden nach dem Wegschauen an den Score. Pawka setzt nicht darauf, gemocht zu werden. Es setzt darauf, überprüfbar zu sein - und in einem Markt voller Greenwashing ist überprüfbar die einzige Art von Vertrauen, die einen Gang, eine skeptische Käuferin und vier Minuten zwanzig zum Entscheiden übersteht.
Weitere Projekte
Eine coole Idee?
Dieser Platz wartet auf deine Erfolgsgeschichte.
Twiggli
Produktdesign für eine Familien-Sharing-App - Eltern und Kindern helfen, durch geteilte Erinnerungen, Routinen und durchdachte UX verbunden zu bleiben.