Microsoft Azure
Design System &
Website Migration
Timeline
January 2024 – September 2024
My Role
Senior UX Designer
Tools
Figma, Frontify, Adobe Experience Manager, &
Adobe CC
Overview
Azure is a leading cloud computing platform with a complex marketing ecosystem spanning hundreds of pages and multiple content management systems (CMS) environments. Our team was responsible for designing new pages and migrating legacy content to Adobe Experience Manager (AEM), while supporting the rollout of a new design system to improve consistency, usability, and scalability across the platform.
Problem
Azure’s web ecosystem was fragmented across multiple legacy CMS platforms, with limited coordination between teams. This caused inconsistent patterns, disjointed user experiences, and no reliable system for governance. The lack of alignment made it difficult to manage updates, enforce standards, or maintain design quality across the platform.
My Role
As a Senior UX Designer, I collaborated with product managers and product marketing managers to align templates with content strategy and business needs, while maintaining the design system and ensuring consistent implementation during migration.
To support distributed teams, I audited legacy components to identify gaps and redundancies, maintained the Figma library using atomic design principles, and updated usage guidance in Frontify. I also helped to ensure WCAG-compliant templates were used consistently across product pages, creating a more unified and accessible user experience.
These efforts reinforced shared design standards, reduced duplication, and helped teams build pages more efficiently with fewer implementation errors.
Solutions
To support the migration, I focused on improving system clarity, documentation, and reusability. Using a system-first approach, I maintained the Figma library with atomic components, updated usage guidance in Frontify, and partnered with PMs and PMMs to ensure templates supported both business needs and platform constraints.
I also collaborated with external AI teams to adapt our workflows to support partially automated page migration. Ensuring WCAG-compliant templates were used consistently across product pages was a key part of aligning the user experience with accessibility and brand standards.
Outcomes
These efforts helped scale Azure’s design system across distributed teams and improved implementation across high-visibility web properties.
Enabled more consistent page creation through reusable templates and standardized documentation
Increased alignment between content strategy and design structure through close collaboration with PMs and PMMs
Improved accessibility and reduced QA cycles by enforcing WCAG-compliant defaults
Supported the successful migration of over 200 pages to AEM with reduced manual effort via AI-assisted workflows
Deep Dive
Curious to see more? I’m happy to share additional context or discuss how this approach could support your design system work.