Motions that matter

Our motion visuals reflect the innovative, on-the-go nature of our products. We use thoughtful references to bring static scenes to life: the strike of a highlighter, the swoosh of a signature, the turn of a page, and authentic customer interactions.

Approach

Motion is used to tell visually impactful stories that resonate with added video, multiple frames, and accompanying messaging.  Visual references to paper sliding, hand-drawn signatures, and simple contracts have been incorporated to the templates to add context and better storytelling to the overall agreement process.

Highlighter and type treatments
Contextual motion placements
Social motion elements

Core motion elements

Our motion design system is made up of several key elements utilizing quick transitions, bold color palettes, brand signature libraries, authentic photography and short headlines.  Large titles should be treated on separate frames rather than incorporating lengthy amounts of text and having users read too quickly.  Motion visuals should try to include only a couple brand elements at a time and not inlcude too many visuals on a single asset.

Type title treatments
Signature elements
Large placements
Logo bumper treatment
Flexible asset ratio sizes

Concise and impactful

Our overall motion approach should be functional and concise without being overly decorative and complex.  Each story should have a clear message and be simple in typopgraphy choices, graphics, and transitions.  There are beautiful messages and values to convey through motion and each asset should carry engaging impact communicating as an continuation of the DocuSign brand.

Overview of movement and transitions
AE speed graph