Currently
I’m studying Interaction Design B.A. @ HfG Schwäbisch Gmünd combining my web tech background with design thinking.
Let's talk
Work
Bitegra Solutions
Frontend development for the corporate website to showcase services, projects and the team.
Schlösslekeller
Theatre website with events, event booking and sponsors. Built with the Drupal CMS and has a custom theme.
Talanja Noyjing
Portfolio site with projects, sketches and an about section. Built with the text-based Kirby CMS and has dark-mode support.
format plus
Design magazine driven by students of HfG. Built with Kirby CMS out of a bachelor thesis (B.A.) – new articles on a weekly schedule.
Drupal theme "Olivero"
Contributed to the "Olivero" frontend theme which is now being used as a default theme by Drupal in all installations.
Explore all 20 projects
Studies
Redesign the Panasonic Image App
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.
Speech Therapy for kids
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.
Rethink the text editing experience
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.
Explore all 6 studies
Writings
Web Accessibility – A Brief Summary
While the WCAG principles define the basis for accessible web use, the guidelines provide web developers, authors and designers with clear instructions that should be considered when creating accessible content.
Responsive fix for the Next.js Image component
There is currently no way to get the built-in Image component by Next.js to work like an responsive image like we're used to it. This is an easy fix to solve this challenge.
3 easy steps to fix slow image loading
Because wireless connection is used in such cases, the transfer speed is often slower compared to a wired connection and therefore the content loads slower. Get to know some exciting ways on how to load your images faster.
Use CSS Grid in production — today
With CSS Grid you have the opportunity to place content in an unprecedented form on a website and sort it dynamically between viewports.
Explore all 4 writings
The Stack
This website is an envolving experiment. I decided to open-source it – helping people all around the world learning how to code. If you have any questions to the stack feel free to ask in an issue.
github
Carbon
Sanity
Next.js
Styled Components
Storybook