Westpac Motion Principles

Westpac Motion Principles

Establishing motion principles to guide project teams in making informed decisions about using motion in digital projects.

The Challenge

The Challenge

The Challenge

Help project teams at Westpac navigate the complexities of incorporating motion into their digital experiences while ensuring consistency, accessibility, and alignment with brand values.

Requirement

Create clear and actionable motion design principles that assist teams in determining when and how to use motion effectively in their projects.

User Research

We conducted:

Researched industry best practices and user expectations for motion design.

Collaborated with cross-functional teams to identify pain points and opportunities related to motion use.

Defined and documented a set of principles, along with visual examples, to make decisions easier for teams.

Key Findings:

Motion can significantly enhance user engagement but must be purposeful.

Accessibility is critical; motion must not hinder usability for any users.

Teams benefit from having clear, reusable guidelines to streamline the design process.

Does the manual check-in process hinder patient

experience and clinic efficiency?

Ideation

Focused on integrating a QR code system that was familiar and accessible.

Wireframing

Outlined the steps involved in the check-in process from a patient's perspective.

Prototyping

Developed a web-based interface that was tested internally.

Refined

Refined the interface based on direct feedback from testing phases.

solutions

We Developed

Purpose-driven motion

Defined criteria for when motion should be used to enhance clarity and progress.

Guiding principles for accessibility

Outlined how to implement motion in ways that accommodate diverse user needs, including those with low vision or vestibular disorders.

Lottie vs. Native Decision Framework

Provided teams with pros and cons of Lottie and native motion approaches, helping them choose the right approach.

Engaging use cases

Included examples like branded moments, confirmations, and teaching gestures to showcase motion's potential.

Results

The motion principles streamlined the design process, improved user experience, and ensured accessibility compliance. Teams gained clarity and confidence in integrating motion, contributing to a cohesive digital brand identity.


The motion principles streamlined the design process, improved user experience, and ensured accessibility compliance. Teams gained clarity and confidence in integrating motion, contributing to a cohesive digital brand identity.


Lesson Learned

Motion design must be both thoughtful and scalable to deliver value across diverse projects. Accessibility and clarity are non-negotiable.

Motion design must be both thoughtful and scalable to deliver value across diverse projects. Accessibility and clarity are non-negotiable.