I was heads-down delivering a bilingual corporate website
for a client in Tokyo — custom GSAP animations, scroll-driven
choreography, canvas effects, EN/JP language switching,
and cross-browser optimization down to the last pixel.
First real client delivery. Shipped it. Got it done.
But while building that, I kept running into the same problem —
there's no single place that shows every type of web animation
side by side.
So I built one.
KINETIC — a free interactive encyclopedia of 70+ web animation
effects. GSAP, Three.js, CSS keyframes, scroll animations,
WebGL shaders — all in one page with live demos.
You don’t need huge headlines or long explanations. You need the right image + short headline + clear offer.
For the first version, we worked on the branding, the image and the copy together, so at first glance it’s clear: this is a makeup course, and here’s what you’ll get.
The second version is still beautiful and still feels like beauty. But what are you actually getting? A makeup course? Products? A store? That’s the problem with a Hero that looks good but isn’t thought through.
Your first screen doesn’t need to say everything. It just needs to say the right thing.