Web animation that feels smooth, not showy
Good motion helps people follow a page: where something came from, what changed, where to look next. I build scroll animation, transitions and small interactive details with GSAP and Motion, and I keep them smooth on ordinary phones.
What I build
Text that reveals line by line as you scroll. Sections that pin in place while content moves sideways. Page transitions that cover the jump between routes. Buttons that lean toward the cursor. Now and then a WebGL background, when a brand needs something more atmospheric. This site uses most of these, so it doubles as a demo.
Keeping it fast
Animation is where a lot of sites start to stutter. I stick to properties the browser can animate cheaply, mainly transform and opacity, clean up every scroll trigger when you leave a page, and pause anything that’s running off-screen. If an effect can’t hold a steady frame rate on a mid-range Android phone, it gets simplified.
Motion and accessibility
Heavy scroll effects make some people feel sick. Everything I build checks the reduced-motion setting and falls back to a calm version where all the content is still readable. Nothing important is ever locked behind an animation.
(→) Process
How a project runs
- 01
A short call or message
You tell me what you need and send whatever you have: a design, a link, a rough idea. I ask questions until I understand what the page or app is for.
- 02
Scope and estimate
I write down what I’ll build, what I won’t, and how long I expect it to take. You know what you’re getting before any work starts.
- 03
Build with previews
You get a preview link early and see progress as it happens, so feedback comes in while it’s still cheap to act on.
- 04
Launch and handover
I help get it live, then hand over the code with short notes on how the pieces fit together, so the next person isn’t left guessing.
(?) FAQ
Questions people ask
GSAP or Motion?
GSAP for anything tied to scrolling or longer sequences, Motion for small state changes inside React components. I don’t run both on the same element.
Will animation hurt my SEO?
Not when it’s done properly. Text stays as real HTML that search engines can read, and the animation code loads after the content that matters.
Can you add animation to a site I already have?
Yes. I can add it section by section without rebuilding everything, as long as the existing markup is reasonably clean.