AXIOM Motion Standards

Giving enterprise interfaces a shared motion language

Senior UX Designer · Edward Jones

Role

Senior UX designer

Scope

Motion principles, component animation, documentation

Outcome

Approved through design governance

Role

Senior UX designer

Outcome

Approved through design governance

Scope

Motion principles, component animation, documentation

A shared motion language

As AXIOM grew, motion varied across products. Teams were defining animation behavior independently, and accessibility considerations were not consistently part of those decisions. I led the definition of motion principles, built component-level examples, and wrote guidance for designers and engineers. I worked with engineering on feasibility and brought the standards through design governance.

Defining the purpose of movement

The standards connected motion to what an interaction needed to communicate. Instead of specifying an effect for every possible screen, the guidance gave teams principles and examples they could apply to new situations. That flexibility required explanation. Examples for controls, navigation, and feedback showed how the principles affected specific behaviors.

Including reduced motion in the specification

Reduced-motion needs and cognitive load were part of the standard. They constrained how much movement an interaction should use and how essential information would remain understandable. The implementation guidance paired those considerations with examples so teams could address them while building the interaction.

Selected artifacts

Examples connect the principles to specific control and feedback states. Each demonstration starts with a static poster and plays only when requested.

Animation Examples

Select Dropdown

Enables a user to quickly select between a list of options, and then see the option selected.

Context Tabs

Enables users to alternate between views within the same context.

Tooltips

Contextual information that is triggered by clicking or hovering.

Checkbox

Shows the transition between unchecked and checked selection states.

Dropdown, tab, tooltip, and checkbox examples show how motion communicates selection, navigation, and contextual information. Use the video controls to play, pause, or inspect an example; the text explains its purpose without requiring playback.

Supporting adoption

The work included documentation and communication across product teams, alongside the animation itself. The existing project record describes design-governance approval, use across products, and documentation used in onboarding.

← Back to work

Email:

armanmusaji@gmail.com

Email: