MOTION DESIGN REFRESH

As part of Stripe’s motion design refresh, I worked on a series of projects focused on elevating consistency, clarity, and scalability across motion. This included designing and refining multiple layout transitions including lottie for web use, as well as building a flexible motion system using MOGRT templates for seamless use across teams.

The goal was to create a cohesive design language that could adapt across formats while maintaining visual precision and brand integrity. Below are some selected works showcasing these explorations.

As part of Stripe’s motion design refresh, I worked on a series of projects focused on elevating consistency, clarity, and scalability across motion. This included designing and refining multiple layout transitions including lottie for web use, as well as building a flexible motion system using MOGRT templates for seamless use across teams.


The goal was to create a cohesive design language that could adapt across formats while maintaining visual precision and brand integrity. Below are some selected works showcasing these explorations.

SERVICE:

DESIGN SYSTEMs | BRAND DESIGN

Design system

Stripe’s visuals both (static and motion) involve a high volume of production work. To improve efficiency at scale, the focus was on streamlining workflows while maintaining strong visual consistency across outputs.

I created a MOGRT (Motion Graphics Template) to improve efficiency and reduce inconsistencies. This allowed me to easily customize the product icon order, select which product to highlight, change color and make a variety of other adjustments through intuitive menus. The versions above were created entirely through this menu system.

standardizing layout properties

Card layout transitions

Results

The MOGRT I created enhanced efficiency by tenfold. By sharing it with the video editor for use in Premiere, they were able to quickly produce variations without needing my help for minor tweaks. This streamlined workflow allowed me to concentrate on other projects while still contributing to the team's success.

The assets were featured in social ads, out-of-home (OOH) campaign and more. The Lottie animations were also integrated into Stripe website and other signup pages.

The MOGRT I created enhanced efficiency by tenfold. By sharing it with the video editor for use in Premiere, they were able to quickly produce variations without needing my help for minor tweaks. This streamlined workflow allowed me to concentrate on other projects while still contributing to the team's success.


The assets were featured in social ads, out-of-home (OOH) campaign and more. The Lottie animations were also integrated into Stripe website and other signup pages.