Experience & Expertise
I build fast, maintainable websites and web applications that perform flawlessly on all devices.
With many years of experience in Berlin's creative coding community, I specialize in transforming your design templates into modern, responsive sites. Your designs are implemented with pixel-perfect accuracy and careful attention to detail. The result: lean, easy-to-maintain, custom-coded solutions—without costly page-builder subscriptions or intrusive cookie banners. If required, I also offer ongoing maintenance and support.
Tech stack & References
Below you’ll find a selection of websites I have developed and currently maintain for my clients.
Over the years, I’ve built websites for individuals, companies, and institutions—sometimes working independently, other times as part of a larger team where I focus on specific components of bigger web applications. My tech stack integrates design tools for asset creation and design handoff (Figma, Adobe Creative Cloud), Visual Studio Code as my primary code editor, various CMS platforms (Kirby, WordPress, Webflow), and Tailwind as my preferred CSS framework. I use Parcel for bundling and rely on Three.js to create web-based 3D experiences. Occasionally, I also handle the web design process myself, ensuring a cohesive, end-to-end solution.
Editing: Visual Studio Code
Tailwind CSS
Kirby CMS
PHP components
Bundling with Parcel
Booking website
Development of a naturopathic practice website with integrated booking section
A fast, illustrative company website featuring custom illustrations and an event section, providing the client with the ability to create customized forms for event invitations. Webdesign by Bureau Collective↗︎.
Project website:
drogerie-wyss.ch
Admin area
Prototyping with Figma
Editing: Visual Studio Code
PHP components
Kirby CMS
Institutional website
Development of a extensive website with event calender, project archive and team area for the University Magdeburg
Based on the design and content of an existing book, I created a clean website featuring a comprehensive event calendar, project archive, and team area. Advanced filtering functions allow efficient navigation through various projects and events, while differentiated backend user roles ensure secure and broad access for students and staff.
Project website:
h2.de
Filter projects by year, topic...
Student admin area
Editing: Visual Studio Code
Tailwind CSS
Kirby CMS
Form handling with SendGrid
PHP components
Bundling with Parcel
Landing page
Development of a landing page for the Arudha Retreat Sanctuary in Costa Rica
I transformed an existing brand identity into an scenic, responsive landing page featuring an events section and an integrated contact form with invisible captcha spam protection. The intuitive Kirby CMS admin interface provides dynamic control over the site's color scheme, enabling effortless, real-time customization across the entire site.
Project website:
arudha.love
Color settings in admin area
Editing: Visual Studio Code
Vanilla Javascript
Using D3 for data visualization
Illustrator for assets
Using jQuery
Interactive infographic
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.
Built with Flourish, a tool for visualization
and animated data storytelling
Data preprocessing in Excel
Data visualization
Design and realisation of interactive maps, charts & tables
For welt.de I am creating different data visualizations on a daily basis. Data preprocessing is handled in Excel or Google Tables eg. using Google Finance for real-time stock values.
Project website:
welt.de
(Paywall)
Editing: Visual Studio Code
Html canvas animation
Vanilla Javascript
Landing page
Landing page design, implementation and hosting for Ulm based advertisement agency 3punkt.
Adaption of html template and integration of custom elements like html canvas animations and javascript elements. Asset preparation in Adobe CC.
Project website:
3punkt.de
Editing: Visual Studio Code
Vanilla Javascript
Using jQuery
Web application
Development of a javascript based browser tool that allows graphic designers to create interactive images without coding.
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.
Demo video
Exported interactive graphic
Try it !
Built in Wordpress
Wordpress DIVI theme
Podcast hosting using Podlove plugin
SEO optimization using Yoast plugin
Updates, hosting...
Company Website
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.
Project website:
theplanetdrum.de
Publish to Spotify...
...and to Apple Podcasts
Editing: Visual Studio Code
Vanilla Javascript
Prototyping with Figma
Designed by me
Portfolio website
Responsive grid alignment
Need a reliable developer to transform your design template into a modern website?
Copy address to clipboard
