Motion Behavior in Design Systems

Summer Internship @ Visual Logic

Summer 2023

Skills

Design Systems - Tokens

Figma Prototyping

Interaction Design

Tools

Figma


Microsoft Word

Collaborators

Designers @ Visual Logic
PM @ Visual Logic


Developers @ Client Company

Role

I was working with a team of designers who had existing rapport built with the client, and was specifically working on the motion design guidelines of the design system. I prototyped and designed motion for components in the custom design system.

Overview

I created design system motion guidelines and interactions in response to our client’s development team needing efficient methods to implement motion in the design system. I researched and developed motion behavior guidelines for the design system, and embedded key considerations for high stress context with actionable, token-ized motion documentation.

Motion Behavior in Design Systems

Summer Internship @ Visual Logic

Summer 2023

Skills

Design Systems - Tokens

Figma Prototyping

Interaction Design

Tools

Figma


Microsoft Word

Collaborators

Designers @ Visual Logic
PM @ Visual Logic


Developers @ Client Company

Role

I was working with a team of designers who had existing rapport built with the client, and was specifically working on the motion design guidelines of the design system. I prototyped and designed motion for components in the custom design system.

Overview

I created design system motion guidelines and interactions in response to our client’s development team needing efficient methods to implement motion in the design system. I researched and developed motion behavior guidelines for the design system, and embedded key considerations for high stress context with actionable, token-ized motion documentation.

Design Approach

Learn from the masters, and design for context.

I was tasked to research and develop motion guidelines for client design system. Through my research I primarily relied on frameworks and approaches to motion behavior to develop a lasting strategy towards interaction design in the design system.

Nielsen Norman group for references in human and psychological needs, critical for the contextual understanding of this design system.



Material Design for their expressive motion behavior system.



Carbon Design for their efficient-oriented motion behavior system.



USWDS for the government-compliant design system as a reference for the design system team’s documentation.

NDA

The assets I created at Visual Logic are currently under NDA.

Please contact me directly to learn more about my impact on this project and my largely self-driven work at Visual Logic.

Reflection

I learned the role of a designer in a client relationship.

To understand a client’s needs, you have to ask questions. Especially coming into my first UX-specific internship, it took me a couple weeks to feel like I could contribute effectively — I had to first understand the way Visual Logic and their clients spoke to each other, how asks were generated, and the relationship during delivery of an ask.

Working closely with clients was undeniably informative, and having a brilliant team through Visual Logic meant I learned the delicacy of navigating high-level information and how to deliver across a long, pre-established timeline.