Making financial education accessible through a web platform
Project
Save [For] Your Future
Course
UX / UI Design
Website
Figma Prototype
Type
UX
WEB
Tools
FIGMA
AFTER EFFECTS
Year
2025/2026
The website let's users choose at what pace and in which order they want to go. The most important topics can be viewed as a map, sorted alphabetically in a glossary or in a chronological order depending on what their individual goal is.
Every topic is explained in the exact same order using the exact same elements. That way users are able to quickly find exactly what they were searching.
Concept
Many different UX methods were used to make the website provides a good experience to its users. I reflected on the project's Why How What, did research on existing content, did an experts interview, created personas with use cases, and detailed user journeys.
Expert-Interview with Johannes Lenz. He works at MLP as insurance and financial adviros
Process
I explored lots of different concepts on how I could use the triangular shape to support the information and feeling I wanted to convey. When I finally found a design language I liked I was able to use the shapes systematically to create appealing interactions and animations.
Learnings
Paper Prototyping
Paper prototyping my first idea was a great way to quickly find out it didn't work! It was too similar to casual learning apps which wasn't what I wanted my project to be.
Sorting info by categories
Trying to sort information by different categories like size, time, alphabet, value, etc. is a great way to innovate on how to info – no matter whether it's a story, knowledge or data!