My Focus: Design System, Product Design, Visual Exploration, Motion Direction
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
Google Cloud • Senior Product & System Designer •
2026
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
39
system updates to core library
50%
of most used components updated
1st
shared system mental model
~10–15
hours saved per designer per quarter
"It wasn’t just what you delivered but how you delivered it... We’re finally talking about the module system and understanding how that ecosystem works.”
Design Lead, Google Cloud
The Challenge
The system fell short, so marketing stopped trusting it and started building their own.
Teams were building their own components instead of using the library, things like one-off heroes and custom text modules the system couldn't do itself. Others forced existing modules into jobs they weren't built for, like a stats component meant to hold a number showing up stuffed with a full sentence. Cloud Next put a deadline on fixing it, six months to bring Google Cloud in line with Google's updated GM3 styles before their biggest audience of the year arrived.
Discovering Opportunities
The system didn't need more components. It needed a shared mental model everyone could design and build from.
Modules needed to flex instead of multiply, and update to GM3 so Cloud felt consistent with the rest of Google. Reuse needed to get easier so designers moved faster, and old components needed cleanup and consolidation. None of it would stick without real documentation, something the system had little of.
Showcase AI
Elevated the hero component and brought in micro animations to immediately captivate.
Utilized shared components across all updated designs to bring unity to each page.
Modernized the existing 50/50 components and expanded dark and light options, using dark mode for focal moments.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Plan, Design, & Execute
With page-level opportunities defined, we translated storytelling needs into system requirements.
After aligning on the stories we wanted to tell, we focused on the how by aligning the overall look and feel with GM3. We audited the modules required for each page, mapping content to specific modules and evaluating existing components to identify where they could be extended. Where gaps existed, we designed entirely new modules and updated the design foundations to support them, ensuring that each final page acted as a real-world validation of our system decisions across various layouts and use cases.
Customer Stories
Focused on image and video-based customer stories for stronger engagement and impact.
Enhanced story-telling components and muted supporting detail-oriented components.
Modernized existing components while updating to GM3.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Produce
As designs moved into engineering, we refined solutions based on CMS constraints, feasibility, and timelines.
Close collaboration during production revealed how system decisions held up in real implementation and exposed deeper patterns in how modules were being used. This phase surfaced a key insight about the system’s next evolution.
Gemini Enterprise
Redesigned the hero section to highlight key benefits instantly using a smaller, higher-impact visual.
Simplified content to help streamline hierarchy and time on page metrics.
Reworked the pricing cards to read better for comparison scanning.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Insights
The next unlock isn’t more modules. It’s more flexible ones.
Our investigation revealed how small configuration gaps led to module sprawl, with many similar modules differing only slightly in fields. This made reuse difficult and slowed page creation. While not addressed in this phase, this insight now defines the system’s next evolution. Consolidation over expansion.
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
2026
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
2026
Google Cloud • Senior Product & System Designer •
2026
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
39
system updates to core library
50%
of most used components updated
1st
shared system mental model
~10–15
hours saved per designer per quarter
"It wasn’t just what you delivered but how you delivered it... We’re finally talking about the module system and understanding how that ecosystem works.”
Design Lead, Google Cloud
The Challenge
The system fell short, so marketing stopped trusting it and started building their own.
Teams were building their own components instead of using the library, things like one-off heroes and custom text modules the system couldn't do itself. Others forced existing modules into jobs they weren't built for, like a stats component meant to hold a number showing up stuffed with a full sentence. Cloud Next put a deadline on fixing it, six months to bring Google Cloud in line with Google's updated GM3 styles before their biggest audience of the year arrived.
Discovering Opportunities
The system didn't need more components. It needed a shared mental model everyone could design and build from.
Modules needed to flex instead of multiply, and update to GM3 so Cloud felt consistent with the rest of Google. Reuse needed to get easier so designers moved faster, and old components needed cleanup and consolidation. None of it would stick without real documentation, something the system had little of.
Showcase AI
Elevated the hero component and brought in micro animations to immediately captivate.
Utilized shared components across all updated designs to bring unity to each page.
Modernized the existing 50/50 components and expanded dark and light options, using dark mode for focal moments.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Plan, Design, & Execute
With page-level opportunities defined, we translated storytelling needs into system requirements.
After aligning on the stories we wanted to tell, we focused on the how by aligning the overall look and feel with GM3. We audited the modules required for each page, mapping content to specific modules and evaluating existing components to identify where they could be extended. Where gaps existed, we designed entirely new modules and updated the design foundations to support them, ensuring that each final page acted as a real-world validation of our system decisions across various layouts and use cases.
Customer Stories
Focused on image and video-based customer stories for stronger engagement and impact.
Enhanced story-telling components and muted supporting detail-oriented components.
Modernized existing components while updating to GM3.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Produce
As designs moved into engineering, we refined solutions based on CMS constraints, feasibility, and timelines.
Close collaboration during production revealed how system decisions held up in real implementation and exposed deeper patterns in how modules were being used. This phase surfaced a key insight about the system’s next evolution.
Gemini Enterprise
Redesigned the hero section to highlight key benefits instantly using a smaller, higher-impact visual.
Simplified content to help streamline hierarchy and time on page metrics.
Reworked the pricing cards to read better for comparison scanning.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Insights
The next unlock isn’t more modules. It’s more flexible ones.
Our investigation revealed how small configuration gaps led to module sprawl, with many similar modules differing only slightly in fields. This made reuse difficult and slowed page creation. While not addressed in this phase, this insight now defines the system’s next evolution. Consolidation over expansion.
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
2026
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
2026
Google Cloud • Senior Product & System Designer •
2026
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
39
system updates to core library
50%
of most used components updated
1st
shared system mental model
~10–15
hours saved per designer per quarter
"It wasn’t just what you delivered but how you delivered it... We’re finally talking about the module system and understanding how that ecosystem works.”
Design Lead, Google Cloud
The Challenge
The system fell short, so marketing stopped trusting it and started building their own.
Teams were building their own components instead of using the library, things like one-off heroes and custom text modules the system couldn't do itself. Others forced existing modules into jobs they weren't built for, like a stats component meant to hold a number showing up stuffed with a full sentence. Cloud Next put a deadline on fixing it, six months to bring Google Cloud in line with Google's updated GM3 styles before their biggest audience of the year arrived.
Discovering Opportunities
The system didn't need more components. It needed a shared mental model everyone could design and build from.
Modules needed to flex instead of multiply, and update to GM3 so Cloud felt consistent with the rest of Google. Reuse needed to get easier so designers moved faster, and old components needed cleanup and consolidation. None of it would stick without real documentation, something the system had little of.
Showcase AI
Elevated the hero component and brought in micro animations to immediately captivate.
Utilized shared components across all updated designs to bring unity to each page.
Modernized the existing 50/50 components and expanded dark and light options, using dark mode for focal moments.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Plan, Design, & Execute
With page-level opportunities defined, we translated storytelling needs into system requirements.
After aligning on the stories we wanted to tell, we focused on the how by aligning the overall look and feel with GM3. We audited the modules required for each page, mapping content to specific modules and evaluating existing components to identify where they could be extended. Where gaps existed, we designed entirely new modules and updated the design foundations to support them, ensuring that each final page acted as a real-world validation of our system decisions across various layouts and use cases.
Customer Stories
Focused on image and video-based customer stories for stronger engagement and impact.
Enhanced story-telling components and muted supporting detail-oriented components.
Modernized existing components while updating to GM3.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Produce
As designs moved into engineering, we refined solutions based on CMS constraints, feasibility, and timelines.
Close collaboration during production revealed how system decisions held up in real implementation and exposed deeper patterns in how modules were being used. This phase surfaced a key insight about the system’s next evolution.
Gemini Enterprise
Redesigned the hero section to highlight key benefits instantly using a smaller, higher-impact visual.
Simplified content to help streamline hierarchy and time on page metrics.
Reworked the pricing cards to read better for comparison scanning.
↕️ (Scroll) Old layout
↕️ (Scroll) New design
Insights
The next unlock isn’t more modules. It’s more flexible ones.
Our investigation revealed how small configuration gaps led to module sprawl, with many similar modules differing only slightly in fields. This made reuse difficult and slowed page creation. While not addressed in this phase, this insight now defines the system’s next evolution. Consolidation over expansion.
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
2026
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
When your design system can't keep up with your ambitions, you don't add more of it. You rebuild the parts that matter.
My Focus: Design System, Product Design, Visual Exploration, Motion Direction
Team: 2 Creative Directors, 1 Systems Desiger, 1 Visual Designer, 1 UX, 1 Motion
*Live pages are modular, enabling client edits that differ from final designs.
2026