Motion Design
Project Overview
I established the Wells Fargo motion system, from high-level strategic usage guidelines to the details of tokenized custom easing curves and durations. Here is a wide range of work as a result of - or inspired by - the aforementioned system of motion.
My Role
Strategy
Defined how and when motion fits into the overall user experience, both today and in the future. Established guidelines for designers to include motion at appropriate times and to uniformly implement.
Motion Design
Lead the creation of a motion design system, which includes both UI component behaviors and animated illustrations. Used tools like After Effects, LottieFiles, Blender, and Figma to deliver assets.
Loaders
Startup Takeover
A 2D + 3D animated concept for credit cards.
Rewards Celebration
A little animation to increase engagement.
Microinteractions
The subtle animations that connect a user more closely to the interface. They present options, lead the way, and confirm user intentions.