Selected work

Portfolio

Interaction design, frontend architecture, creative coding, and case studies from 10+ years of building digital products.

Color Theme preview

Color Theme

Color swatches for light, dark, neon and pastel themes.

QwikSCSSDesign Tokens

Farbkasten preview

Creative Coding

Farbkasten

Draw on a portrait using the brand color.

US GDP bar chart preview

US GDP Bar Chart

Interactive D3 bar chart visualizing US GDP.

Markus Morley CV storytelling preview

Markus Morley CV Story

Animated CV storytelling page for Markus Morley, focused on product engineering, frontend architecture, UX, and design systems.

QwikGSAPTypeScript

Oststern 121 case study preview

Oststern 121

Process-led case study for the Oststern 121 real-estate microsite, showcasing planning, design thinking, customer integration, GSAP motion, responsive frontend delivery, and Netlify deployment.

QwikGSAPNetlify

Swissport editorial case study preview

Swissport

Editorial case study for Swissport.com, showcasing planning, design thinking, customer integration, design systems, custom map cluster thinking, GSAP motion, QA, and deployment.

QwikGSAPGoogle Maps

iTSM Group portfolio case study preview

iTSM Group

Motion-led portfolio case study for itsmgroup.com, presenting planning, design thinking, customer integration, design systems, information architecture, GSAP animation, QA, and deployment.

QwikGSAPService Design

Cycling scatterplot preview

Cycling Scatterplot

Interactive D3 scatterplot visualizing professional cycling times.

Global temperature heat map preview

Global Temperature Heat Map

Interactive D3 heat map visualizing global temperature variance.

Education choropleth preview

Education Choropleth

Interactive D3 choropleth highlighting education attainment across U.S. counties.

Arcade Universe treemap preview

Arcade Universe Treemap

Interactive D3 treemap illustrating video game sales by genre with responsive legend and tooltips.

Motion Prototype

Gently Scroll Gallery

Scroll-triggered GSAP and Lenis gallery inspired by the Gently concept with floating imagery and sticky hero.

ASCII Password Forge preview

ASCII Password Forge

Brutalist password generator featuring ASCII-safe defaults, clipboard copy, and configurable strength controls.

QwikTypeScriptLocal State

Shopping Ledger Atelier preview

Shopping Ledger Atelier

Bold brutal shopping list atelier with offline storage, date-tagged lists, and adjustable frequent topic suggestions.

QwikTypeScriptLocal Storage

Roman Numeral Converter preview

Roman Numeral Converter

Roman numeral converter with live validation, history log, and subtractive pair legend.

QwikTypeScriptValidation

Generative Art preview

Generative Art

Interactive generative art example.

Qwikp5.jsCanvas

Drip Sort preview

Drip Sort

Black-and-white rectangles dripping downward while sorting.

Qwikp5.jsCanvas

Color Palette preview

Color Palette

Extract and sort colors from images using p5.js.

Qwikp5.jsColor Analysis

Crayon Brush Playground

Interactive p5.brush sketch that responds to motion and gesture.

Qwikp5.jsp5.brush

Connected Agents preview

Connected Agents

Form morphing process by connected random agents.

Qwikp5.jsGenerative Systems