Finanzfluss: UX & UI Design für die neue ETF Suche
Über Finanzfluss
Finanzfluss ist ein bekannter Finanz-YouTube-Kanal, der sich darauf spezialisiert hat, Finanzthemen auf eine verständliche und zugängliche Weise zu präsentieren. Die Videos des Kanals behandeln ein breites Spektrum von Themen, von Budgetierung und Sparen bis hin zu Aktienhandel und Altersvorsorge. Dabei wird besonderer Wert auf eine praxisnahe und realitätsnahe Vermittlung der Inhalte gelegt. Der Kanal hat mittlerweile mehr als 1,14 Millionen Abonnenten. (Stand Juni 2023)
Die ETF Suche
Den zentralen Einstiegspunkt des ETF Informers stellt die ETF Suche dar, welche es Nutzern ermöglicht, mithilfe umfangreicher Suchparameter nach passenden ETFs zu suchen und zu filtern.
Zudem ist ein erster Vergleich zwischen den Suchergebnissen möglich; beispielsweise anhand von Ausschüttungsart, Fondsvolumen, Jahresrenditen, Performance und mehr.
Die Profilseite eines ETF
Weiterführende Informationen wie grundlegende Informationen über den ETF, den Kursverlauf, die Zusammensetzung, vergangene Renditen, Nachhaltigkeit und mehr bietet die individuelle Profilseite eines ETF.
Die große Informationsmenge ist dabei vor allem übersichtlich und strukturiert dargestellt, sodass User die für sie relevanten Info schnell und einfach erfassen können.
Nutzer können alle Details verschiedener ETFs vergleichen
User können über die Suche und die Profilseite ETFs zum Vergleich hinzufügen.
Das Interface wurde vor allem für mobile Endgeräte möglichst intuitiv und platzsparend gestaltet, ohne auf Informationen zu verzichten.
So ist es möglich, einen ETF in einer Spalte anzuheften, um auf der gegenüberliegenden Spalte einen weiteren ETF zum Vergleich auszuwählen. Durch Wischen innerhalb der Spalte kann zwischen den ausgewählten ETFs gewechselt werden.
Mobile First Design für eine bessere Nutzerzentrierung
Das Mobile First Konzept war von entscheidender Bedeutung für den Erfolg des Projekts, da der Großteil der Besucher von Finanzfluss die Website mit dem Smartphone besuchen.
So wurden Wireframes und Designs zuerst für mobile Endgeräte konzipiert und im Anschluss für größere Bildschirme adaptiert.