{"product_id":"marketing-operational-map","title":"Marketing Operational FramWork - Figma Based","description":"\u003cdiv class=\"fw-product-description\"\u003e\n\n  \u003c!-- WHAT IS IT — ALWAYS VISIBLE --\u003e\n  \u003cdiv class=\"fw-description-intro\"\u003e\n    \u003ch3\u003eWhat is it\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Most marketing strategies are a mess. You have your high-level goals\n      in a Google Doc, your tasks in Jira, your assets in Drive, and your\n      daily operations buried somewhere in Slack.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      When your plan is scattered across five different platforms, it is\n      impossible to see the big picture.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      The Marketing Operational FramWork was built as a single,\n      massive Figma board that maps out your entire marketing ecosystem\n      from top to bottom. It connects your software stack directly to your\n      daily operations, giving you a literal bird's-eye view of how your\n      business works.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- ACCORDION --\u003e\n  \u003cdiv class=\"fw-accordion\"\u003e\n\n    \u003c!-- WHAT'S INSIDE --\u003e\n    \u003cdiv class=\"fw-accordion-item\"\u003e\n      \u003cbutton class=\"fw-accordion-trigger\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWhat’s inside\u003c\/span\u003e\n        \u003cspan class=\"fw-accordion-icon\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"fw-accordion-content\"\u003e\n        \u003cdiv class=\"fw-accordion-inner\"\u003e\n\n          \u003cp\u003e\n            The 8 Operating Pillars map out the eight specific departments\n            of a successful marketing engine, detailing the tools, objectives,\n            and steps for each.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eMarket Positioning:\u003c\/strong\u003e\n            Define your exact target audience and value proposition.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eOffer Strategy:\u003c\/strong\u003e\n            Structure your pricing, guarantees, and upsell paths.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eBrand Strategy:\u003c\/strong\u003e\n            Lock in your visual identity and messaging.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eContent Strategy:\u003c\/strong\u003e\n            Map your platforms, content pillars, and publishing pacing.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eTraffic \u0026amp; Lead Gen:\u003c\/strong\u003e\n            Plan your SEO, paid ads, and landing page funnels.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eSales \u0026amp; Conversion:\u003c\/strong\u003e\n            Outline your pipeline stages and CRM setup.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eCustomer Growth:\u003c\/strong\u003e\n            Design your onboarding and referral loops.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eAnalytics \u0026amp; Optimization:\u003c\/strong\u003e\n            Track your CAC, LTV, and core KPIs.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eTool Stack:\u003c\/strong\u003e\n            A visual map of the exact software you need so you can spot\n            redundancies and cut costs.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- WHO SHOULD USE THIS --\u003e\n    \u003cdiv class=\"fw-accordion-item\"\u003e\n      \u003cbutton class=\"fw-accordion-trigger\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eWho should use this\u003c\/span\u003e\n        \u003cspan class=\"fw-accordion-icon\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"fw-accordion-content\"\u003e\n        \u003cdiv class=\"fw-accordion-inner\"\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eFounders:\u003c\/strong\u003e\n            Get your go-to-market plan out of your head and onto a canvas\n            so you can actually hand it off to a team.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eMarketing Agencies:\u003c\/strong\u003e\n            Use this exact layout to audit a new client's current setup\n            or pitch them a comprehensive strategy.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eMarketing Managers:\u003c\/strong\u003e\n            Create a single source of truth for your department so everyone\n            knows exactly what tools to use and what goals they are hitting.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- HOW TO USE IT --\u003e\n    \u003cdiv class=\"fw-accordion-item\"\u003e\n      \u003cbutton class=\"fw-accordion-trigger\" type=\"button\" aria-expanded=\"false\"\u003e\n        \u003cspan\u003eHow to use it\u003c\/span\u003e\n        \u003cspan class=\"fw-accordion-icon\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"fw-accordion-content\"\u003e\n        \u003cdiv class=\"fw-accordion-inner\"\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eCreate a free account:\u003c\/strong\u003e\n            You will need a free Figma account to use this framework.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eDuplicate the file:\u003c\/strong\u003e\n            After checkout, you'll receive a PDF with an exclusive link\n            to the template. Open the link, click the drop-down arrow next\n            to the file name, and select “Duplicate to your drafts”.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eMake it yours!\u003c\/strong\u003e\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n  .fw-product-description {\n    width: 100%;\n  }\n\n  \/* WHAT IS IT *\/\n\n  .fw-description-intro {\n    width: 100%;\n    padding-bottom: 24px;\n  }\n\n  .fw-description-intro h3 {\n    margin: 0 0 16px;\n    font: inherit;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.3;\n    color: inherit;\n  }\n\n  .fw-description-intro p {\n    margin: 0 0 16px;\n    line-height: 1.6;\n  }\n\n  .fw-description-intro p:last-child {\n    margin-bottom: 0;\n  }\n\n\n  \/* ACCORDION *\/\n\n  .fw-accordion {\n    width: 100%;\n    border-top: 1px solid rgba(0, 0, 0, 0.14);\n  }\n\n  .fw-accordion-item {\n    border-bottom: 1px solid rgba(0, 0, 0, 0.14);\n  }\n\n  .fw-accordion-trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n\n    padding: 20px 0;\n\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n\n    color: inherit;\n    font: inherit;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.3;\n    text-align: left;\n\n    cursor: pointer;\n  }\n\n\n  \/* PLUS \/ MINUS ICON *\/\n\n  .fw-accordion-icon {\n    position: relative;\n    width: 16px;\n    height: 16px;\n    flex: 0 0 16px;\n  }\n\n  .fw-accordion-icon::before,\n  .fw-accordion-icon::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n\n    width: 14px;\n    height: 1.5px;\n\n    background: currentColor;\n\n    transform: translate(-50%, -50%);\n    transition: transform 0.3s ease;\n  }\n\n  .fw-accordion-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n  }\n\n  .fw-accordion-trigger[aria-expanded=\"true\"]\n    .fw-accordion-icon::after {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n\n\n  \/* SMOOTH OPEN \/ CLOSE *\/\n\n  .fw-accordion-content {\n    display: grid;\n    grid-template-rows: 0fr;\n    opacity: 0;\n\n    transition:\n      grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1),\n      opacity 0.3s ease;\n  }\n\n  .fw-accordion-content.is-open {\n    grid-template-rows: 1fr;\n    opacity: 1;\n  }\n\n  .fw-accordion-inner {\n    overflow: hidden;\n  }\n\n  .fw-accordion-inner \u003e :first-child {\n    margin-top: 0;\n  }\n\n  .fw-accordion-inner \u003e :last-child {\n    margin-bottom: 22px;\n  }\n\n  .fw-accordion-inner p {\n    margin: 0 0 16px;\n    line-height: 1.6;\n  }\n\n\n  \/* MOBILE *\/\n\n  @media (max-width: 749px) {\n\n    .fw-description-intro {\n      padding-bottom: 22px;\n    }\n\n    .fw-description-intro h3,\n    .fw-accordion-trigger {\n      font-size: 15px;\n    }\n\n    .fw-description-intro p,\n    .fw-accordion-inner p {\n      font-size: 14px;\n    }\n\n    .fw-accordion-trigger {\n      padding: 18px 0;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n  document.querySelectorAll('.fw-accordion-trigger').forEach((trigger) =\u003e {\n    trigger.addEventListener('click', () =\u003e {\n      const content = trigger.nextElementSibling;\n      const isOpen =\n        trigger.getAttribute('aria-expanded') === 'true';\n\n      trigger.setAttribute(\n        'aria-expanded',\n        String(!isOpen)\n      );\n\n      content.classList.toggle('is-open', !isOpen);\n    });\n  });\n\u003c\/script\u003e","brand":"FramWork","offers":[{"title":"Default Title","offer_id":41723232649274,"sku":null,"price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0604\/1003\/6282\/files\/marketing_map_hero.png?v=1793126614","url":"https:\/\/framwork.co\/products\/marketing-operational-map","provider":"FramWork","version":"1.0","type":"link"}