For the past two years I was the lead motion designer at Melio, one of the fastest growing fintech startups in Israel. In this role, I took a major part in the re-branding; I defined the motion language, created guidelines for animation on all platforms and products and led the expansion of in-house video production capabilities.
Motion is our way to express and communicate the brand’s personality, values and style. Here are some guidelines, principles and examples for incorporating animation into Melio’s assets & deliverables.
Logo IDs
We've express Melio's value propositions through various expressions of our logo. First - the company's main business is incoming and outgoing payments. The Line simulating a smooth and frictionless transfer of funds. Third one refers to Melio's innovative fintech.
Typography
*Min/Max for all formats
Cards
Cards are used for messaging within videos, banners and social media posts. Here are some examples for various lengths of text and animation presets.
Supers
Supers demonstrate the way to combine text on/within footage. Here are some examples of how we use supers with different types of messaging.
Safety
HD / 1:1 / 9:16
Transitions
Whether it's on our website, product videos, ads or social media, we use transitions in a similar way. From footage to text, intro to video or video to card - use one of the following.
Intro
In this section, we'll present several options for intros to video/banners/posts, with or without text/title.
Outro
Some options for outros to video/banners/posts, with or without text/title.
Divisions
Some options for frame divisions in video/banners/posts.
interpolations
Motion values
Social media
