Animation & Motion.

Motion explains, directs attention and makes an interface tangible. I use it deliberately, with respect for load time, battery and the reduce motion setting.

What’s included

Scroll storytelling

Content that builds up as you scroll, for product pages, annual reports and campaigns.

Small interactions

Responses to mouse and touch, feedback and state changes that make an interface feel high quality.

Lottie & SVG animation

Lightweight vector animations from After Effects or straight in code.

Accessible motion

The reduce motion setting is respected, the keyboard focus stays visible at all times, and every animation has a job.

Stops the examples on this page, the way the system setting “Reduce motion” turns animations off.

Tools
GSAPScrollTriggerLottieCSS AnimationsWeb Animations APIFramer Motion
Work

In practice.

Screenshot of Trustventure
01Trustventure Corporate website
Screenshot of Der Doppelgänger
02Der Doppelgänger Maintenance service · own product
01 / 02

Trustventure

Corporate website · Development from the provided design

Website of a consulting team that supports fast-growing companies in funding rounds, transactions and growth. I built the design as a WordPress theme, with parallax effects that create depth.

What I did
Parallax in the header and the illustrations
Animated entrances on load and scroll
Slider for the sectors
WordPress · PHP · JavaScript
Screenshot of Trustventure
01Trustventure
Corporate website · Development from the provided design

Website of a consulting team that supports fast-growing companies in funding rounds, transactions and growth. I built the design as a WordPress theme, with parallax effects that create depth.

Parallax in the header and the illustrations
Animated entrances on load and scroll
Slider for the sectors
WordPress · PHP · JavaScript
Screenshot of Der Doppelgänger
02Der Doppelgänger
Maintenance service · own product · Product, design, development

My own maintenance service for WordPress and Shopware: every website gets a twin where updates and changes are tested first, plus nightly security checks and a complete record.

Concept, brand and product website
Staging, sync and deploy workflows for WordPress and Shopware
Nightly security checks and versioning (“The file”)
WordPress · Shopware · DevOps
Insights (German) · 3 min Animationen ohne Ruckeln: Bewegung, die Ladezeiten respektiert Warum manche Animationen ruckeln und andere nicht, und wie Bewegung barrierearm bleibt.
Questions

Not if they are built right: they only move what the browser can compute especially efficiently, and they start only once they are visible. I make sure of that in every build.

You are leaving this website.