From Mockup to Market
Year
2025 / 26
Context
University
Collaborators
Kim Tuyen Truong, Angel Pfitzmann, Carla Burggraf, Leonidas Bothmer, Maeva Dongmo
Tools
Figma
Area
Product Design
Project Summary
From Mockup to Market was a collaborative course with Smartbroker+, a Berlin-based neobroker, exploring the design of innovative user interfaces for financial products. The course emphasizes translating early-stage mockups into market-ready solutions, addressing real constraints of fintech environments. This work was produced in the winter semester 2025 as a study project at the Fachhochschule Potsdam in collaboration with Smartbroker AG. It represents an academic performance and not a commercial contract job.
Redesign Webview Document Page (left old - right new)
Redesign of the current Savingsplan Flow
New Dividend Tab in each Position
New Dividend Tab for all Positions in Portfolio
Dividend Analysis showing trend 5yr
Dividend Analysis showing sector analysis
Course Structure
The course was structured around several tasks that increased in complexity over time. It began with a simple redesign of the Webview’s document page, followed by using customer feedback to improve the flow for creating a savings plan. The third task focused on dividends, exploring how they could be presented more clearly in the app and which new features would add value. The final and most extensive project centered on Personalization & Innovation, where, without any existing Voice of Customer input, my group chose to focus on AI implementation, a redesigned Explore tab, and a new Goal feature.
Implementation of an AI-Context Chat - being able to compare Stocks and get insights
Customized Briefing in the Feed Tab
Social Trading Chat
Setup of a Goal - setting Goal amount and time - linking multiple assets
Key Insights
This course was extremely valuable, offering deep insights into the fintech world alongside hands-on experience with real world product development stages. A field I'm definitely keen to explore further.