Tools & technologies
Motion design & animation
Motion is what makes something land.
Motion is what makes something land. I use motion to guide attention, control rhythm and give interfaces a sense of cadence.
Why motion matters
Motion decides how a product feels before anyone even reads the content. Used well, it communicates hierarchy, reinforces cause and effect and makes interfaces feel responsive and alive. Used badly, it distracts or irritates.
Interface animation & micro-interactions
Page transitions, scroll-driven motion, hover states with personality, indicators that react in real time. All carefully timed so the product feels intentional rather than decorated.
Scroll storytelling
Scroll choreography with GSAP ScrollTrigger, Lenis smooth scroll and CSS animation-timeline. Sequences that unfold at your pace and turn scrolling into a narrative tool.
Deliverables
Storyboards, Lottie/After Effects animations, animated prototypes, production-ready GSAP/CSS code and timing/easing documentation.
Operating locations
Studio in Madrid
Based in Madrid, working remotely with brands, studios and agencies inside and outside Spain.
Info graphic
Decision flow
Motion is the screen's tone of voice. Every curve communicates a different intent.
Info graphic
Friction map
An 800 ms animation feels slow; the same one at 320 ms feels premium.
Info graphic
Journey shape
Easing isn't decoration: it's how motion says 'I'm a physical object'.
Work with JMWEB
Let's build something with personality.
It all starts with a conversation. Bring a brief, a reference, a half-baked idea — I'll take it from there.
Start a project
Next projects:
PHOTOGRAPHYE-COMMERCEMOTION-DESIGNUX
Cumbres
Landing page + e-commerce for an alpine gear brand. Photo shoot on a real glacier, a 3D harness configurator, and a scrollytelling story about the first rope teams. Built with Next.js + Three.js so the kit can be seen, rotated and weighed.
View project
3DMOTION-DESIGNBRANDINGE-COMMERCE
Sweet Studio
Visual identity + e-commerce for a boutique patisserie. Product-by-product 3D renders in Blender, a pastel palette over a black background, and a checkout that dodges the usual friction in food DTC. A lot of care in the art direction.
View project
3DCREATIVE-CODINGMOTION-DESIGNUX
Prism Core
Brand concept for an on-chain trading platform. The holographic gem rotates in WebGL with real chromatic dispersion (genuine refraction indices, not faked) and the circuit ring reacts to the cursor. Three.js + custom GLSL shaders.
View project
PHOTOGRAPHYART-DIRECTIONMOTION-DESIGN
Pour Sessions
Art direction + photography for a studio that paints with ink and milk on canvas. Brand capsule with an editorial site, macro videos at 240 fps of every splash, and a print shop. Spoiler: it smelled better than it looks.
View project