Motion is not a last-minute decoration: it is part of the design system.
We build transitions, scroll sequences and micro-interactions in GSAP that feel like the brand — at 60fps, on every device, without sacrificing performance.
Motion as a system, not a patch
We define rhythm, easing and movement hierarchy alongside the design, not after it. That way every interaction follows the same logic and the site feels built, not assembled.
What we build
- Motion Sprint. We isolate and build the interaction your team should not have to simplify: a transition, a hover, a scroll sequence.
- Hero Experience. The interaction that defines a campaign or launch, prototyped and built to support the page instead of taking it over.
- Page transitions. Navigation with visual continuity, carefully built so it does not block loading or spike INP.
- Scroll sequences. Scroll-driven narrative with controlled rhythm, pauses and states, tested mobile-first.
Prototype before production
We test the motion that defines the experience early. Your team approves rhythm, states and behavior while changes are still inexpensive — not when the site is already built.
Performance and accessibility
- We animate GPU-friendly properties (transform and opacity), not layout.
- A performance budget per page: motion cannot cost you LCP or INP.
- prefers-reduced-motion support on every interaction.
- Tested on real devices, not just simulators.
FAQ
GSAP or CSS?
It depends. When CSS is enough, we use it; when the interaction needs choreography, complex states or synchronization, GSAP is the right tool. We tell you which applies during the review.
Will motion slow my site down?
Not if it is built with a performance budget. We measure LCP, CLS and INP before and after, and hand you the numbers.
Can you animate a site that is already built?
Yes. We can integrate motion into an existing site without rebuilding it, as long as the architecture allows it. We verify that during the review.
Do you work from references of other sites?
Yes. Bring the reference (Awwwards, a video, a site) and we tell you what is viable, what is not, and why.
Send us your hardest Figma → contacto@zicua.com
Send the Figma, deadline and motion reference. We review the difficult interaction, flag the risks and reply with a clear next step.