Senf is an all-in-one digital participation platform that supports citizen engagement in urban planning and community development. Organizations use it to gather input through map-based surveys, dialogue maps, questionnaires, and project dashboards—and to translate that input into structured, actionable insights. The platform is used in live participation projects, supports multiple languages, and works seamlessly across desktop and mobile.

The product consists of a citizen-facing application, an administrative dashboard, and a shared design system. Core parts of the codebase are open source (AGPLv3). The technical foundation includes React, TypeScript, Firebase, and modern web mapping technologies.

As part of the Senf team, I worked across the survey system (builder, participant view, and results), analytics and export features, the shared design system, and mapping components. With a dedicated designer defining the visual direction, my role focused on translating that direction into a coherent, reliable product—refining components, layouts, and flows so they work consistently in real-world use.

In the survey experience, I contributed to question logic, layout and spacing, transitions between questions, and responsive behavior across devices. On mobile, survey height and scrolling were carefully adjusted, and workshop mode was optimized for facilitators using phones. Image preloading was introduced to ensure smooth transitions. The goal was a clear, calm flow for participants and a practical tool for moderators.

For survey results and analytics, I worked on improving chart readability, color contrast, and consistent palette handling across dashboards and exports. I helped structure filtering workflows (e.g., demographics, time ranges, tags) to allow quick data exploration without overwhelming the interface. Export processes (Charts, Excel, and GIS formats) were designed to be straightforward and transparent, so administrators can access and use their data with minimal friction.

Within the design system, I contributed to foundational components such as buttons, inputs, dropdowns, tables, charts, and tooltips. This included establishing consistent interaction patterns, responsive behavior, sizing options, and accessibility basics such as focus management and keyboard use. The aim was a predictable, coherent experience across both the citizen-facing and administrative parts of the platform.

Overall, my work focused on bridging design and implementation—ensuring that participation workflows are not only technically robust, but also intuitive, consistent, and usable for both citizens and organizations.