Was ist PlutoPay?
PlutoPay ist ein Fintech-App-Konzept, das jungen Erwachsenen hilft, gemeinsame Ausgaben im Blick zu behalten und Rechnungen unkompliziert aufzuteilen. Als Einzelprojekt in vier Wochen entwickelt — von der Recherche bis zum High-Fidelity-Prototyp in Figma.
Das Problem
Das Aufteilen von Ausgaben in Gruppen ist unübersichtlich. Menschen verlieren den Überblick darüber, wer was bezahlt hat, Erinnerungen wirken unangenehm und bestehende Apps sind mit Funktionen überladen, die niemand nutzt.
Das Ziel
Eine klare, vertrauenswürdige App entwickeln, mit der sich eine Ausgabe in weniger als zehn Sekunden hinzufügen lässt — mit klaren Übersichten auf einen Blick und ohne unangenehme Situationen beim Ausgleichen.
Interviews mit Nutzer:innen zeigten drei wiederkehrende Schwierigkeiten bei der Verwaltung von Abonnements und Ausgaben. Diese Erkenntnisse prägten jede folgende Designentscheidung.
Kein Überblick über aktive Abonnements
Nutzer:innen verlieren schnell den Überblick darüber, wofür sie bezahlen — vergessene Gratis-Testphasen und ungenutzte Dienste belasten ihr Budget jeden Monat.
Zu viele Klicks bis zu den Details
Banking-Apps verbergen wichtige Informationen. Um eine einzelne Zahlung zu prüfen, muss man sich durch endlose Transaktionslisten arbeiten.
Keine Erinnerungen vor Verlängerungen
Abonnements verlängern sich unbemerkt. Nutzer:innen wünschen sich eine Warnung, bevor Geld vom Konto abgebucht wird — keine Überraschung danach.
Nutzer-Personas
Empathy Map
Die Analyse dessen, was Nutzer:innen sagen, denken, tun und fühlen, verschaffte mir ein tieferes Verständnis ihrer Herausforderungen beim Umgang mit Geld. Sie machte klare Stressauslöser sichtbar — unbemerkte Verlängerungen, unübersichtliche Kündigungen und endlose Transaktionslisten — und zeigte, wo die Benutzeroberfläche Klarheit und Sicherheit vermitteln muss.
Zum Erkunden wischen →
Zum Erkunden wischen →
App-Struktur
Nachdem ich die Bedürfnisse der Nutzer:innen verstanden hatte, strukturierte ich PlutoPay rund um fünf Kernbereiche — Dashboard, Zahlungen, Sparen, Profil und Support. Ziel war es, Abonnements und Ausgaben mit nur einem Tippen erreichbar zu machen, damit die Finanzverwaltung nie überfordernd wirkt.
Nutzerabläufe
Ausgehend von der App-Struktur habe ich die drei häufigsten Aufgaben abgebildet, die Nutzer:innen ausführen. Jeder Ablauf wurde so gestaltet, dass sein Ziel in möglichst wenigen Schritten erreicht wird — mit klarer Rückmeldung an jedem Entscheidungspunkt.
Wireframes
Basierend auf den Nutzerabläufen und der App-Struktur begann ich mit Low-Fidelity-Wireframes, um Layout und Hierarchie festzulegen. Anschließend entwickelte ich sie mit echten Inhalten, Beschriftungen und Navigation zu Mid-Fidelity-Wireframes weiter. Zwischen beiden Stufen wurden mehrere Details angepasst, etwa eine klarere Kategorieauswahl und beschriftete Elemente der Tab-Bar.
Zum Erkunden wischen →
Styleguide
Ich entwickelte ein Designsystem mit atomaren Komponenten sowie standardisierten Karten, Buttons und Navigationsleisten, die über alle Screens hinweg wiederverwendet werden. Die grüne Farbpalette vermittelt Vertrauen und finanzielle Stabilität; Inter sorgt auch in kleinen Größen für gute Lesbarkeit. Ein individuelles 5-Spalten-Raster hält die Navigation mit fünf Elementen ausgewogen, während Kategorie-Icons Ausgaben sofort erkennbar machen — ganz ohne Lesen.
Prototyp
Ich entwickelte einen klickbaren Prototypen in Figma, der die zentralen Abläufe abdeckt — eine Ausgabe hinzufügen, Abonnements verwalten und ein Sparziel erstellen. Probiere ihn unten selbst aus.
Usability-Tests
Ich führte moderierte Usability-Tests mit drei Teilnehmenden durch (je 10–15 Minuten) und nutzte dabei den Figma-Prototyp mit Bildschirmaufzeichnung. Die Teilnehmenden erledigten realistische Aufgaben — eine Ausgabe erstellen, ein Abonnement verwalten und kündigen sowie ein Sparziel anlegen — während ich Orientierung, Navigation und Reibungspunkte beobachtete.
Kündigungsoption schwer zu finden
Alle Teilnehmenden fanden die Kündigungsfunktion — allerdings erst nach längerer Suche. Die Option wirkte in den Abonnementdetails versteckt.
Unsicherheit bei der Kategorieauswahl
Das Erstellen einer Ausgabe funktionierte insgesamt gut, doch bei der Auswahl der Kategorie hielten die Teilnehmenden kurz inne.
Klareres Feedback gewünscht
Nach sensiblen Aktionen wie einer Kündigung erwarteten die Teilnehmenden eine zusätzliche Bestätigung und deutlicheres Systemfeedback.
