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.
Portfolio
Find below a selection of websites and interactive graphics I designed, built and maintain for clients.
My tool stack combines design tools (Figma, Adobe CC), CMS-systems (Wordpress, Webflow) and a code editor (Visual Studio Code). If required I may also deliver assets like renderings in Cinema4d or interactive data visualization using flourish.studio.
Concept, design & asset creation w/ Figma
Programming, hosting & SEO
Podcast publications, security & legal updates, web- & email hosting...
Built in Wordpress
Using the Wordpress DIVI theme
Podcast hosting using the Podlove plugin
SEO optimization using Yoast plugin
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
Concept, design & asset creation w/ Figma
Programming, hosting & SEO
Coded in Studio Visual Code
Custom JavaScript embeds
Integration of an html canvas animation
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
Concept, design & asset creation w/ Figma
Programming, hosting & SEO
Coded in Studio Visual Code
Custom JavaScript embeds
Fast web-p images (with fallback)
Portfolio website
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.
Project website:
markuskison.de
Responsive grid alignment
User experience evaluation
Programming, hosting & SEO
Coded in Studio Visual Code
Custom JavaScript embeds
Using jQuery
single-page 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.
Concept, design & asset creation w/ Figma
User experience evaluation
Programming, hosting & SEO
Coded in Studio Visual Code
Custom JavaScript embeds
Using jQuery
Using D3, a JavaScript library for
manipulating documents based on data
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.
Concept, design & asset creation w/ Figma
User experience evaluation
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 using the Flourish.studio tool. Data preprocessing is handled in Excel or Google Tables eg. using Google Finance for real-time stock values.
Project website:
welt.de (paywall)
Tool website:
flourish.studio
Need a solid website builder that bridges structured visual design with modern development skills?
Copy address to clipboard
