{"product_id":"operations-operational-framwork","title":"Operations Operational FramWork - Figma Based","description":"\n\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      The \u003cstrong\u003eOperations Operational Map\u003c\/strong\u003e is a comprehensive,\n      fully editable Figma framework designed to help you\n      \u003cstrong\u003eorganize, streamline, and manage your entire business operation\u003c\/strong\u003e\n      from a single visual workspace.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      From your internal processes and supply chain to service delivery,\n      resource management, and quality standards, every core operational\n      function has its own dedicated section.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Document your strategies, structure your processes, organize your\n      tools, and establish a clear understanding of how your business operates.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      The result is a bird's-eye view of your entire operation, making\n      even complex businesses easier to understand, organize, and manage.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\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\" aria-hidden=\"true\"\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\u003cstrong\u003e8 Core Operating Systems\u003c\/strong\u003e\u003c\/p\u003e\n\n          \u003cp\u003e\n            The Operations Operational Map organizes your business into\n            eight core operating systems, each containing dedicated\n            components for documenting how that part of your operation works.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e1. Process Management\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Document your standard operating procedures, establish clear\n            workflows, and define how exceptions and escalations are handled.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e2. Supply Chain\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Organize supplier relationships, sourcing strategies,\n            procurement, inventory, logistics, and supply planning.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e3. Service Delivery\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Map how your business produces and delivers its products or\n            services, from capacity planning and work orders to\n            fulfillment and facilities.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e4. Quality Standards\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Define your quality requirements, document preventive measures,\n            establish quality control processes, and manage continuous\n            quality assurance.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e5. Resource Management\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Structure how your business plans, allocates, and manages its\n            workforce, equipment, facilities, and operational resources.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e6. Performance Management\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Document your operational performance standards, review\n            processes, improvement initiatives, and methods for\n            identifying inefficiencies.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e7. Risk Management\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Identify operational risks, establish preventive controls,\n            document response procedures, and organize business\n            continuity planning.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003e8. Organizational Structure\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Define reporting relationships, responsibilities,\n            decision-making authority, and the organizational\n            structure supporting your operations.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            \u003cstrong\u003eSoftware Library\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Explore a categorized library of operational software covering\n            process management, project management, supply chain,\n            resource management, quality management, and\n            operational intelligence.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            Select the applications your business uses and organize\n            them directly within the relevant operating systems.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\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\" aria-hidden=\"true\"\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\u003cstrong\u003eFounders and Business Owners\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            Get your business operations out of your head and into a\n            structured visual framework. Organize how your business works,\n            identify missing processes, and establish a clear foundation\n            for managing and scaling your operation.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\u003cstrong\u003eChief Operating Officers\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            Create a comprehensive operational blueprint covering your\n            company's processes, resources, service delivery, quality\n            standards, and organizational structure. Understand how\n            different functions connect and establish a consistent\n            reference for operational decisions.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\u003cstrong\u003eOperations Managers\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            Keep operational processes, responsibilities, and tools\n            organized in one place. Make it easier to understand how\n            work gets done, document improvements, and coordinate\n            activities across teams.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\u003cstrong\u003eConsultants and Agencies\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            Use the framework to map client operations, identify\n            organizational gaps, document existing processes, and help\n            businesses establish more structured operating systems.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\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\" aria-hidden=\"true\"\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\u003cstrong\u003e1. Create a free Figma account\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            The Operations Operational Map is built in Figma.\n            A free account is all you need to access and customize\n            your framework.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\u003cstrong\u003e2. Duplicate your framework\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            After checkout, you'll receive a PDF containing your\n            template link. Open the link in Figma and select\n            \"Duplicate to your drafts\" to create your own editable copy.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\u003cstrong\u003e3. Establish your operational foundation\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            Start by defining your company's operational context,\n            goals, and strategy. This establishes the foundation\n            for organizing the rest of your operation.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\u003cstrong\u003e4. Document your operating systems\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            Work through the eight core sections, adding your own\n            strategies, processes, responsibilities, and tools.\n            Customize the existing components to reflect how\n            your business actually operates.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\u003cstrong\u003e5. Make it yours\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e\n            The framework is fully editable and modular.\n            Add new components, remove unnecessary ones,\n            reorganize sections, and expand the map\n            as your business evolves.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            Keep your entire operation structured, documented,\n            and easy to navigate within a single visual workspace.\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\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  \/* ACCORDION *\/\n\n  .fw-accordion {\n    width: 100%;\n    border-top: 1px solid rgba(128, 128, 128, 0.3);\n  }\n\n  .fw-accordion-item {\n    border-bottom: 1px solid rgba(128, 128, 128, 0.3);\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    padding: 20px 0;\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    color: inherit;\n    font: inherit;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.3;\n    text-align: left;\n    cursor: pointer;\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    width: 14px;\n    height: 1.5px;\n    background: currentColor;\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  \/* SMOOTH OPEN \/ CLOSE *\/\n\n  .fw-accordion-content {\n    display: grid;\n    grid-template-rows: 0fr;\n    opacity: 0;\n    visibility: hidden;\n    transition:\n      grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1),\n      opacity 0.3s ease,\n      visibility 0s linear 0.4s;\n  }\n\n  .fw-accordion-content.is-open {\n    grid-template-rows: 1fr;\n    opacity: 1;\n    visibility: visible;\n    transition:\n      grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1),\n      opacity 0.3s ease,\n      visibility 0s;\n  }\n\n  .fw-accordion-inner {\n    min-height: 0;\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  \/* MOBILE *\/\n\n  @media (max-width: 749px) {\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\n  @media (prefers-reduced-motion: reduce) {\n    .fw-accordion-content,\n    .fw-accordion-icon::after {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initializeOperationsAccordion() {\n      document.querySelectorAll(\n        '.fw-product-description .fw-accordion-trigger'\n      ).forEach(function (trigger) {\n        if (trigger.dataset.fwInitialized === 'true') return;\n\n        trigger.dataset.fwInitialized = 'true';\n\n        var content = trigger.nextElementSibling;\n        var id = 'fw-operations-' +\n          Math.random().toString(36).slice(2, 10);\n\n        content.id = id;\n        trigger.setAttribute('aria-controls', id);\n\n        trigger.addEventListener('click', function () {\n          var 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    }\n\n    initializeOperationsAccordion();\n\n    document.addEventListener(\n      'shopify:section:load',\n      initializeOperationsAccordion\n    );\n  })();\n\u003c\/script\u003e\n","brand":"FramWork","offers":[{"title":"Default Title","offer_id":41884656959546,"sku":null,"price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0604\/1003\/6282\/files\/Operationalmaphero.png?v=1793735975","url":"https:\/\/framwork.co\/products\/operations-operational-framwork","provider":"FramWork","version":"1.0","type":"link"}