{"id":763,"date":"2024-09-22T10:13:49","date_gmt":"2024-09-22T10:13:49","guid":{"rendered":"https:\/\/mforz.com\/?page_id=763"},"modified":"2026-03-21T13:24:00","modified_gmt":"2026-03-21T12:24:00","slug":"werkwijze","status":"publish","type":"page","link":"https:\/\/mforz.com\/en\/werkwijze\/","title":{"rendered":"Method"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Werkwijze | MFORZ<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n <style>\n :root {\n \/* Colors *\/\n --mf-primary: #2F4F6F;\n --mf-accent: #f49000;\n --mf-accent-strong: #B85E00;\n --mf-accent-hover: #A95400;\n --mf-bg: #EFF6FF;\n --mf-surface: #FFFFFF;\n --mf-text: #0F172A;\n --mf-text-muted: #475569;\n --mf-border: #E2E8F0;\n\n \/* Text on dark backgrounds *\/\n --mf-text-on-dark: #FFFFFF;\n --mf-text-on-dark-muted: #E2E8F0;\n\n \/* Typography *\/\n --mf-font-family: 'DM Sans', sans-serif;\n\n --mf-fs-label: 0.8rem;\n --mf-fs-body: 1rem;\n --mf-fs-small: 0.875rem;\n --mf-fs-h3: 1.2rem;\n --mf-fs-h2: 1.75rem;\n --mf-fs-h1: 2.5rem;\n\n --mf-fw-regular: 400;\n --mf-fw-semibold: 600;\n --mf-fw-bold: 700;\n\n --mf-line-body: 1.65;\n --mf-line-heading: 1.2;\n\n \/* Radius *\/\n --mf-radius-hero: 25px;\n --mf-radius-section: 20px;\n --mf-radius-card: 20px;\n --mf-radius-button: 10px;\n --mf-radius-pill: 999px;\n --mf-radius-image: 16px;\n\n \/* Spacing *\/\n --mf-space-1: 12px;\n --mf-space-2: 16px;\n --mf-space-3: 20px;\n --mf-space-4: 24px;\n --mf-space-5: 32px;\n --mf-space-6: 40px;\n --mf-space-7: 48px;\n --mf-space-8: 64px;\n\n \/* Container *\/\n --mf-container: 1100px;\n\n \/* Shadows *\/\n --mf-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.05);\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n font-family: var(--mf-font-family);\n background: #fff;\n color: var(--mf-text);\n }\n\n .page-container {\n max-width: var(--mf-container);\n margin: 0 auto;\n padding: 0 20px 60px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n font-family: var(--mf-font-family);\n }\n\n .page-label {\n color: var(--mf-accent-strong);\n font-size: var(--mf-fs-label);\n font-weight: var(--mf-fw-bold);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 12px;\n }\n\n .page-hero {\n background: var(--mf-bg);\n border-radius: var(--mf-radius-hero);\n padding: 48px 40px;\n display: flex;\n gap: 40px;\n align-items: flex-start;\n }\n\n .hero-text {\n flex: 1 1 55%;\n }\n\n .hero-visual {\n flex: 1 1 40%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-visual img {\n width: 100%;\n max-width: 360px;\n border-radius: var(--mf-radius-image);\n }\n\n .section {\n border-radius: var(--mf-radius-section);\n padding: 32px 40px;\n }\n\n .section--white {\n background: var(--mf-surface);\n }\n\n .section--light {\n background: var(--mf-bg);\n }\n\n .section--dark {\n background: var(--mf-primary);\n color: var(--mf-text-on-dark);\n }\n\n .section--dark h1,\n .section--dark h2,\n .section--dark h3,\n .section--dark h4,\n .section--dark strong,\n .section--dark .section-title,\n .section--dark .card-title,\n .section--dark .cta-title {\n color: var(--mf-text-on-dark);\n }\n\n .section--dark p,\n .section--dark li,\n .section--dark small,\n .section--dark .subtitle,\n .section--dark .subtext,\n .section--dark .section-intro,\n .section--dark .muted,\n .section--dark .eyebrow {\n color: var(--mf-text-on-dark-muted);\n }\n\n .section--dark a:not(.btn-primary):not(.btn-secondary) {\n color: var(--mf-text-on-dark);\n }\n\n .section--dark a:not(.btn-primary):not(.btn-secondary):hover {\n color: var(--mf-text-on-dark-muted);\n }\n\n .section--dark .btn-secondary {\n border-color: rgba(255,255,255,0.25);\n color: var(--mf-text-on-dark);\n }\n\n .section--dark .btn-secondary:hover {\n background: rgba(255,255,255,0.08);\n }\n\n .card {\n background: var(--mf-surface);\n border: 1px solid var(--mf-border);\n border-radius: var(--mf-radius-card);\n padding: 24px;\n box-shadow: var(--mf-shadow-soft);\n }\n\n .btn-primary,\n .btn-secondary {\n display: inline-block;\n border-radius: var(--mf-radius-button);\n font-weight: var(--mf-fw-bold);\n font-size: 0.9rem;\n padding: 14px 28px;\n text-decoration: none;\n transition: all 0.2s ease;\n border: none;\n cursor: pointer;\n }\n\n .btn-primary {\n background: var(--mf-accent);\n color: var(--mf-text);\n }\n\n .btn-primary:hover {\n background: var(--mf-accent-hover);\n color: #fff;\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--mf-primary);\n border: 1px solid var(--mf-border);\n }\n\n .btn-secondary:hover {\n background: var(--mf-bg);\n }\n\n .btn-primary:focus-visible,\n .btn-secondary:focus-visible {\n outline: 3px solid rgba(244, 144, 0, 0.35);\n outline-offset: 3px;\n }\n\n h1, h2, h3 {\n color: var(--mf-text);\n margin: 0 0 14px;\n line-height: var(--mf-line-heading);\n }\n\n h1 {\n font-size: var(--mf-fs-h1);\n font-weight: var(--mf-fw-bold);\n }\n\n h2 {\n font-size: var(--mf-fs-h2);\n font-weight: var(--mf-fw-bold);\n }\n\n h3 {\n font-size: var(--mf-fs-h3);\n font-weight: var(--mf-fw-semibold);\n }\n\n h4 {\n font-size: var(--mf-fs-body);\n font-weight: var(--mf-fw-bold);\n margin: 0 0 10px;\n color: var(--mf-text);\n }\n\n p, li {\n color: var(--mf-text-muted);\n font-size: var(--mf-fs-body);\n line-height: var(--mf-line-body);\n margin: 0 0 10px;\n }\n\n .subtitle {\n font-size: 1.05rem;\n font-weight: var(--mf-fw-semibold);\n color: var(--mf-text);\n margin: 0 0 12px;\n }\n\n \/* Routekaart specifieke stijlen *\/\n .routekaart-header {\n text-align: center;\n margin-bottom: 32px;\n }\n\n .routekaart-header h2 {\n margin: 0;\n }\n\n .fase-label {\n font-size: var(--mf-fs-label);\n font-weight: var(--mf-fw-bold);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--mf-accent-strong);\n margin: 32px 0 12px;\n }\n\n .fase-label:first-child {\n margin-top: 0;\n }\n\n .stap-card {\n background: var(--mf-surface);\n border: 1px solid var(--mf-border);\n border-radius: var(--mf-radius-card);\n padding: 24px;\n margin-bottom: 12px;\n }\n\n .stap-card h4 {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n }\n\n .stap-nr {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 26px;\n height: 26px;\n background: var(--mf-primary);\n color: #fff;\n border-radius: 50%;\n font-size: 0.75rem;\n font-weight: var(--mf-fw-bold);\n flex-shrink: 0;\n }\n\n .stap-card ul {\n margin: 10px 0 0;\n padding-left: 20px;\n }\n\n .stap-card ul li {\n margin-bottom: 4px;\n }\n\n .stap-card p:last-child,\n .stap-card ul:last-child {\n margin-bottom: 0;\n }\n\n .highlight-text {\n font-style: italic;\n color: var(--mf-text-muted);\n margin-top: 8px;\n }\n\n \/* CTA sectie *\/\n .cta-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n text-align: center;\n }\n\n .cta-content img {\n width: 180px;\n border-radius: var(--mf-radius-image);\n }\n\n .cta-content h3 {\n margin: 0;\n }\n\n .section--dark .btn-primary {\n margin-top: 8px;\n }\n\n @media (max-width: 860px) {\n :root {\n --mf-fs-h1: 2rem;\n --mf-fs-h2: 1.5rem;\n --mf-fs-h3: 1.125rem;\n }\n\n .page-hero {\n padding: 32px 24px;\n flex-direction: column;\n }\n\n .hero-visual img {\n max-width: 100%;\n }\n\n .section {\n padding: 24px 20px;\n }\n\n .page-container {\n gap: 20px;\n }\n\n .stap-card {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"page-container\">\n\n <!-- Hero -->\n <div class=\"page-hero\">\n <div class=\"hero-text\">\n <div class=\"page-label\">| PROCEDURE<\/div>\n <h1>Our working method<\/h1>\n <p class=\"subtitle\">From initial introduction to working Zoho + Claude AI solution.<\/p>\n <p>Many SMEs know that there is more potential in their software. Manual processes, data sitting in a spreadsheet somewhere, and employees losing time on work that could be automated.<\/p>\n <p>At MFORZ, we tackle this step by step. We combine Zoho One with Claude AI and roll it out in phases within your organization.<\/p>\n <\/div>\n <div class=\"hero-visual\">\n <img decoding=\"async\" src=\"https:\/\/mforz.com\/wp-content\/uploads\/2026\/03\/Doortje-wijs-naar-white-board-met-Claude-en-Zoho-768x573.avif\" alt=\"Doortje wijst naar whiteboard met Claude en Zoho\">\n <\/div>\n <\/div>\n\n <!-- Hoe het werkt -->\n <section class=\"section section--dark\">\n <h3>How it works<\/h3>\n <p>The process consists of three phases: introduction, blueprint, and implementation. We work based on an hourly estimate and a turnaround time of approximately 12 weeks. Curious about what we can do for you? Schedule a no-obligation introductory meeting.<\/p>\n <a class=\"btn-primary\" href=\"https:\/\/mforz.com\/en\/contact\/\">Schedule an introductory meeting<\/a>\n <\/section>\n\n <!-- Routekaart -->\n <section class=\"section section--light\">\n <div class=\"routekaart-header\">\n <h2>Route map<\/h2>\n <\/div>\n\n <!-- Fase 1 -->\n <div class=\"fase-label\">Phase 1 \u2014 Introduction<\/div>\n\n <div class=\"stap-card\">\n <h4><span class=\"stap-nr\">1<\/span> Free introductory consultation and AI scan<\/h4>\n <p>We start at your location. We look at how your organization currently operates, which processes are time-consuming, and where Zoho or AI can make an immediate difference.<\/p>\n <ul>\n <li>Insight into which processes can be automated<\/li>\n <li>Overview of existing Zoho modules and integrations<\/li>\n <li>Concrete opportunities for lead qualification, quote generation, or reporting<\/li>\n <li>Estimate of costs and expected return<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"stap-card\">\n <h4><span class=\"stap-nr\">2<\/span> Project setup<\/h4>\n <p>Upon approval of the proposal, we will finalize: which Zoho modules will be configured, how Claude AI will be integrated, who is involved, and the schedule.<\/p>\n <\/div>\n\n <!-- Fase 2 -->\n <div class=\"fase-label\">Phase 2 \u2014 Blueprint<\/div>\n\n <div class=\"stap-card\">\n <h4><span class=\"stap-nr\">3<\/span> User flows and AI design<\/h4>\n <p>We map out how employees will work with the system. How does someone communicate with Doortje, the AI assistant? Which data goes where in Zoho CRM? We visually capture this before we start building.<\/p>\n <\/div>\n\n <div class=\"stap-card\">\n <h4><span class=\"stap-nr\">4<\/span> Blueprint \u2014 your AI blueprint<\/h4>\n <p>You will receive a concrete design of the future environment. Including screen designs, the configuration of Doortje, and a fixed-price proposal for the realization.<\/p>\n <p class=\"highlight-text\">You know exactly what you get and what it costs. No surprises.<\/p>\n <\/div>\n\n <!-- Fase 3 -->\n <div class=\"fase-label\">Phase 3 \u2014 Implementation<\/div>\n\n <div class=\"stap-card\">\n <h4><span class=\"stap-nr\">5<\/span> Development and configuration<\/h4>\n <p>We configure Zoho One to suit your processes: from CRM and Mail to WorkDrive and Analytics. At the same time, we connect Claude AI via MCP connectors so that Doortje has access to your business data.<\/p>\n <\/div>\n\n <div class=\"stap-card\">\n <h4><span class=\"stap-nr\">6<\/span> Testing and validation<\/h4>\n <p>We test on realistic scenarios. Does Doortje prepare a quote based on CRM data? Are leads coming in correctly? Does everything work on mobile? Only when everything is correct do we go live.<\/p>\n <\/div>\n\n <div class=\"stap-card\">\n <h4><span class=\"stap-nr\">7<\/span> Rollout and adoption<\/h4>\n <p>We roll out the solution and guide your team. We provide training, create manuals for Doortje, and discuss any necessary adjustments to the division of tasks. We offer aftercare following the go-live.<\/p>\n <\/div>\n\n <!-- Na het project -->\n <div class=\"stap-card\">\n <h3>After the project<\/h3>\n <p>Your organization has a fully configured Zoho One environment with Claude AI. Doortje takes over routine work, your team works more efficiently, and you have the data to make better decisions.<\/p>\n <p>This is the beginning of a working method that continuously improves.<\/p>\n <\/div>\n <\/section>\n\n <!-- CTA -->\n <section class=\"section section--dark\">\n <div class=\"cta-content\">\n <img decoding=\"async\" src=\"https:\/\/mforz.com\/wp-content\/uploads\/2026\/03\/Doortje-drukt-op-knop-300x224.avif\" alt=\"Doortje drukt op knop\">\n <h3>Schedule a consultation and discover what is possible for your organization.<\/h3>\n <a class=\"btn-primary\" href=\"https:\/\/mforz.com\/en\/contact\/\">Schedule a consultation<\/a>\n <\/div>\n <\/section>\n\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Werkwijze | MFORZ | WERKWIJZE Onze werkwijze Van eerste kennismaking tot werkende Zoho + Claude AI oplossing. Veel MKB-bedrijven weten dat er […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":221,"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":4725,"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/pages\/763\/revisions\/4725"}],"wp:attachment":[{"href":"https:\/\/mforz.com\/en\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}