Micro-Animations (Lottie & Rive)

To celebrate Disney’s 100th anniversary, I created this short banner animation featuring festive balloons designed to capture the brand’s iconic sense of wonder and playfulness.
The goal was to craft a lightweight, loopable animation suitable for app environments balancing personality, clarity, and performance.

Built for Lottie, this piece explores motion principles like anticipation, overlap, and timing within a limited color palette, maintaining brand consistency while delivering joyful, dynamic movement.

(Tools: After Effects + Bodymovin / JSON export)

A Lottie animation designed for a local craft brewery’s website and social media channels.
The sequence shows a bottle dropping into frame and filling up with liquid a simple motion turned expressive through timing, anticipation, and liquid dynamics.

Created in After Effects using shape layers, masking, and frame-by-frame liquid motion, the animation brings warmth and tactility to a digital environment while staying optimized for real-time rendering.

(Tools: After Effects + Bodymovin / Liquid motion study)

Commissioned logo animation for Couchsurf, designed as a lightweight badge for app and web use.
The animation focuses on clean vector motion and precise trim path control to emphasize the friendly, hand-drawn quality of the original mark while ensuring visual consistency across scales and platforms.

Optimized for Lottie, the sequence was built around subtle pacing and smooth interpolation communicating trust and approachability in just a few seconds.

(Tools: After Effects + Bodymovin Lottie )

An expressive Lottie animation designed for a cognitive training app focused on memory and attention.
The sequence shows a small character assembling piece by piece, with objects emerging playfully from its head — a metaphor for growth, creativity, and mental agility.

Built entirely in After Effects with shape layers and lightweight transitions, the animation brings a sense of warmth and curiosity to the onboarding experience while staying optimized for mobile performance.

(Tools: After Effects + Bodymovin / Vector animation system)

A playful micro-animation for Autoride, a mobility app concept inspired by the charm of vintage toy cars.
Built entirely from shape layers and optimized for Lottie, the animation uses precise trim paths for highlights and reflections, adding a tactile sense of motion without extra weight.

The goal was to evoke a feeling of nostalgic energy  a wind-up car coming to life  while maintaining the clarity and simplicity required for interface use.

(Tools: After Effects + Bodymovin / Vector animation system)

A playful Lottie animation created for a bakery app concept inspired by Sprinkles Cupcakes.
The cupcake lands with a subtle squash and stretch, topped with a cherry and a burst of colorful sprinkles a small celebration in motion.

Designed for mobile UI contexts, the piece combines brand delight with precise timing and performance efficiency, crafted entirely with shape layers and clean vector transitions.

(Tools: After Effects + Bodymovin / JSON animation)

An energetic Lottie animation created to welcome new university students with a friendly robotic character assembling itself in motion.
Each part falls into place with a clear sense of anticipation, squash and stretch, and follow-through, before the robot rushes toward the camera, leaving a trail of smoke behind.

Built entirely with shape layers, the animation was designed for real-time use in digital signage and onboarding screens  keeping performance light while delivering cinematic motion depth.

(Tools: After Effects + Bodymovin / Vector animation workflow)

A minimal Lottie animation designed for a travel app, featuring Mount Fuji surrounded by drifting clouds.
Though it appears three-dimensional, the effect was achieved entirely with 2D shape layers and careful parallax and timing tricks, keeping the file lightweight and performant.

The piece focuses on creating depth through layered motion rather than volumeillustrating how subtle movement and composition can evoke atmosphere within a simple loop.

(Tools: After Effects + Bodymovin / Shape-layer parallax study)

Personal concept piece created as part of a Uniqlo x Marvel design proposal, reimagining Star-Lord through a simplified, geometric style built entirely from triangles.
The animation captures his signature jet-boot jump with strong anticipation, squash and stretch, and a light sense of weightlessness before landing.

Crafted for Lottie, the motion explores how expressive character animation can be achieved with minimal shapes and precise timing  bridging illustration and interaction design.

(Tools: After Effects + Bodymovin / Shape-layer character animation)