I created Starling as an interactive character with three connected animation states: Idle, Selected, and Success. Its expression, wing movement, and star effects respond to interaction, giving the character a personality beyond a looping video.
The project includes an editable Rive file, a runtime asset, and a browser preview. I tested the transitions with mouse, keyboard, and touch input. The video shows the animation; the interactive preview lets viewers try it for themselves.
Most product-launch animations are rebuilt from scratch for every campaign. VAULT takes a different approach: one polished, animated vault reveal that can be transformed into a completely different brand experience without rebuilding the motion.
I built VAULT as a reusable, brand-swappable animation template, with semantically named SVG layers for the brand colours, logo, product image, headline, subheadline, status badge and call to action.
Beyond the animation itself, I built a live browser-based customiser where users can switch brand palettes, edit typography, replace visual assets, inspect the layer structure and download their customised SVG.
The side-by-side SYNTHEX AI and LUMEN HYDRATION demonstrations show the same animation timeline, easing and structure working across two very different markets: B2B SaaS and premium skincare. The identity changes. The underlying motion remains intact.
Built with SVGator MCP and the SVGator Player API, VAULT explores how AI-assisted creative workflows and interactive tooling can make professional motion design more adaptable and accessible.
The goal is simple: build once, customise in minutes, and launch for any brand.