Education & EXperience
I design & realize websites, data visualizations and interactive graphics.
Being a web designer with a background in traditional graphic design, my websites focus on a clear structure and balanced typography.
Since studying visual communication, I have 20+ years of experience working as a creative coder in the context of agencies and freelance projects.
I live in Berlin and work freelance.
Find below a selection of websites and interactive graphics I designed, built and maintain for clients.
Being a designer with coding ability, my tool stack combines design tools (Figma, Adobe CC), CMS-systems (Wordpress, Webflow) and a code editor (Visual Studio Code).
In my design process, beside attention to details, responsiveness is particularly important to me.
If required I may also deliver assets like renderings in Cinema4d or interactive data visualization using flourish.studio.
Webdesign & development of several website generations for Berlin’s largest private drum school
From a single Flash site in 2004 to three Wordpress sites in 2023, thePlanetDrum is a long term client of mine. Site-development is focussed on SEO with several subdomains incl. a podcast website. The website were realized using different Wordpress themes (JOYN, Divi) and include SEO optimization, hosting, legal administration, cookie integration and privacy control, backup, security, updates, email-setup, podcast hosting, asset preparation and optimization.
Publish to Spotify...
...and to Apple Podcasts
Landing page design, implementation and hosting for Ulm based advertisement agency 3punkt.
Fast artist portfolio website for (my) digital media art projects.
With strong focus on efficiency and responsiveness, this site is build from scratch in VSC using latest html design patterns and features like grids, flex boxes, webP images (with fallback).
The site is rated 98% performance, 99% accessibility, 100% best practices, 100% SEO using Google Chrome’s Lighthouse analytics tool. Local hosting of all scripts, fonts and movies allows full GDPR 2020 compliance without cookie banners or other agreements.
Responsive grid alignment
After uploading a background image, users define areas of interest by placing markers onto the image. For each of these areas an info box is created into which users can enter a headline and additional information as well as an image. The interactive image is exported to a single html file and embedded into websites. The tool was used by designers working at welt.de to build interactive stock charts, maps and illustrations.
Tube system rendering realised in Cinema4D as part of my asset creation process.
Design and implementation of an interactive illustration with scrolling effects for Berliner Morgenpost
Using the d3.js framework for data visualization, this website features also custom made scroll event handling using jQuery. Asset creation realised in Adobe Illustrator.
Design and realisation of interactive maps, charts & tables
For welt.de I am creating different data visualizations on a daily basis using the Flourish.studio tool. Data preprocessing is handled in Excel or Google Tables eg. using Google Finance for real-time stock values.
Need a solid website builder that bridges structured visual design with modern development skills?
Copy address to clipboard