Alle Referenzen

Parqet

FinTech / Portfolio-Tracking

Überblick

Parqet ist eine App, mit der Anleger ihr Portfolio verfolgen. Für Parqet habe ich die Mobile App komplett neu gestaltet. Funktionen, die es bisher nur im Web gab, sind in die App gekommen. Dafür habe ich Wettbewerber analysiert, Nutzer befragt und Usability-Tests durchgeführt. Neu sind unter anderem der Tagesüberblick, ein Dividendenkalender für das Smartphone und der jährliche Wrapped. Außerdem habe ich Shirts für den Messeauftritt und Intros für den Friday Fireside gestaltet.

Typ
Mobile App und Marke
Rolle
UI/UX Design und Konzeption, Brand und Motion Design
Tools
Figma
Skills
Wettbewerbsanalyse, Nutzerbefragung, UX-Konzeption, UI Design, Prototyping, Usability-Tests, Motion Design

Projekt-Snapshot

Ergebnisse

  • 58 %

    der wöchentlich aktiven Nutzer öffnen den Tagesüberblick

  • 41 %

    der aktiven Nutzer öffnen ihren Wrapped in den ersten zwei Wochen

  • 4,7 von 5

    Zufriedenheit der Testnutzer in der letzten Runde

Ziel

Die Mobile App soll die Funktionen bieten, die Nutzer aus der Web-App kennen. Nutzer sollen sich unterwegs schnell zurechtfinden. Auch außerhalb der App soll die Marke einheitlich auftreten.

Herausforderung

Die Web-App hat viele Funktionen und viele Tabellen. Auf dem Smartphone ist dafür wenig Platz. Ich musste entscheiden, was zuerst in die App kommt. Bestehende Nutzer sollen sich trotz neuer Oberfläche zurechtfinden.

Ergebnis

Eine Tab-Leiste führt zu den Hauptbereichen. Der Home-Screen zeigt das Portfolio und den Tagesüberblick. Der Dividendenkalender zeigt Termine als Monatsraster. Der Wrapped erzählt das Jahr als Story mit Bewegung.

UX-Research und Discovery

  • 18

    Interviews

    mit Nutzern der Parqet App

  • 412

    Antworten in der Umfrage

    zu Wichtigkeit und Priorität der Funktionen

  • 3

    Runden Usability-Tests

    mit je sechs Teilnehmenden am Prototyp

  • 6

    Wettbewerber analysiert

    Portfolio-Apps für das Smartphone

Nutzerziel

Nutzer wollen unterwegs schnell sehen, was sich in ihrem Portfolio getan hat. Sie wollen in der App dieselben Funktionen nutzen wie im Web.

Geschäftsziel

Die App deckt die wichtigsten Funktionen der Web-App ab. Mehr Nutzer öffnen sie jede Woche. Die Marke wirkt in App, Wrapped und auf Messen einheitlich.

Nutzer-Erkenntnisse

  • 78 %

    Wunsch nach schnellem Überblick

    Sie schauen meist nur kurz in die App, zum Beispiel unterwegs.

  • 69 %

    Dividendenkalender auf dem Smartphone

    Sie wollen auch dort sehen, wann welche Dividende ansteht.

  • 64 %

    Web-Funktionen fehlen in der App

    Am häufigsten fehlten Analysen und Auswertungen.

  • 72 %

    Kurzer Rückblick statt langer Auswertung

    Sie finden einen kompakten Jahresrückblick besser als viele Diagramme.

Farbpalette

  • #009991Parqet-Türkis
  • #334155Schiefer
  • #0c0c0cNachtschwarz
  • #625184Violett
  • #f3f5f7Hellgrau
Titelbild: Der Analyse-Bereich der neuen Parqet Mobile App auf drei nebeneinander stehenden Smartphones im dunklen Design. Links stehen die Gewichtung und vier Kacheln, in der Mitte eine Monatsübersicht und rechts eine Übersicht der Kapitalflüsse.

Iterativer Prozess

Redesign der Mobile App: Home und Dividendenkalender

Grafik zum Redesign der Parqet Mobile App mit zwei Smartphones. Links steht der helle Home-Screen mit Portfolio-Halbkreis, dem Banner Dein täglicher Überblick erwartet dich und vier Kennzahlen-Kacheln. Rechts steht der dunkle Dividendenkalender mit Monatsraster und der Liste der Zahlungen darunter.

Parqet Wrapped: Slides der Story

Drei Slides des Parqet Wrapped nebeneinander. Die ersten beiden sind farbige Titel-Slides mit den Überschriften Performance Insights und Allocation Insights. Die dritte ist eine dunkle Karte mit goldenem Rand und einem Community-Vergleich.

Parqet Wrapped 2025: Ankündigung der Neuerungen

Ankündigungsgrafik als Raster dunkler Kacheln. In der Mitte steht Parqet Wrapped 2025 mit einem Rückspul-Symbol. Rechts daneben zeigt eine Kachel das Redesign der Mobile App. Weitere Kacheln zeigen unter anderem Newsfeed, Dividendenprognose, Dark Mode und Treemap.

Shirts und Hoodies für den Messeauftritt

Entwürfe für Kleidung mit Parqet Logo. Links steht ein schwarzes Shirt mit kleinem Logo auf der Brust und dem Schriftzug parqet.com am Ärmel. In der Mitte und rechts steht ein schwarzer Hoodie von vorn und von hinten mit dem türkisen Logo.

Recherche

Persona Mara, Gelegenheitsnutzerin

  • Erfundene Beispiel-Persona.
  • Sie schaut meist kurz in die App, zum Beispiel auf dem Weg zur Arbeit.
  • Sie will auf einen Blick sehen, was sich getan hat.
  • Lange Tabellen auf dem Smartphone schrecken sie ab.

Persona Tim, Dividendenfan

  • Erfundene Beispiel-Persona.
  • Er kennt die Web-App gut und nutzt dort viele Auswertungen.
  • Er vermisst diese Auswertungen in der App.
  • Er will Dividendentermine auch auf dem Smartphone prüfen.

Wettbewerbsanalyse

  • Ich habe sechs Portfolio-Apps für das Smartphone verglichen.
  • Ich habe Navigation, Startseite und Umfang der Funktionen betrachtet.
  • Das Ergebnis war eine Liste mit Lücken und Chancen für Parqet.

Befragung und Prioritäten

  • Ich habe Nutzer in Interviews und in einer Umfrage befragt.
  • Sie haben Funktionen nach Wichtigkeit sortiert.
  • Daraus entstand eine Rangliste für die App.

Priorisierte Funktionen statt 1:1-Übernahme

  • Warum: Nutzer brauchen unterwegs nicht jede Web-Funktion gleich dringend. Die Rangliste legt die Reihenfolge fest.
  • Statt: Alle Web-Funktionen eins zu eins in die App zu kopieren.
  • Abwägung: Einige Funktionen kommen später. Dafür sind die wichtigsten zuerst gut bedienbar.

App-Redesign

Neue Struktur der App

  • Eine untere Tab-Leiste führt zu Home, Holdings, Dividenden, Analyse und News.
  • Der Home-Screen zeigt oben den Zeitraum und das Portfolio.
  • Kennzahlen stehen darunter als Kacheln.

Tagesüberblick als Banner auf dem Home-Screen

  • Warum: Eine kurze Zusammenfassung spart den Weg durch viele Bereiche. Der Banner Dein täglicher Überblick erwartet dich weist darauf hin.
  • Statt: Ein Vollbild-Dialog beim Start der App.
  • Abwägung: Nicht jeder Nutzer sieht den Tagesüberblick. Dafür muss ihn niemand wegklicken. Der Banner lässt sich schließen.

Dividendenkalender als Monatsraster

  • Warum: Ein Monatsraster zeigt die Termine auf einen Blick. Wer einen Tag antippt, sieht die Zahlungen darunter.
  • Statt: Die breite Tabelle der Web-App.
  • Abwägung: Das Raster zeigt weniger Spalten. Details erscheinen erst nach dem Antippen eines Tages.

Analyse in Kacheln

  • Warum: Jede Kachel führt zu einer Auswertung und zeigt schon eine Vorschau.
  • Statt: Eine lange Seite mit allen Auswertungen.
  • Abwägung: Bis zur Auswertung braucht es einen Schritt mehr. Dafür bleibt die Übersicht ruhig.

Funktionen aus dem Web in der App

  • Die Rangliste legt fest, welche Web-Funktionen in die App kommen.
  • Dazu gehören Analysen und Auswertungen.
  • Jede Funktion bekommt ein Layout für den Daumen und für kleine Bildschirme.

Wrapped und Marke

Parqet Wrapped 2025

  • Der Wrapped ist ein jährlicher Rückblick auf das Portfolio, ähnlich wie bei Spotify.
  • Er läuft als Story mit Slides, Fortschrittsbalken und einer Funktion zum Teilen.
  • Jede Slide trägt eine Aussage und hat eine eigene Farbwelt.
  • Bewegung führt von Slide zu Slide.

Story statt Berichtsseite

  • Warum: Eine Story führt in kurzen Schritten durch das Jahr. Nutzer wischen weiter und müssen nichts suchen.
  • Statt: Eine lange Seite mit Diagrammen.
  • Abwägung: Die Slides zeigen weniger Zahlen. Wer mehr wissen will, öffnet die Analyse.

Bewegung mit Zweck

  • Warum: Bewegung lenkt den Blick auf die Kernaussage. Linien zeichnen sich, Zahlen zählen hoch.
  • Statt: Bewegung als reine Dekoration.
  • Abwägung: Entwurf und Umsetzung kosten mehr Zeit. Jede Animation braucht ein klares Ziel.

Shirts für den Messeauftritt

  • Ich habe Shirts für den Messeauftritt gestaltet.
  • Das Logo sitzt klein auf der Brust.
  • Der Schriftzug parqet.com steht am Ärmel.
  • Die Entwürfe gibt es auch als Hoodie.

Kleines Logo statt großem Druck

  • Warum: Ein kleines Logo wirkt ruhig und lässt sich im Alltag tragen.
  • Statt: Ein großes Motiv auf der Brust.
  • Abwägung: Das Shirt fällt aus der Ferne weniger auf. Dafür passt es auch außerhalb der Messe.

Intros für den Friday Fireside

  • Der Friday Fireside ist ein wöchentliches Streaming-Format.
  • Er berichtet über Neuigkeiten zum Tool und zum Unternehmen.
  • Ich habe die Intros mit Bewegung und der Farbwelt der Marke gestaltet.

Wöchentlicher Dividenden-Post

  • Einmal pro Woche erscheint ein automatischer Post zu Dividenden.
  • Der Post informiert nur über anstehende Dividendenzahlungen.
  • Das Team hat ein System gebaut, das die Bilder selbst erzeugt und zu einer festen Zeit veröffentlicht.
  • Das System spart etwa zwei Stunden Handarbeit pro Woche.
  • Die Posts erhalten im Schnitt rund 25 % mehr Interaktionen als frühere Posts von Hand.

Template statt Handarbeit

  • Warum: Ein festes Template macht jeden Post erkennbar. Das System füllt es jede Woche mit neuen Daten.
  • Statt: Jede Woche neue Grafiken von Hand.
  • Abwägung: Das Template lässt wenig Spielraum. Neue Motive brauchen eine Anpassung des Templates.

App-Screens

  • Home-Screen der Parqet Mobile App im hellen Design. Oben stehen Depotauswahl, Zeitraumwahl und ein Halbkreis mit der Gewichtung der Positionen. In der Mitte steht der Depotwert mit Gewinn und Prozentwert. Darunter folgen der Banner Dein täglicher Überblick erwartet dich und vier Kennzahlen-Kacheln. Unten steht die Tab-Leiste.
    Home
  • Dividenden-Screen der Mobile App. Ein Balkendiagramm zeigt die gezahlten Dividenden je Monat über mehrere Jahre, die Balken sind nach Positionen farbig gestapelt. Darunter steht die Kachel Renditedetails mit Portfoliowert sowie Brutto- und Netto-Dividende.
    Dividenden
  • Analyse-Screen der Mobile App mit Kacheln. Oben zeigt die Kachel Gewichtung den Halbkreis mit dem Depotwert. Darunter stehen die Kacheln Renditedetails und Kapitalfluss mit kleinen Rasterfeldern als Vorschau, dazu Gebühren der letzten zwölf Monate und der letzte Trade. Das Steuerdashboard beginnt am unteren Rand.
    Analyse
  • Screen Renditedetails der Mobile App. Ein Raster zeigt die Rendite für jeden Monat eines Jahres, positive Werte grün und negative rot, noch offene Monate grau. Darunter stehen die Jahresrenditen mehrerer Jahre und ein Säulendiagramm der Monatswerte.
    Renditedetails
  • News-Feed der Mobile App mit den Reitern Meine News, Top Stories und Alle. Die Meldungen sind nach Heute und Gestern gruppiert, jede zeigt die Zeit seit der Veröffentlichung und eine Schlagzeile. Vor den Meldungen stehen graue Platzhalter-Kreise statt Firmenlogos.
    News

Validierung

Ich habe die Entwürfe in drei Testrunden mit Nutzern der App geprüft. Jede Runde hatte sechs Teilnehmende. Nach jeder Runde habe ich Navigation, Dividendenkalender und Tagesüberblick überarbeitet. Den Wrapped hat das Team vor dem Start intern getestet.

Reflexion

Die Rangliste nach Nutzerwunsch hat die Diskussion über den Umfang beendet. Der Banner hat den Tagesüberblick bekannt gemacht, ohne zu stören. Beim Wrapped braucht Bewegung Ruhe, damit Nutzer jede Slide lesen können. Ich würde Nutzer künftig noch früher an den Wrapped-Entwürfen beteiligen.

Nächste Schritte

Weitere Funktionen aus der Web-App kommen nach der Rangliste in die App. Der Tagesüberblick wird feiner einstellbar. Der nächste Wrapped bekommt neue Slides und Motive.