hopps is a modern, cloud-based solution for digital club accounting, specifically tailored to the needs of small and medium-sized clubs. It aims to help clubs manage their finances, receipts, and expenses transparently and easily, without unnecessary complexity.
How do you coordinate an existing project with many volunteers/students?
How do you structure complex financial processes (receipts, expenses, income) so that they remain understandable for non-accountants?
How do you ensure a streamlined UI without sacrificing important functionalities?
Since I only joined the project after a year, the beginning was particularly challenging. Due to the previous work being done on a volunteer or student basis, there was no clear direction, which meant the project lacked structure, a clear strategy, and shared goals and milestones. The following measures helped to bring together the existing infrastructure and vision, while simultaneously improving communication within the team:
Development of an information architecture and a clear focus on the MVP
Development of a UI concept with simple user journeys (e.g., "upload receipt", "create new issue")
Creation of wireframes and high-fidelity screens for the web frontend, based on a consistent design system and a modular UI library, to make subsequent implementation efficient and scalable.
Information architecture structure
Different screen designs for hopps
Getting started with the project:
April 2025 - Now
Responsible persons:
Manuel Hummler, Jannick Fuchs, Emilia Jaser, Paolo, Paul, Marie Stiller
Further links:
https://github.com/hopps-app/hopps
A personal project: In many volunteer organizations, managing medications presents a significant challenge – especially because frequently changing volunteers rely on an intuitive and straightforward solution . To better understand this problem and develop a suitable solution, I developed a concept for a digital organizational application and created a low-fidelity prototype in Figma.
Pain points identified through user surveys
My goal was to design an application that is easily accessible even for less tech-savvy users and facilitates the quick recording, management, and dispensing of medications. I deliberately focused on clear structures, simple navigation, and a minimalist design.
To better understand user needs , I began with a comprehensive user and pain point analysis . I then developed personas to make the diverse requirements of the target group tangible. Using user journey maps and defining the information architecture, I was able to identify the most important interaction points and build a logical structure for the application. During the ideation phase, I outlined and prioritized various approaches. Based on this, digital wireframes and a low-fidelity prototype were created.
Simple wireframes to get started with the project
Simplified User Journey Map
This project showed me how important it is to align even simple digital solutions with the actual needs of the users . What I found particularly exciting was carrying out the entire UX process independently, from the initial research to the prototype.
First prototype of the Medi-Navigator
Structure of the Medi-Navigator pages
Project duration:
January 2025 - March 2025
Responsible persons:
Marie Stiller
Project background:
Practice project for the Google UX Professional Certificate
Volunteer position at the Open.Med outpatient clinic in Zehlendorf
This project was created as part of a collaborative project between my degree program and the BVG (Berlin Transport Authority). The aim of the project was to explore the themes of safety and resilience in Berlin's underground through design and to open up new perspectives on everyday mobility.
Within the overarching theme of "Resilience in the Underground – Design Approaches for Safe Mobility", I independently developed, researched, and elaborated my topic " Everything Under Control? What Contributes Sustainably to Greater Safety in the Subways?" .
My focus was on how safety is perceived on the subway and why existing emergency call and safety systems are often not used in acute situations. The starting point was a personal observation: Many people experience threatening or unpleasant situations in public spaces, but do not make use of available help systems.
Based on qualitative observations, my own survey, as well as conversations and insights from within the system, I investigated,
how the alarm handle and other emergency call systems are communicated
which barriers stand in the way of their use
and what role uncertainty, confusion and social dynamics play in this.
The project is less a purely technical security concept and more a creative approach to a complex social issue . It focuses on questions of comprehensibility, standardization, social cohesion, and civic courage in public spaces.
The results lead to initial conceptual approaches and questions, which will be explored in greater depth next semester with the aim of developing accessible, understandable and socially effective design approaches for greater safety in everyday urban life .
Presentation of results to the BVG
Group photo of the Public Design study program
Project Course:
Master Public Design: Design Project 2.1 Resilience in the Underground - Design Approaches for Safe Mobility at Kottbusser Tor: Service Design Perspective
Project duration
October 2025 - now
Lecturer:
Prof. Daniela Hensel
Project:
Resilience underground – design approaches for safe mobility
Participants in the group:
Marie Stiller
Together with:
the BVG
Further links:
Good question! – Self-determined approach to the medical history interview is a card game designed to prepare patients for medical history interviews. It is aimed at independent patients aged 16 and older. The game can be used in educational settings, self-help groups, or privately.
Medical history interviews are characterized by a structural imbalance of knowledge and power. Time pressure, medical jargon, and a lack of transparency in the decision-making process can create uncertainty, inhibitions, and a feeling of helplessness. Trust is often taken for granted by physicians. This analog, rule-based card game uses situation cards in three difficulty levels, a time limit, quiz cards, and clearly defined acceptance criteria. Players formulate questions under time pressure, which are then discussed and evaluated together based on the criteria. Quiz cards also impart basic legal knowledge. This trains both communicative and legal confidence in action.
Detailed user journey map and visualization of the initial idea
The starting point of our project was the reconstruction of a real-life illness progression within the team. Using a user journey map, we analyzed doctor visits, emotions, and decision-making processes, identifying communication and trust as key pain points. The structural power imbalance during the initial consultation became particularly evident, as did the uncertainty many patients felt about asking critical or clarifying questions.
Initially, we developed the idea of a digital tool to facilitate conversations, but discarded this approach because it created additional complexity and did not inspire much trust. Instead, we opted for a more playful approach.
The result is an analog card game that simulates typical anamnesis situations. Players formulate appropriate questions under time pressure, reflect on them together, and thus practice confident communication skills. Trust is not a prerequisite, but rather experienced as a dialogical process.
Analysis of the user journey & identification of key pain points
Co-development of the game concept
Development of communication criteria
Iterative prototype testing
Creation of the first playing cards
Project Course:
Master Public Design: Design Tools 2: Interaction - Interfaces of Trust
Project duration
October 2025 - February 2025
Lecturer:
Prof. Alexander Müller-Rakow
Project:
Good question! Self-determined approach to the anamnesis interview
Participants in the group:
Amy Gross, Florian Roth, Marie Stiller
For MK&G Hamburg, I had the opportunity to develop an interactive survey concept as part of a small team within the Master's program in Public Design at HTW Berlin. This concept engages visitors not just at the end, but directly during their tour . Instead of a traditional questionnaire, a playful and participatory format was created that makes feedback tangible and actively focuses on the well-being of visitors.
User Journey Design
Development of the stamp image as a playful core element
Creation of the site plan for the spatial placement of the stations
Interactive question stations are placed along the museum tour at thematically appropriate locations. Visitors can seek them out as part of a "stamp hunt" or discover them spontaneously. At each station, they answer a question and receive a stamp.
Thus, a personal stamp image is created during the visit , which:
positively charges the museum visit
to be motivated to participate
can be taken away as a souvenir
Planned takeaway set for visitors:
Concept for the exhibition of the results
The collected responses are regularly evaluated and presented as visual infographics in the graphics corridor on the second floor . This creates an open and visible dialogue between the museum and visitors – and feedback is not only solicited but also fed back into the space.
Project Course:
Master Public Design: Design Project B: Surveys and Interviews
Project duration
April 2025 - October 2025
Lecturer:
Prof. Dr. Jona Piehl
Project:
Questions...On your journey
Participants in the group:
Florian Roth, Marie Stiller, Xiangnam Wu
Together with:
To MK&G: Julia Meer, Silke Oldenburg
Further links:
https://www.mkg-hamburg.de/ausstellungen/wer-bist-du