--- title: "Clinic: Shipping Design Systems for Better UX Outcomes (Session 124)" description: Join this webinar on design systems to learn practical steps you can apply immediately across your marketing site. image: https://www.basetheme.pro/hubfs/Imported_Blog_Media/630-Dec-15-2025-02-35-05-9219-PM-2.jpg --- [Skip to main content](https://www.basetheme.pro/webinars/clinic-shipping-design-systems-for-better-ux-outcomes-session-124#main-content) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro.svg "BASE Pro")](https://www.basetheme.pro/) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro-white.svg "BASE Pro")](https://www.basetheme.pro/) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro.svg "BASE Pro")](https://www.basetheme.pro/) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro.svg "BASE Pro")](https://www.basetheme.pro/) - Mega Menu ## **Build custom mega menus.** Create custom mega menu layouts with multiple columns. Use these features to make each dropdown unique. [BASE Pro](https://ecosystem.hubspot.com/marketplace/website/base-pro-theme-by-smartacre) [Design Create your own style of dropdowns. You have full control to style the dropdowns to match your brand and site design.](https://www.basetheme.pro/#mega-menu) [Columns Add any number of columns and adjust the size of each column independently.](https://www.basetheme.pro/#mega-menu) [Spacing The Site Header module includes custom spacing fields for all elements allowing you to refine the layout of the design.](https://www.basetheme.pro/#mega-menu) [Advanced links Create links with icons and descriptions. Completely customize the style of these links in the modules style settings.](https://www.basetheme.pro/#mega-menu) [Simple menus Add simple menus to any dropdown. This allows you to quickly create simple single dropdowns.](https://www.basetheme.pro/#mega-menu) [Rich text editors Add rich text fields to any dropdown. Create content in mega menus utilizing all the functionality that comes with HubSpot's rich text fields.](https://www.basetheme.pro/#mega-menu) - Templates **Page Templates** Base page templates give you a great starting point to build custom page templates off of. [Blank 1](https://www.basetheme.pro/template-blank-1) [Blank 2](https://www.basetheme.pro/template-blank-2) [Blank 3](https://www.basetheme.pro/template-blank-3) [Home 1](https://www.basetheme.pro/template-home-1) [Home 2](https://www.basetheme.pro/template-home-2) [About](https://www.basetheme.pro/template-about) [Contact](https://www.basetheme.pro/template-contact) [Pricing](https://www.basetheme.pro/template-pricing-1) **Landing Page Templates** Base comes included with several of the most common landing page templates. [Landing Page 1](https://www.basetheme.pro/template-landing-page-1) [Landing Page 2](https://www.basetheme.pro/template-landing-page-2) [Landing Page 3](https://www.basetheme.pro/template-landing-page-3) [Landing Page 4](https://www.basetheme.pro/template-landing-page-4) **Blog Templates** Clean and intuitive blog templates. Blog index template is fully drag and drop and customizable. [Blog Post 1](https://www.basetheme.pro/blog/how-to-maintain-traffic-during-a-blog-migration) [Blog Listing 1](https://www.basetheme.pro/blog) [Blog Post 2 (Pro)](https://www.basetheme.pro/blog/how-to-maintain-traffic-during-a-blog-migration) [Blog Listing 2 (Pro)](https://www.basetheme.pro/case-studies) - Modules **Free Modules** Modules included with the free theme. **Pro Modules** These modules are only available with **[BASE Pro](https://ecosystem.hubspot.com/marketplace/website/base-pro-theme-by-smartacre)**.  [Accordion](https://www.basetheme.pro/module-accordion) [Button+](https://www.basetheme.pro/module-button) [Cards](https://www.basetheme.pro/module-cards) [Form+](https://www.basetheme.pro/module-form) [Link](https://www.basetheme.pro/module-link) [List](https://www.basetheme.pro/module-list) [Menu+](https://www.basetheme.pro/module-menu) [Rich Text+](https://www.basetheme.pro/module-rich-text) [Simple Menu+](https://www.basetheme.pro/module-simple-menu) [Site Header](https://www.basetheme.pro/module-site-header) [Text+](https://www.basetheme.pro/module-text) [Header Settings](https://www.basetheme.pro/module-header-settings) [Page Settings](https://www.basetheme.pro/module-page-settings) [Post Settings](https://www.basetheme.pro/module-post-settings) [Background](https://www.basetheme.pro/module-background) [Blog Header](https://www.basetheme.pro/case-studies) [Blog Listing](https://www.basetheme.pro/case-studies) [Buttons](https://www.basetheme.pro/module-buttons) [Grid](https://www.basetheme.pro/module-grid) [Icons](https://www.basetheme.pro/module-icons) [Logo Scroller](https://www.basetheme.pro/module-logo-scroller) [Overflow Cards](https://www.basetheme.pro/module-overflow-cards) [Overflow Posts](https://www.basetheme.pro/module-overflow-posts) [Pricing](https://www.basetheme.pro/module-pricing) [Recent Posts](https://www.basetheme.pro/module-recent-posts) [Table](https://www.basetheme.pro/module-table) - Support [Documentation Instructions for how to get started using the Base theme.](https://www.basetheme.pro/documentation) [Support Plans If you need help with the Base theme we offer several service and support options.](https://www.basetheme.pro/support-plans) [Contact SmartAcre The Base theme is created by SmartAcre. Contact us to learn more.](https://www.basetheme.pro/contact) - [Pricing](https://www.basetheme.pro/pricing) [BASE](https://ecosystem.hubspot.com/marketplace/website/base-theme-by-smartacre) [BASE Pro](https://ecosystem.hubspot.com/marketplace/website/base-pro-theme-by-smartacre) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro.svg "BASE Pro")](https://www.basetheme.pro/) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro-white.svg "BASE Pro")](https://www.basetheme.pro/) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro.svg "BASE Pro")](https://www.basetheme.pro/) [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro.svg "BASE Pro")](https://www.basetheme.pro/) ### Offcanvas **Easily create offcanvas menus like this this one in the mobile or desktop header.** **Includes:** - **Menu:** Add collapse submenus that give you full control to recreate mega menu content for mobile views. - **Simple menu:** Recreate any utility menu links on mobile. - **Buttons**: Primary and secondary button styles which are fully customizable in the module's style. - **Icons:** Perfect for creating social and sharing buttons. - **Rich text:** Insert anything you can add with a rich text area. [BASE](https://ecosystem.hubspot.com/marketplace/website/base-theme-by-smartacre) [BASE Pro](https://ecosystem.hubspot.com/marketplace/website/base-pro-theme-by-smartacre) - Mega Menu **Build custom mega menus.** Create custom mega menu layouts with multiple columns. Each dropdown can be unique and include any of these modules. [BASE Pro](https://ecosystem.hubspot.com/marketplace/website/base-pro-theme-by-smartacre) [Design Create your own style of dropdowns. You have full control to style the dropdowns to match your brand and site design.](https://www.basetheme.pro/#mega-menu) [Columns Add any number of columns and adjust the size of each column independently.](https://www.basetheme.pro/#mega-menu) [Spacing The Site Header module includes custom spacing fields for all elements allowing you to refine the layout of the design.](https://www.basetheme.pro/#mega-menu) [Advanced links Create links with icons and descriptions. Completely customize the style of these links in the modules style settings.](https://www.basetheme.pro/#mega-menu) [Simple menus Add simple menus to any dropdown. This allows you to quickly create simple single dropdowns.](https://www.basetheme.pro/#mega-menu) [Rich text Add rich text fields to any dropdown. Create content in mega menus utilizing all the functionality that comes with HubSpot's rich text fields.](https://www.basetheme.pro/#mega-menu) - Templates **Page Templates** Base page templates give you a great starting point to build custom page templates off of. [Blank 1](https://www.basetheme.pro/template-blank-1) [Blank 2](https://www.basetheme.pro/template-blank-2) [Blank 3](https://www.basetheme.pro/template-blank-3) [Home 1](https://www.basetheme.pro/template-home-1) [Home 2](https://www.basetheme.pro/template-home-2) [About](https://www.basetheme.pro/template-about) [Contact](https://www.basetheme.pro/template-contact) [Pricing](https://www.basetheme.pro/template-pricing-1) **Landing Page Templates** Base comes included with several of the most common landing page templates. [Landing Page 1](https://www.basetheme.pro/template-landing-page-1) [Landing Page 2](https://www.basetheme.pro/template-landing-page-2) [Landing Page 3](https://www.basetheme.pro/template-landing-page-3) [Landing Page 4](https://www.basetheme.pro/template-landing-page-4) **Blog Templates** Clean and intuitive blog templates. Blog index template is fully drag and drop and customizable. [Blog Post 1](https://www.basetheme.pro/blog/how-to-maintain-traffic-during-a-blog-migration) [Blog Listing 1](https://www.basetheme.pro/blog) [Blog Post 2 (Pro)](https://www.basetheme.pro/blog/how-to-maintain-traffic-during-a-blog-migration) [Blog Listing 2 (Pro)](https://www.basetheme.pro/case-studies) - Modules **Free Modules** Modules included with the free theme. [Accordion](https://www.basetheme.pro/module-accordion) [Button+](https://www.basetheme.pro/module-button) [Cards](https://www.basetheme.pro/module-cards) [Form+](https://www.basetheme.pro/module-form) [Link](https://www.basetheme.pro/module-link) [List](https://www.basetheme.pro/module-list) [Menu+](https://www.basetheme.pro/module-menu) [Rich Text+](https://www.basetheme.pro/module-rich-text) [Simple Menu+](https://www.basetheme.pro/module-simple-menu) [Site Header](https://www.basetheme.pro/module-site-header) [Text+](https://www.basetheme.pro/module-text) [Header Settings](https://www.basetheme.pro/module-header-settings) [Page Settings](https://www.basetheme.pro/module-page-settings) [Post Settings](https://www.basetheme.pro/module-post-settings) **Pro Modules** These modules are only available with **[BASE Pro](https://ecosystem.hubspot.com/marketplace/website/base-pro-theme-by-smartacre)**. [Background](https://www.basetheme.pro/module-background) [Blog Header](https://www.basetheme.pro/case-studies) [Blog Listing](https://www.basetheme.pro/case-studies) [Buttons](https://www.basetheme.pro/module-buttons) [Grid](https://www.basetheme.pro/module-grid) [Icons](https://www.basetheme.pro/module-icons) [Logo Scroller](https://www.basetheme.pro/module-logo-scroller) [Overflow Cards](https://www.basetheme.pro/module-overflow-cards) [Overflow Posts](https://www.basetheme.pro/module-overflow-posts) [Pricing](https://www.basetheme.pro/module-pricing) [Recent Posts](https://www.basetheme.pro/module-recent-posts) [Table](https://www.basetheme.pro/module-table) - Support [Documentation Instructions for how to get started using the Base theme.](https://www.basetheme.pro/documentation) [Support plans If you need help with the Base theme we offer several service and support options.](https://www.basetheme.pro/support-plans) [Contact SmartAcre The Base theme is created by SmartAcre. Contact us to learn more.](https://www.basetheme.pro/contact) - [Pricing](https://www.basetheme.pro/pricing) **Interested in trying the Base theme?** The **BASE** theme is free and a great way to trial **BASE Pro**. Buying the pro version now gives you access to future updates and additional pro modules forever. [BASE](https://ecosystem.hubspot.com/marketplace/website/base-theme-by-smartacre) [BASE Pro](https://ecosystem.hubspot.com/marketplace/website/base-pro-theme-by-smartacre) Suggested links Quick links - [Build a custom site header](https://www.basetheme.pro/module-site-header) - [Create unique cards](https://www.basetheme.pro/module-cards) - [Get support](https://www.basetheme.pro/support-plans) - [Contact SmartAcre](https://www.basetheme.pro/contact) Suggested links Quick links - [Build a custom site header](https://www.basetheme.pro/module-site-header) - [Create unique cards](https://www.basetheme.pro/module-cards) - [Get support](https://www.basetheme.pro/support-plans) - [Contact SmartAcre](https://www.basetheme.pro/contact) # Clinic: Shipping Design Systems for Better UX Outcomes (Session 124) [![Nora Mitchell](https://www.basetheme.pro/hubfs/headshot-2.jpg) Nora Mitchell](https://www.basetheme.pro/webinars/author/nora-mitchell) September 6, 2025 ![](https://www.basetheme.pro/hs-fs/hubfs/Imported_Blog_Media/630-Dec-15-2025-02-35-05-9219-PM-2.jpg?width=1200&height=630&name=630-Dec-15-2025-02-35-05-9219-PM-2.jpg) Clinic: Shipping Design Systems for better UX (Jul 2023 Session 124) is a practical session focused on design systems for modern marketing sites. In 60 minutes, we'll cover actionable steps, common pitfalls, and a simple framework you can reuse. This session is designed for developers who want measurable improvements without a full redesign. ## Webinar details **Date:** July 17, 2023 (ET). **Format:** On-demand replay. **Duration:** 60 minutes. ## What you'll learn - A repeatable checklist you can apply to your next sprint - How to prioritize changes based on impact and effort - How to measure results with clean analytics signals - Common mistakes that slow teams down ## Agenda 1. Context: what we're optimizing for 2. Framework: a workflow that scales 3. Examples: patterns that work in real builds 4. Measurement: what to track and why 5. Q&A and next steps ## Speakers Nora Mitchell (Host). Guest speaker (Demo). Moderator (Q&A). ## Who it's for Teams responsible for marketing sites, landing pages, and ongoing optimization. Anyone who needs to ship faster while maintaining performance, UX, and SEO fundamentals. If this session is listed as on-demand, the replay includes the full walkthrough and the downloadable checklist. For live sessions, we'll include time for Q&A at the end. ### Comments [![BASE Pro](https://www.basetheme.pro/hubfs/BASE/base-theme-pro.svg "BASE Pro")](https://www.basetheme.pro/) Created by SmartAcre, a HubSpot Solutions partner for over a decade. **TEMPLATES** - [Blank 1](https://www.basetheme.pro/template-blank-1) - [Blank 2](https://www.basetheme.pro/template-blank-2) - [Blank 3](https://www.basetheme.pro/template-blank-3) - [Home 1](https://www.basetheme.pro/template-home-1) - [Home 2](https://www.basetheme.pro/template-home-2) - [About](https://www.basetheme.pro/template-about) - [Contact](https://www.basetheme.pro/template-contact) - [Pricing](https://www.basetheme.pro/template-pricing-1) - [Landing Page 1](https://www.basetheme.pro/template-landing-page-1) - [Landing Page 2](https://www.basetheme.pro/template-landing-page-2) - [Landing Page 3](https://www.basetheme.pro/template-landing-page-3) - [Landing Page 4](https://www.basetheme.pro/template-landing-page-4) - [Blog Post 1](https://www.basetheme.pro/blog/how-to-maintain-traffic-during-a-blog-migration) - [Blog Listing 1](https://www.basetheme.pro/blog) - [Blog Post 2 (Pro)](https://www.basetheme.pro/blog/how-to-maintain-traffic-during-a-blog-migration) - [Blog Listing 2 (Pro)](https://www.basetheme.pro/case-studies) **FREE MODULES** - [Accordion](https://www.basetheme.pro/module-accordion) - [Button+](https://www.basetheme.pro/module-button) - [Cards](https://www.basetheme.pro/module-cards) - [Form+](https://www.basetheme.pro/module-form) - [Link](https://www.basetheme.pro/module-link) - [List](https://www.basetheme.pro/module-list) - [Menu+](https://www.basetheme.pro/module-menu) - [Rich Text+](https://www.basetheme.pro/module-rich-text) - [Simple Menu+](https://www.basetheme.pro/module-simple-menu) - [Site Header](https://www.basetheme.pro/module-site-header) - [Text+](https://www.basetheme.pro/module-text) - [Header Settings](https://www.basetheme.pro/module-header-settings) - [Page Settings](https://www.basetheme.pro/module-page-settings) - [Post Settings](https://www.basetheme.pro/module-post-settings) **PRO MODULES** - [Background](https://www.basetheme.pro/module-background) - [Blog Header](https://www.basetheme.pro/case-studies) - [Blog Listing](https://www.basetheme.pro/case-studies) - [Buttons](https://www.basetheme.pro/module-buttons) - [Grid](https://www.basetheme.pro/module-grid) - [Icons](https://www.basetheme.pro/module-icons) - [Logo Scroller](https://www.basetheme.pro/module-logo-scroller) - [Overflow Cards](https://www.basetheme.pro/module-overflow-cards) - [Overflow Posts](https://www.basetheme.pro/module-overflow-posts) - [Pricing](https://www.basetheme.pro/module-pricing) - [Recent Posts](https://www.basetheme.pro/module-recent-posts) - [Table](https://www.basetheme.pro/module-table) **SUPPORT** - [Documentation](https://www.basetheme.pro/documentation) - [Support Plans](https://www.basetheme.pro/support-plans) - [Contact SmartAcre](https://www.basetheme.pro/contact) - [Pricing](https://www.basetheme.pro/pricing) - [Privacy Policy](https://www.basetheme.pro/privacy-policy) - [Accessibility Statement](https://www.basetheme.pro/accessibility-statement) - Manage Cookies - Do Not Sell or Share My Personal Information © 2026 SmartAcre®, Inc. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Nora Mitchell", "url" : "https://www.basetheme.pro/webinars/author/nora-mitchell" }, "dateModified" : "2026-02-09T18:11:52.067Z", "datePublished" : "2025-09-06T04:00:00.000Z", "headline" : "Clinic: Shipping Design Systems for Better UX Outcomes (Session 124)", "image" : [ "https://www.basetheme.pro/hubfs/Imported_Blog_Media/630-Dec-15-2025-02-35-05-9219-PM-2.jpg" ], "mainEntityOfPage" : { "@id" : "https://www.basetheme.pro/webinars/clinic-shipping-design-systems-for-better-ux-outcomes-session-124", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.basetheme.pro/hubfs/BASE/base-theme-pro.png" }, "name" : "SmartAcre" } } ```