Scaling Azure growth with a systematized approach
Core responsibilities
Design system architect
Content and design strategy
Product design lead
Associate creative director
Key accomplishments
Consistent YoY growth for Azure revenue generated from web
Navigation design elements adapted across all of Microsoft
Co-built Microsoft's top web design system
Branding strategy helped transform Microsoft Learn into industry leader
Challenges & growth
Shifting an organization into a systems-driven approach
Aligning design across engineering, marketing, editorial, and product
Training early-in-career designers
Leveling up art direction, isometric, and 3D visual styles
Designers were living in separate files designing how they saw fit, while developers had no central code classes to pull from.
Before
Figma libraries contained templates and pre-made modules aligned to code that could be auto-compiled in VSCode. No redlines needed.
After
Everyone knew the language when it came to talking about how we design and build.
Accessible design system site for all design and engineering partners to reference
Shared taxonomy of templates, modules, imagery, and process
Enabled fast onboarding for new contractors to start designing or building
Art by Julien Tauban and Jake Dickey
Redesigned the navigation, influencing Microsoft's global header and other cloud competitor sites
Azure has hundreds of products and complex navigation requirements for its large inventory of pages. I worked closely with senior developers to spec out every pixel for all viewports.
