App Design
User Testing
Raiffeisen Capital
About
Die Raiffeisen Kapitalmarkt App wurde entwickelt, um die Marke Raiffeisen stärker mit den Themen Börse, Wertpapiere und Investments zu verknüpfen und ihre Investment-Kompetenz im digitalen Umfeld sichtbar zu machen.
Rolle
UX/UI Designer
Zeitraum (eigener Beitrag)
09/2025 – 12/2025
Team
Enge Zusammenarbeit mit UX/UI Lead und Projektmanagement
Agentur: dotsandlines
Credits: Stefan Ortmair, Hana Salihodzic, Nils Emilio Peppler, Yuliya Hofer
Projektziele
& Strategie
Im Rahmen eines Kundenworkshops wurden die strategischen Ziele und Inhalte für die Kapitalmarkt App definiert. Darauf aufbauend wurde die Informationsarchitektur entwickelt und in eine klare Sitemap, sowie User Flows überführt. Ziel war es, Nutzer:innen durch relevante Marktinformationen und personalisierte Funktionen langfristig zu binden sowie komplexe Finanzthemen durch eine intuitive Nutzerführung verständlich und zugänglich aufzubereiten. Gleichzeitig sollte die App das bestehende Markenvertrauen, die Bekanntheit und die Kundenbasis nutzen, um die Relevanz des Veranlagungsgeschäfts zu steigern.
Visuelles Konzept
Auf Basis der Sitemap und User Flows wurde ein visuelles Konzept entwickelt, das die Markenidentität von Raiffeisen mit den Anforderungen einer modernen Kapitalmarkt-App verbindet. Das Design orientiert sich an den Markenrichtlinien, der bestehenden Raiffeisen ELBA-App, sowie etablierten iOS-Mustern und setzt auf eine klare visuelle Hierarchie, um Finanzinformationen verständlich und übersichtlich darzustellen. Besonderes Augenmerk lag auf einer konsistenten Komponentenbibliothek, der Ausarbeitung von Light- und Dark-Mode sowie der Einhaltung relevanter WCAG-Standards für eine zugängliche Nutzererfahrung.
Interface Design
Basierend auf dem visuellen Konzept, der Sitemap und den User Flows wurden sämtliche Screens und Interaktionen der App detailliert ausgearbeitet. Der Fokus lag auf der klaren Strukturierung komplexer Inhalte, einer intuitiven Navigation sowie der konsistenten Anwendung des Designsystems über alle Bereiche hinweg. Besondere Aufmerksamkeit galt der Gestaltung zentraler Funktionen wie Watchlists, Kursübersichten, Wertpapierdetails und personalisierten Benachrichtigungen, um Nutzer:innen einen schnellen Zugang zu relevanten Informationen und eine effiziente Bedienung zu ermöglichen.
User Testing
Zur Validierung des Konzepts wurden moderierte Usability-Tests mit fünf Testpersonen anhand eines interaktiven Figma-Prototypen durchgeführt. Mithilfe eines strukturierten Testleitfadens und der Think-Aloud-Methode wurden Nutzungserfahrungen, Erwartungen und mögliche Hürden erfasst. Die gewonnenen Erkenntnisse wurden thematisch gebündelt, analysiert und anhand ihres Nutzermehrwerts sowie des Implementierungsaufwands priorisiert. Die daraus abgeleiteten Optimierungspotenziale flossen direkt in die Weiterentwicklung des Konzepts ein.
Ergebnis
Das Ergebnis ist eine moderne Kapitalmarkt-App, die komplexe Investmentinformationen verständlich aufbereitet und die Markenwahrnehmung von Raiffeisen im Bereich Investments stärkt. Durch User Tests konnten mehrere Usability-Probleme frühzeitig identifiziert und optimiert werden.
Tools
Figma
Verantwortung (In enger Zusammenarbeit mit dem UX/UI Lead)
Konzeption von Screen-Strukturen, Informationsarchitektur und Nutzerführung
Entwicklung des visuellen Konzepts unter Berücksichtigung nativer iOS-Designrichtlinien sowie der Raiffeisen Markenrichtlinien
Erstellung von UI-Komponenten und High-Fidelity Screens für Light- und Dark-Mode
Berücksichtigung der WCAG-Standards für Barrierefreiheit
Erstellung interaktiver Prototypen für Designsprints und User Tests
Planung, Durchführung und Auswertung von User Tests sowie Ableitung von Optimierungspotenzialen
Übergabe an Development & Abstimmung während der Umsetzung
Weitere Cases
Danube Private University
Web Design
Brand Refresh
Stellini Advisors
Web Design
Web Development
Weitere Cases
Danbube Private University
Web Design
Brand Refresh
Stellini Advisors
Web Design
Web Development