Weir MOTION METRICS - Website Re-design

Branding Refresh & Website Migration - WEIR Motion Metrics

After the acquisition of Motion Metrics by Weir, I led the full rebranding effort as the sole designer, with my manager overseeing final approvals. My role included redesigning and updating all marketing collateral: brochures, case studies, social media graphics, and other branded assets to align with Weir’s corporate guidelines.

In addition to collateral, we transitioned the entire Motion Metrics website into Weir's global site. I was responsible for building and designing multiple new pages within Optimizely CMS, customizing layouts, optimizing content, and ensuring the user experience aligned seamlessly with Weir’s brand identity.

Key Contributions:

Sole designer managing the complete rebranding of Motion Metrics under Weir.
Redesigned all marketing materials (brochures, case studies, social media graphics, etc.).
Migrated Motion Metrics’ website into Weir’s global site.
Designed and customized multiple new pages within Optimizely CMS to optimize usability and brand consistency.

View Website

The Challenge

When Motion Metrics needed new product pages on Weir’s website, I proactively asked my manager to put me in charge of the project, seeing it as an opportunity to take ownership and expand my technical skill set.

The task involved building new pages directly within Optimizely CMS, a platform I had never used before, while ensuring full compatibility with Weir’s existing website infrastructure.

Unlike more common CMS platforms such as WordPress, Optimizely had limited learning resources, which meant I had to onboard myself independently. At the same time, I needed to deliver pages that were visually engaging, aligned with UX best practices, and consistent with Weir’s brand standards, all within technical constraints.

The Solution

To minimize risk and move efficiently, I started by auditing content from the original Motion Metrics website and using it as a foundation rather than starting from scratch.

I designed and built a high-complexity product page as a proof of concept, one that included multiple sections, detailed product information, and varied content structures. This approach allowed me to validate both the CMS implementation and the design direction early on.

After sharing the initial page with my manager and incorporating feedback, I scaled the solution by creating reusable CMS blocks, similar to design components in Figma. These blocks made page creation faster, ensured consistency across layouts, and supported future scalability.

The Outcome & Impact

The final result exceeded expectations. The management team responsible for merging Motion Metrics into Weir’s website praised the work to my managers and expressed interest in adapting my design approach for the rest of the website.

By taking ownership of the project and independently mastering Optimizely CMS, I delivered a scalable, UX-driven page system that not only supported Motion Metrics’ needs but also influenced broader design decisions across the Weir website.

Weir MOTION METRICS - Website Re-design

Branding Refresh & Website Migration - WEIR Motion Metrics

Project Walk-through

The Challenge

The Solution

The Outcome & Impact

Old website vs New website

Weir MOTION METRICS - Website Re-design

Branding Refresh & Website Migration - WEIR Motion Metrics

Project Walk-through

The Challenge

The Solution

The Outcome & Impact

Old website vs New website

This website uses cookies.