Custom Rive animation for Elano Studio

Three custom Rive animations for Elano, a German subscription studio for Shopify brands. Designed alongside the type and color system in Figma, so the motion behaves like the rest of the brand rather than sitting on top of it.

All vector, so it stays sharp at any size. Running through Rive instead of video meant I could tune timing and easing after the site was already live, without re-exporting anything. It drops into Framer cleanly as a component.

Cumulative Layout Shift on mobile is 0.021. The motion never shifts the layout while the page loads.

Built in Framer. Animated in Rive. Designed in Figma.

Live: elanostudio.com

Custom Rive animation for Elano Studio

Three custom Rive animations for Elano, a German subscription studio for Shopify brands. Designed alongside the type and color system in Figma, so the motion behaves like the rest of the brand rather than sitting on top of it.

All vector, so it stays sharp at any size. Running through Rive instead of video meant I could tune timing and easing after the site was already live, without re-exporting anything. It drops into Framer cleanly as a component.

Cumulative Layout Shift on mobile is 0.021. The motion never shifts the layout while the page loads.

Built in Framer. Animated in Rive. Designed in Figma.

Live: elanostudio.com