Markus Kison — Freelance Web Developer, Berlin

Experience & Expertise

Profile

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

Selected Projects

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.

Landing page

arudha.love

Development of a landing page for the Arudha Retreat Sanctuary in Costa Rica

Transformed an existing brand identity into an elegant, responsive landing page featuring an events section and an integrated contact form. 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:

Booking website

drogerie-wyss.ch

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.

Web design by

Project website:

AniPad displaying a information graphic about the Berlin vote. SPD in the center and the number of occurrences for certain words in their election program

Interactive infographic

Parteien in Zahlen

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.

An iPad device displaying an interactive map of Europe on the welt website.

Data visualization

welt.de

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:

(Paywall)

This visualization requires cookies. Accept?

Yes

An iPad displaying the welt.de website interface.

An iPhone with open safari browser displaying an empty website

IPhone with open welt website. The website is still empty.

An iMac displaying the webdesign for 3punkt. Hero section with a large image of traffic signs and the sentence "don't walk where the road leads you..."

Landing page

3punkt.de

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:

An iPhone displaying the responsive webdesign for 3Punkt's agency section

An iPhone displaying the 3Punkt webdesign

An iPad device displaying a white browser window

An iPad displaying the webdesign for developed application. Left side an image with clickable dots. Right side a form to enter the text which is displayed for each dot.

Web application

clickMapMaker

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.

The hero section for thePlanetDrum website. Displaying a group of people celebrating after a workshop

Full-Service

Website

thePlanetDrum.de

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: