Finsage

Ein UX/UI-Design-Projekt für eine App
für finanzielle Bildung und Sparen.

Prototyp ansehen
Prototyp ansehen
Jahr

2024 (6 Wochen)

Tools

Figma, FigJam

Team

Solo

Rolle

UX/UI Designer

Übersicht

Finsage ist eine mobile App, die es jungen Erwachsenen in Deutschland ermöglicht, ihr Finanzwissen zu verbessern und gleichzeitig gesunde Spargewohnheiten zu entwickeln. Die App kombiniert mundgerechtes Finanzwissen mit flexiblen Spartools, um die Nutzer zu motivieren, ihre finanziellen Ziele zu erreichen.

Das Projekt wurde durchgeführt, um den wachsenden Bedarf an einfacher und ansprechender Finanzbildung für junge Nutzer zu decken und gleichzeitig ein einzigartiges anreizorientiertes Sparsystem anzubieten.

Problem

Viele junge Erwachsene in Deutschland (im Alter von 16 bis 25 Jahren) kämpfen mit finanzieller Unabhängigkeit, weil es an praktischer Bildung und an auf ihre Bedürfnisse zugeschnittenen Tools mangelt. Aktuelle Finanz-Apps sind entweder zu komplex oder gehen nicht auf ihre spezifischen Ziele ein, was die Verwaltung von Ersparnissen und das Erlernen grundlegender Finanzkonzepte erschwert.

Das sind die Herausforderungen, die ich mit dieser App angehen will:

  1. Mangel an finanzieller Bildung: Junge Erwachsene haben mit begrenzten Kenntnissen und Verwirrung in Bezug auf die effektive Verwaltung persönlicher Finanzen zu kämpfen.
  2. Schwierigkeiten bei der Festlegung von Sparzielen: Die Nutzer finden es schwierig, auf einfache und ansprechende Weise Sparziele zu setzen und zu verfolgen.
  3. Begrenzte Tools für finanzielle Unabhängigkeit: Es gibt einen Mangel an zugänglichen Tools, die jungen Nutzern bei der finanziellen Unabhängigkeit helfen sollen.

Zusammenfassung der Nutzerforschung

Ich habe umfassende Nutzerforschung durchgeführt, um die Bedürfnisse und Schmerzpunkte der Zielgruppe zu verstehen. Die vollständigen Details dieser Forschung, einschließlich visueller Darstellungen, sind hier enthalten:

Nutzerforschung anzeigen
Nutzerforschung anzeigen
  1. User Personas: 3 Personas, die unterschiedliche finanzielle Ziele und Herausforderungen der 16-25-Jährigen repräsentieren.
  2. Wettbewerbsanalyse: Evaluierung bestehender Apps (Finanzguru, N26, Numbrs & Finanzfluss) hinsichtlich der wichtigsten Merkmale, Stärken, Schwächen und des einzigartigen Wertversprechens.
  3. Informationsarchitektur & MoSCoW: Outline der Kernstruktur und Priorisierung der Funktionen für das MVP.
  4. User Journey Maps: User-Journey eder Persona von der Einführung bis zum Erreichen der Sparziele abgebildet.

Zieldefinition

  1. Finanzkompetenz fördern: Mikrolernmodule anbieten, um finanzielle Bildung zu vereinfachen und Nutzern zu helfen, wichtige Konzepte zu verstehen.
  2. Vereinfaches Sparen: Nutzern ermöglichen, Sparziele zu erstellen, zu verwalten und zu verfolgen, mit Fokus auf Benutzerfreundlichkeit und Flexibilität.
  3. Sparen anreizen: Nutzer motivieren, indem Zinsbelohnungen für das Erreichen von Sparzielen angeboten werden.
  4. Gemeinschaftliches Lernen: Ermöglicht es den Nutzern, sich an Diskussionen im Unterricht zu beteiligen, um Wissen auszutauschen und Antworten zu erhalten.

Design

Vereinfachung der App auf zwei Kernbereiche:

  1. Bildungs-Hub: Mikro-Lernmodule an, um die Finanzbildung zu vereinfachen und den Nutzern zu helfen, wichtige Konzepte zu verstehen.
  2. Sparziele: Visuelles Tracking mehrerer Sparziele.

User Flow

Wichtige Benutzerflüsse erstellt und verfeinert, um eine nahtlose Navigation zwischen den Lern- und Sparfunktionen zu ermöglichen.

Wireframes

Die Wireframes betonen das Layout, die Struktur und die visuellen Elemente des Designs und lassen absichtlich spezifischen Text oder detaillierte Inhalte weg, um sich auf die Gesamtfunktionalität zu konzentrieren.

Hier sind einige ausgewählte Wireframes:

Low Fidelity Frames Savings
Low Fidelity Frames Education

High-Fidelity Design

Integrierte visuelle Elemente wie Farben, Typografie und Bildmaterial in die Wireframes, um einen ausgefeilten Prototyp zu erstellen, der die Markenidentität und die Benutzeroberfläche genau widerspiegelt.

Hier sind einige ausgewählte Designs:

HiFi Frames Savings Overview, New Goal and Specific Savings Goal
HiFi Frames Education Overview, Specific Course, Course Video with Transcript, Course Video with Attachments for download and Course Discussion Forum

Finales Prototyp

Dieser interaktive Prototyp ermöglicht es Ihnen, das Design und die Funktionen der Finsage-App zu erkunden. Klicken Sie sich durch und erleben Sie die Benutzerführung und die Funktionen aus erster Hand.

Schlussfolgerung

Finsage hat die Kraft der Einfachheit im Finanzdesign verstärkt – Nutzer brauchen nicht nur Daten, sondern Klarheit und Vertrauen. Ich habe gelernt, wie kleine Designentscheidungen, wie Formulierungen, Farbpsychologie und schrittweise Offenlegung, das Finanzmanagement zugänglich und nicht überwältigend machen können.

Dieses Projekt hat auch die Bedeutung der Iteration hervorgehoben. Was anfangs intuitiv schien, musste oft verfeinert werden, und echtes Nutzerfeedback war von unschätzbarem Wert, um eine nahtlosere Erfahrung zu schaffen. Letztlich hat mir Finsage gezeigt, dass großartiges UX-Design nicht nur Usability bedeutet – es geht darum, Nutzer zu befähigen, mit Leichtigkeit bessere Entscheidungen zu treffen.