Work
Introduction
I am a design engineer by discipline. In previous chapters: editorial design, 3D animation, and a period spent making Flash animations and multimedia CD-ROMs that no longer exist anywhere. I have always believed in working across domains. A specialist in one thing tends to miss the connections.
These are selected projects from the last two decades.
Professional
XING Design System
Web Design / Web Development / Writing
As a Senior Frontend Engineer on the Design System Team, I created, maintained, and documented the components of the XING Design System. I supported teams implementing our components across the platform.
XING Design System Chrome Extension
Web Development
In 2024, I developed a browser extension that enables product managers, designers, and developers to identify Design System components on the platform, helping them find custom-developed components and UI.
XING Onboarding Illustration
Illustration / Icon Design
I was asked to create three new illustrations that could be used for an Onboarding screen on XING. I accepted the challenge to take over this task and finished the whole process from concept to scribbles, to final illustrations in a day.
The Traditional Colors of Japan
Design / Web Development
In 2007 I stumbled upon a Japanese book about the traditional colors of Japan by Nobyoshi Hamada. He listed all 250 colors with their color value in the appendix. I took some time to create an ASE file to be used with all common design software.
iA Writer Templates
Design / Web Development
The writing template Nanzan (南山) for iA Writer is inspired by the typographic style of Engaging Japanese Philosophy by Thomas P. Kasulis. It was designed by the Nanzan Institute for Religion and Culture.
The writing template Shibui (渋い) draws from the Japanese aesthetic of shibui, characterized by the quiet, unforced beauty of the Muromachi period. This visual language also influences the design of this website, a martial arts book, and a photoblog.
Bamboo Illustration
Illustration
I created the bamboo illustration in 2006 for my Martial Arts website using Adobe Illustrator and the gradient grid tool. 2015 I decided to use my bamboo as SVG on my website. Unfortunately, the gradient tool is not supported in SVG and I needed to recreate my bamboo with linear, radial, and other supported gradients in Affinity.
Koi Illustration
Illustration / Painting
I created this illustration for a previous version of my website in 2007 with a pencil on paper and then brought it into Adobe Photoshop, where all coloring was done.
Ninjutsu Book — 木隠
Web Design / Web Development / Writing
My Ninjutsu Book 木隠 was first launched in 1999 and is my oldest and most visited website. The current design is the 9th iteration. In 2022 I translated it to English to make it accessible to a larger readership.
Exploring Hamburg
Web Design / Web Development / Photography
I created this Photography Blog for one of my hobbies: I explore the city of Hamburg, mostly walking, and sometimes biking to find out more about the individual districts and to shoot photos. The current design is the 2nd iteration.
Client Work
Osteopathie-Institut Hamburg
Web Design / Web Development / Photography
I created this website for the Osteopathie-Institut Hamburg in 2010 as one of my last websites before I started working as a Frontend Engineer for XING.
Thai Restaurants Hamburg
Graphic Design / Web Design / Web Development
I created this small website for three Thai restaurants in Hamburg in 2010. It was online for nearly ten years and I had a lot of fun creating it.