UI / Interactive animation
I designed UI animations such as paywalls, buttons and icons, onboarding flows, preloaders, sales demos, and interactive prototypes—often created as part of design exploration or product communication. Also, I explore playful, experience-driven animations using tools like Rive and Spline. These animations are often used in prototyping and UX flows, helping teams visualize interactions in a more expressive and engaging way.
Client
Various
Deliverables
Lottie files, Videos, PNG sequences
Year
2015-present
Role
UI Motion Designer / Interaction Designer / Prototyper
A scattered timeline of screens, preloaders, micro-interactions, and motion prototypes — stitched together from different chapters of my career.
One-Bar-Rise: Fitbit
Interaction Design · Microinteractions · Motion Language
A focused exploration into improving Fitbit’s UI behavior through motion. Rather than rethinking the entire app, I targeted one interaction flow — saving a workout to favorites — to reduce friction, increase clarity, and create continuity between interface states.
I redesigned the transition between filtered workout cards and the Favorites page, adding responsive elements that visually confirm user actions. The star icon now communicates with the Favorites tab, and the Filter bar actively guides transitions, making the experience feel more intentional and fluid.
Tools: ProtoPie, Figma, After Effects
Role: Interaction & Motion Design – Concept, Prototyping, Animation
Original
My Thoughts
directional
Imagine if all the content were stored behind the navbar.
focused
and educative
Ensuring the user knows exactly where to find their saved content.
ProtoPie
Surprise App Interaction Study
Microinteractions · Character Animation · Prototype Exploration
In this experimental prototype, I explored how to bring more personality and intent to UI elements using ProtoPie, Lottie, and character-driven animation. The goal was to give each interaction a distinct feel that reflects its function — making every card transition and micro-interaction not only useful but also meaningful.
By assigning emotional weight and narrative to motion, the interface becomes more intuitive and expressive. This project was a deep dive into ProtoPie’s capabilities, blending technical precision with playful visual language.
Tools: ProtoPie, Lottie, After Effects, Figma
Role: Interaction & Motion Design – Animation, Prototyping
ProtoPie
Lottie Paywall Animations
Character Animation · Visual Engagement · UI Enhancement
In this project, I collaborated with the design team to create expressive Lottie animations for app paywalls. The focus was on delivering motion that clearly communicates purpose while emotionally engaging users at key decision points.
We explored multiple concepts, but the selected animations stood out for their clarity, charm, and ability to drive user interaction. Each character and movement was crafted with intention — enhancing both the user experience and the product’s visual language
Tools: Lottie, After Effects, Illustrator, Figma
Role: concept, Character Design & Animation
After exploring several animation concepts, I selected and animated the one that performed best in testing — contributing to a noticeable lift in subscription conversions.
Playable Experience
Take your time exploring this game — I get it, reviewing portfolios is like binge-watching trailers with no popcorn.
I enjoy creating playful interactions that engage users and involve them in animation control.
Prototyping
I mastered UI and UX foundations, problem-solving, interaction design, and prototyping through courses, books, and articles. I continually seek out new tools to enhance efficiency and improve user experience.