Stage is a next-gen personal website that helps you showcase your projects, skills, and experience. You can personalize it by an evergrowing collection of building blocks and even build your own blocks.

Stage – Your personal website in minutes

ISO registers and lists recommended pictograms, which it calls "safety signs", on its website, ISO.org. I created them in Figma for other people to use provided in a community file, because normally they are hard to find on the web.

ISO 7010

The goal of this project was to fully redesign an existing app: Analysing user needs, competitor research, creating design principles, do the early sketches, wireframes and final redesign & many more tasks. 

Redesign the Panasonic Image App

Me and my team created a new kind of speech therapy for kids, together with speech therapy professionals. The goal was to identify the problems with home schooling. In the process, we created a cute fluffy speech therapy monster. 

Speech Therapy for kids

In the UX coding class, we had the challenge to rethink and prototype a common UX pattern from scratch! We picked the text editor and applied various Best-Practices and new ideas, like storing reusable text styles! The coding was done in Svelte.js. 

Rethink the text editing experience

Mental health is an essential part of a healthy, balanced life. According to a study, one in five Americans suffers from mental health problems, which equates to more than 40 million adults each year. A data visualization.

Data Viz: Mental Health in Tech

What is humus? Why is it so important for us? We take you on an interactive journey through the world of the life providing soil and its implications on the environment. Did you know that humus could provide a significant value for climate change?

Save humus – the microbiology of our earth

We created a Design System that defines a complete set of principles, patterns, and tools for building a coherent and user-friendly administrative user interface which was designed with accessibility and transparency in mind.

Open Source: Drupal Design System

Visualize, edit & lint translated strings at a glance via Inline Decorations & Hover Support, and extract new strings with a single click.

Sherlock – i18n for VS Code

Stage is a next-gen personal website that helps you showcase your projects, skills, and experience.

Stage

Photographer based in Berlin. Special scrolling image show and frontend with Sanity CMS.

Frederick Hermann

Zirkular connects contributors and maintainers in a community-first workspace with goal-oriented communication, efficient workflows and smart automations.

Zirkular – Open Source Collaboration

Frontend development for the corporate website to showcase services, projects and the team.

Bitegra Solutions

Theatre website with events, event booking and sponsors. Built with the Drupal CMS and has a custom theme.

Schlösslekeller

Portfolio site with projects, sketches and an about section. Built with the text-based Kirby CMS and has dark-mode support. 

Talanja Noyjing

Design magazine driven by students of HfG. Built with Kirby CMS out of a bachelor thesis (B.A.) – new articles on a weekly schedule. 

format plus

Contributed to the "Olivero" frontend theme which is now being used as a default theme by Drupal in all installations.

Drupal theme "Olivero"

Contributed to the website with responsive development and envolved the frontend stack for the open-source emoji library. Runs on NodeJS.

OpenMoji

Open source contribution and member to the team which initially developed Claro. Claro is highly focused on accessibility and clean design. Claro is now beeing used in over 200.00 websites all around the world.

Drupal theme "Claro"

Open source contribution for a management module with which you can scale and maintain multiple Drupal CMS installations at once.

Drupal Remote Dashboard

Relaunched rating platform plugin based on a new design system. My part was Drupal development with focus on frontend.

Holidaycheck Partner Widget

Frontend development. There are multiple buttons with nested versions which can be selected in order to get the right part of documentation.

KNIME Documentation

Envolved an existing website with responsive frontend development and SVG animations. Cleaned up the website and removed deprecated code.

Bitech

Migration of an old Drupal Forum to the open source software Discourse. Rebranded the complete community forum based on the main websites styleguide and gave it custom interaction behavior.

KNIME Discourse Forum

Responsive design and development for an existing site. Highlight: Created a custom masonry image grid with JavaScript, at the time when masonry was *hard*.

5th Avenue

Relaunched a lawyers site with pages for all the employees of the chancellery and contact forms for each of them.

Lawyer

Worked on the websites frontend of the the swiss public elements manufacturer. Created various new features like the fixed slide-out menu on the right.

BURRI AG

Improved an already exiting Drupal website with frontend development targeting responsive behavior. 

School website

Simplified the Drupal codebase and introduced responsive design and behavior. Rewrote the frontend to clean it up and get rid of unused code.

Heart clinic website

Developed together with my friends in the Computer Science B.Sc. courses. You can easily generate an ancestry tree and export it.

Ancestry tree generator

Developed the frontend which was accessed by a custom PHP backend. This was my first touchpoint with the Twig template language. Site has been replaced.

Construction office Bruhn

Hotel website showcasing apartments and the hotel in general. My first professional website, still online and runs fine. First touchpoints with HTML, CSS and JS. Fell in love with web dev at this time, never stopped.  