Microsoft CELA
Building a shared digital system for an enterprise ecosystem spanning teams, agencies, and future initiatives.
Enterprise Platforms · Design Systems · UX Governance · Facilitation
-
Strategic Product Designer / Design Lead
Led the work from ecosystem audit through system definition, adoption, implementation, and visual QA. My scope included UX/UI, design systems, governance, facilitation, prototyping, documentation, and cross-team alignment.
-
Worked across Microsoft stakeholders, Fueled project management and engineering, and an external agency contributing to the same ecosystem.
I facilitated recurring system reviews, established a shared environment for testing the system against active work, and supported partner-agency designers through one-on-one working sessions.
-
Created a reusable digital foundation that brought greater consistency to an active enterprise ecosystem and made future initiatives easier to deliver.
The accumulated system and account knowledge later enabled Microsoft America250 to move from UX/UI through launch in three days.
PROBLEM
An established brand without a shared digital operating layer.
Microsoft CELA already had an approved brand and a growing digital ecosystem, but its components, templates, and content patterns had become fragmented across active work.
With multiple teams and agencies contributing simultaneously, inconsistency was becoming more than a visual problem. The ecosystem needed a shared foundation that could scale.
Ecosystem audit, fragmented components
OPPORTUNITY
The opportunity was bigger than a component library.
We needed to translate the established CELA brand into a reusable digital system while creating a shared way for multiple teams to design, review, and build within the same ecosystem.
Ecosystem audit, fragmented components
FINDING THE SYSTEM INSIDE THE EXISTING WORK
I began by auditing existing components, templates, and content blocks to identify recurring patterns, unnecessary variation, and opportunities for consolidation.
Rather than introducing a new visual language, the goal was to make the existing brand more coherent, reusable, and scalable across digital experiences.
Ecosystem audit, fragmented components
A SYSTEM ONLY WORKS IF PEOPLE CAN USE IT
With Fueled and another agency contributing to the same ecosystem, adoption became part of the design problem.
I facilitated recurring reviews with Microsoft and the partner agency, created a shared environment for pressure-testing the system against live work, and worked directly with external designers to support implementation and adoption.
Ecosystem audit, fragmented components
blackstone.com before the redesign.
“We created the Design & Development Language, an all-inclusive system for translating design to engineers resulting in consistent, pixel-perfect outcomes across desktop, tablet, and mobile interfaces.”
The Scrolling Logo List showcases logos of portfolio companies with automatic scrolling and play/pause functionality. On hover, the logo’s color animates, and on click, an overlay reveals additional details and an optional link. There are optional tabs / dropdown list to filter logos.
The Quote Carousel (above) displays rotating quotes with optional images, titles, and featured entities for seamless browsing.
The In-Line Disclaimer (below) seamlessly integrates legal disclosures into any component, ensuring compliance without disrupting the user experience.
The Header (above) is a flexible, adaptable element that can be applied to any component, offering multiple variations to suit different content needs.
The Accordion (below) streamlines content organization with an RTE and support for embedded UI elements, enhancing readability and flexibility.
LIKE WHAT YOU SEE?
< SSENSE TikTok for Business >