{"id":94,"date":"2025-08-11T18:26:56","date_gmt":"2025-08-11T18:26:56","guid":{"rendered":"https:\/\/haipestudio.com\/?post_type=client_stories&#038;p=94"},"modified":"2026-04-22T10:17:05","modified_gmt":"2026-04-22T10:17:05","slug":"client-onboarding-automation","status":"publish","type":"client_stories","link":"https:\/\/haipestudio.com\/en\/case-studies\/client-onboarding-automation\/","title":{"rendered":"How a Digital Agency Transformed Client Onboarding"},"content":{"rendered":"  <section class=\"main-cta main-cta--h1 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                          <h1            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h1\"\n            >\n            How a Digital Agency Transformed Client Onboarding          <\/h1>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description \"><p>Reducing onboarding time from 2 hours to less than 3 minutes, resulting in improved customer satisfaction.<\/p>\n<\/div>\n      \n              <footer class=\"main-cta__footer main-cta__footer--button\">\n                      <a href=\"https:\/\/haipestudio.com\/free-audit\/\"\n              class=\"main-cta__button btn-primary\"\n              data-ph-event=\"main_cta_click\"\n              data-ph-title=\"Free Audit\"\n                            >\n              Free Audit              <span class=\"btn-shine\"><\/span>\n            <\/a>\n                  <\/footer>\n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n  <section id=\"\" class=\"key-facts-block\" aria-label=\"Fatos principais\">\n    <div class=\"key-facts-block__container\">\n      <div class=\"key-facts-block__wrapper\">\n                              <article class=\"key-facts-block__item\" aria-labelledby=\"key-fact-label-0\">\n\n              <!-- Icon -->\n                              <div class=\"key-facts-block__icon\">\n                  <figure class=\"key-facts-block__icon-figure\">\n                    <div class=\"key-facts-block__icon-container\">\n                      <svg width=\"33\" height=\"32\" viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M29.1446 22.4653C29.0401 22.1431 28.7793 21.896 28.4522 21.8086L25.4366 21.0005L23.7373 18.3833C23.5528 18.0991 23.2373 17.9277 22.8985 17.9277C22.5596 17.9277 22.2442 18.0991 22.0596 18.3828L20.3594 21.0005L17.3448 21.8086C17.0176 21.896 16.7569 22.1436 16.6524 22.4653C16.5479 22.7876 16.6133 23.1406 16.8262 23.4038L18.7911 25.8296L18.626 28.9468C18.6084 29.2852 18.7627 29.6094 19.0371 29.8086C19.211 29.9346 19.417 29.9995 19.625 29.9995C19.7461 29.9995 19.8672 29.9775 19.9834 29.9331L22.8985 28.814L25.8125 29.9331C26.1289 30.0532 26.4834 30.0078 26.7588 29.8086C27.0323 29.6094 27.1875 29.2852 27.17 28.9473L27.0059 25.8296L28.9707 23.4038C29.1836 23.1406 29.2491 22.7876 29.1446 22.4653ZM25.21 24.8691C25.0547 25.061 24.9756 25.3042 24.9883 25.5508L25.0918 27.5137L23.2569 26.8091C23.1416 26.7646 23.0196 26.7427 22.8985 26.7427C22.7774 26.7427 22.6553 26.7646 22.5401 26.8091L20.7051 27.5137L20.8086 25.5513C20.8213 25.3042 20.7422 25.0615 20.587 24.8691L19.3496 23.3418L21.2481 22.833C21.4864 22.769 21.6934 22.6191 21.8282 22.4121L22.8985 20.7642L23.9678 22.4116C24.1026 22.6191 24.3096 22.769 24.5479 22.833L26.4473 23.3418L25.21 24.8691Z\" fill=\"#663BB7\"\/>\n<path d=\"M6.51285 20.0742C7.09977 18.0132 9.00797 16.5737 11.1545 16.5737H21.0129C21.5656 16.5737 22.0129 16.126 22.0129 15.5737C22.0129 15.1473 21.7439 14.7892 21.368 14.6454C22.819 13.3127 23.7355 11.4067 23.7355 9.28613C23.7355 5.26855 20.467 2 16.4494 2C12.4318 2 9.16324 5.26855 9.16324 9.28613C9.16324 11.3685 10.0463 13.2447 11.4519 14.5737H11.1545C8.1193 14.5737 5.4191 16.6104 4.58902 19.5283L3.58902 23.0654C3.33219 23.9541 3.50504 24.8896 4.06266 25.6318C4.62418 26.3789 5.48258 26.8076 6.41812 26.8076H14.842C15.3947 26.8076 15.842 26.3599 15.842 25.8076C15.842 25.2554 15.3947 24.8076 14.842 24.8076H6.41812C6.11734 24.8076 5.84098 24.6699 5.66129 24.4302C5.48453 24.1953 5.42984 23.9004 5.51187 23.6152L6.51285 20.0742ZM11.1632 9.28613C11.1632 6.37158 13.5343 4 16.4494 4C19.3644 4 21.7355 6.37158 21.7355 9.28613C21.7355 12.2007 19.3644 14.5718 16.4494 14.5718C13.5343 14.5718 11.1632 12.2007 11.1632 9.28613Z\" fill=\"#663BB7\"\/>\n<\/svg>\n                    <\/div>\n                  <\/figure>\n                <\/div>\n              \n              <!-- Label -->\n                              <div class=\"key-facts-block__label\">\n                  <span id=\"key-fact-label-0\" class=\"key-facts-block__label-text\">\n                    Client                  <\/span>\n                <\/div>\n              \n              <!-- Value -->\n                              <div class=\"key-facts-block__value\">\n                  <span class=\"key-facts-block__value-text\">\n                    Confidential                  <\/span>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"key-facts-block__item\" aria-labelledby=\"key-fact-label-1\">\n\n              <!-- Icon -->\n                              <div class=\"key-facts-block__icon\">\n                  <figure class=\"key-facts-block__icon-figure\">\n                    <div class=\"key-facts-block__icon-container\">\n                      <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M29.7284 16.0005H24.1124V6.64046C24.1124 5.60824 23.2727 4.76846 22.2404 4.76846H16.6244V2.89646C16.6244 2.55184 16.3451 2.27246 16.0004 2.27246C15.6558 2.27246 15.3764 2.55184 15.3764 2.89646V4.76846H9.76044C8.72822 4.76846 7.88844 5.60824 7.88844 6.64046V16.0005H2.27244C1.92781 16.0005 1.64844 16.2798 1.64844 16.6245C1.64844 16.9691 1.92781 17.2485 2.27244 17.2485H7.88844V28.4805H4.76844C4.42437 28.4805 4.14444 28.2005 4.14444 27.8565V19.1205C4.14444 18.7758 3.86506 18.4965 3.52044 18.4965C3.17581 18.4965 2.89644 18.7758 2.89644 19.1205V27.8565C2.89644 28.8887 3.73621 29.7285 4.76844 29.7285H13.5044C13.8491 29.7285 14.1284 29.4491 14.1284 29.1045L14.1285 24.7365L17.8724 24.7365V29.1045C17.8724 29.4491 18.1518 29.7285 18.4964 29.7285H27.2324C28.2647 29.7285 29.1044 28.8887 29.1044 27.8565V19.1205C29.1044 18.7758 28.8251 18.4965 28.4804 18.4965C28.1358 18.4965 27.8564 18.7758 27.8564 19.1205V27.8565C27.8564 28.2005 27.5765 28.4805 27.2324 28.4805H24.1124V17.2485H29.7284C30.0731 17.2485 30.3524 16.9691 30.3524 16.6245C30.3524 16.2798 30.0731 16.0005 29.7284 16.0005ZM17.8724 23.4885H14.1284C13.4403 23.4885 12.8804 24.0483 12.8804 24.7365V28.4805H9.13644V6.64046C9.13644 6.29639 9.41637 6.01646 9.76044 6.01646H22.2404C22.5845 6.01646 22.8644 6.29639 22.8644 6.64046V28.4805H19.1204V24.7365C19.1204 24.0483 18.5606 23.4885 17.8724 23.4885Z\" fill=\"#663BB7\"\/>\n<path d=\"M13.5047 16.001H12.2568C11.9122 16.001 11.6328 16.2804 11.6328 16.625C11.6328 16.9696 11.9122 17.249 12.2568 17.249H13.5047C13.8494 17.249 14.1287 16.9696 14.1287 16.625C14.1287 16.2804 13.8494 16.001 13.5047 16.001Z\" fill=\"#663BB7\"\/>\n<path d=\"M13.5047 12.2568H12.2568C11.9122 12.2568 11.6328 12.5362 11.6328 12.8808C11.6328 13.2255 11.9122 13.5048 12.2568 13.5048H13.5047C13.8494 13.5048 14.1287 13.2255 14.1287 12.8808C14.1287 12.5362 13.8494 12.2568 13.5047 12.2568Z\" fill=\"#663BB7\"\/>\n<path d=\"M13.5047 19.7441H12.2568C11.9122 19.7441 11.6328 20.0235 11.6328 20.3681C11.6328 20.7128 11.9122 20.9921 12.2568 20.9921H13.5047C13.8494 20.9921 14.1287 20.7128 14.1287 20.3681C14.1287 20.0235 13.8494 19.7441 13.5047 19.7441Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.497 17.248H19.745C20.0896 17.248 20.369 16.9686 20.369 16.624C20.369 16.2794 20.0896 16 19.745 16H18.497C18.1524 16 17.873 16.2794 17.873 16.624C17.873 16.9686 18.1524 17.248 18.497 17.248Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.497 13.5048H19.745C20.0896 13.5048 20.369 13.2255 20.369 12.8808C20.369 12.5362 20.0896 12.2568 19.745 12.2568H18.497C18.1524 12.2568 17.873 12.5362 17.873 12.8808C17.873 13.2255 18.1524 13.5048 18.497 13.5048Z\" fill=\"#663BB7\"\/>\n<path d=\"M13.5047 8.5127H12.2568C11.9122 8.5127 11.6328 8.79207 11.6328 9.1367C11.6328 9.48132 11.9122 9.7607 12.2568 9.7607H13.5047C13.8494 9.7607 14.1287 9.48132 14.1287 9.1367C14.1287 8.79207 13.8494 8.5127 13.5047 8.5127Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.497 9.7607H19.745C20.0896 9.7607 20.369 9.48132 20.369 9.1367C20.369 8.79207 20.0896 8.5127 19.745 8.5127H18.497C18.1524 8.5127 17.873 8.79207 17.873 9.1367C17.873 9.48132 18.1524 9.7607 18.497 9.7607Z\" fill=\"#663BB7\"\/>\n<path d=\"M20.369 20.3681C20.369 20.0235 20.0896 19.7441 19.745 19.7441H18.497C18.1524 19.7441 17.873 20.0235 17.873 20.3681C17.873 20.7128 18.1524 20.9921 18.497 20.9921H19.745C20.0896 20.9921 20.369 20.7128 20.369 20.3681Z\" fill=\"#663BB7\"\/>\n<\/svg>\n                    <\/div>\n                  <\/figure>\n                <\/div>\n              \n              <!-- Label -->\n                              <div class=\"key-facts-block__label\">\n                  <span id=\"key-fact-label-1\" class=\"key-facts-block__label-text\">\n                    Industry                  <\/span>\n                <\/div>\n              \n              <!-- Value -->\n                              <div class=\"key-facts-block__value\">\n                  <span class=\"key-facts-block__value-text\">\n                    Creative and Digital Services                  <\/span>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"key-facts-block__item\" aria-labelledby=\"key-fact-label-2\">\n\n              <!-- Icon -->\n                              <div class=\"key-facts-block__icon\">\n                  <figure class=\"key-facts-block__icon-figure\">\n                    <div class=\"key-facts-block__icon-container\">\n                      <svg width=\"33\" height=\"32\" viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M17.4143 27.76C17.1967 27.9163 16.9356 28.0003 16.6677 28.0003C16.3998 28.0003 16.1386 27.9163 15.921 27.76C9.48234 23.1707 2.64901 13.7307 9.55701 6.90933C11.4535 5.0438 14.0075 3.99883 16.6677 4C19.3343 4 21.893 5.04667 23.7783 6.908C30.6863 13.7293 23.853 23.168 17.4143 27.76Z\" stroke=\"#663BB7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M16.6686 16.0003C17.3759 16.0003 18.0541 15.7194 18.5542 15.2193C19.0543 14.7192 19.3353 14.0409 19.3353 13.3337C19.3353 12.6264 19.0543 11.9481 18.5542 11.448C18.0541 10.9479 17.3759 10.667 16.6686 10.667C15.9614 10.667 15.2831 10.9479 14.783 11.448C14.2829 11.9481 14.002 12.6264 14.002 13.3337C14.002 14.0409 14.2829 14.7192 14.783 15.2193C15.2831 15.7194 15.9614 16.0003 16.6686 16.0003Z\" stroke=\"#663BB7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                    <\/div>\n                  <\/figure>\n                <\/div>\n              \n              <!-- Label -->\n                              <div class=\"key-facts-block__label\">\n                  <span id=\"key-fact-label-2\" class=\"key-facts-block__label-text\">\n                    Location                  <\/span>\n                <\/div>\n              \n              <!-- Value -->\n                              <div class=\"key-facts-block__value\">\n                  <span class=\"key-facts-block__value-text\">\n                    Spain                  <\/span>\n                <\/div>\n              \n            <\/article>\n                        <\/div>\n    <\/div>\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const keyFactsBlock = document.querySelector('.key-facts-block');\n  \n  if (!keyFactsBlock) return;\n  \n  \/\/ Check if device is mobile\n  const isMobile = window.innerWidth <= 768;\n  \n  \/\/ Intersection Observer for viewport-based animations\n  const keyFactsObserver = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('key-facts-block-entrance');\n        \n        \/\/ Unobserve after animation is triggered\n        keyFactsObserver.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.1, \/\/ Reduced threshold for earlier trigger\n    rootMargin: isMobile ? '0px 0px 10px 0px' : '0px 0px -50px 0px' \/\/ Less negative margin on mobile\n  });\n  \n  keyFactsObserver.observe(keyFactsBlock);\n  \n  \/\/ Set animation indices for staggered animations\n  const keyFacts = keyFactsBlock.querySelectorAll('.key-facts-block__item');\n  \n  keyFacts.forEach((item, index) => {\n    item.setAttribute('data-animation-index', index);\n  });\n  \n  \/\/ Handle window resize to update mobile detection\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    clearTimeout(resizeTimeout);\n    resizeTimeout = setTimeout(function() {\n      \/\/ Re-initialize animations with updated mobile detection\n      const keyFactsBlock = document.querySelector('.key-facts-block');\n      if (keyFactsBlock) {\n        const isMobile = window.innerWidth <= 768;\n        const keyFactsObserver = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('key-facts-block-entrance');\n              keyFactsObserver.unobserve(entry.target);\n            }\n          });\n        }, {\n          threshold: 0.1,\n          rootMargin: isMobile ? '0px 0px -5px 0px' : '0px 0px -50px 0px'\n        });\n        keyFactsObserver.observe(keyFactsBlock);\n      }\n    }, 250);\n  });\n  \n  \/\/ Also run if content is dynamically loaded (for Gutenberg editor)\n  if (typeof wp !== 'undefined' && wp.data) {\n    wp.data.subscribe(function() {\n      \/\/ Small delay to ensure content is rendered\n      setTimeout(function() {\n        const keyFactsBlock = document.querySelector('.key-facts-block');\n        if (keyFactsBlock) {\n          const keyFacts = keyFactsBlock.querySelectorAll('.key-facts-block__item');\n          keyFacts.forEach((item, index) => {\n            item.setAttribute('data-animation-index', index);\n          });\n        }\n      }, 100);\n    });\n  }\n});\n<\/script>\n\n  <section id=\"\" class=\"pain-point-block-section pain-point-block-section--inside-content\" aria-label=\"Pain Point\">\n    <div class=\"pain-point-block-section__container\">\n      <div class=\"pain-point-block-section__content\">\n\n        <article class=\"pain-point-block\" aria-labelledby=\"pain-point-title-block_920df1089518bd30e5ebfe831a99a33a\">\n\n\n          <div class=\"pain-point-block__main-content\">\n\n            <!-- Subtitle -->\n                          <p class=\"pain-point-block__subtitle\">\n                The Problem              <\/p>\n            \n            <!-- Title -->\n                          <h2 id=\"pain-point-title-block_920df1089518bd30e5ebfe831a99a33a\" class=\"pain-point-block__title\">\n                Chaotic Initial Onboarding              <\/h2>\n            \n            <!-- Quote Icon at the top -->\n            <div class=\"pain-point-block__quote-icon\">\n              <svg width=\"66\" height=\"54\" viewBox=\"0 0 66 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M66 0V13.9602H61.2748C58.5312 13.9602 56.2956 14.3693 54.5681 15.1875C52.9423 16.0057 51.7229 17.4886 50.9099 19.6364C50.097 21.6818 49.6905 24.5455 49.6905 28.2273V39.4261L45.1178 29.9148C45.8291 29.3011 46.8453 28.8409 48.1663 28.5341C49.4873 28.125 50.9607 27.9205 52.5866 27.9205C56.1432 27.9205 59.1409 29.0455 61.5797 31.2955C64.0185 33.4432 65.2379 36.5114 65.2379 40.5C65.2379 44.2841 64.0693 47.5057 61.7321 50.1648C59.3949 52.7216 56.0416 54 51.6721 54C48.8268 54 46.1848 53.3352 43.746 52.0057C41.4088 50.6761 39.4781 48.4261 37.9538 45.2557C36.5312 42.0852 35.8199 37.7898 35.8199 32.3693V30.0682C35.8199 22.8068 36.836 16.9773 38.8684 12.5795C41.0023 8.18182 44.0508 5.01137 48.0139 3.06819C51.9769 1.02273 56.8545 0 62.6466 0H66ZM30.1801 0V13.9602H25.455C22.7113 13.9602 20.4757 14.3693 18.7483 15.1875C17.1224 16.0057 15.903 17.4886 15.0901 19.6364C14.2771 21.6818 13.8707 24.5455 13.8707 28.2273V39.4261L9.29792 29.9148C10.0092 29.3011 11.0254 28.8409 12.3464 28.5341C13.6674 28.125 15.1409 27.9205 16.7667 27.9205C20.3233 27.9205 23.321 29.0455 25.7598 31.2955C28.1986 33.4432 29.418 36.5114 29.418 40.5C29.418 44.2841 28.2494 47.5057 25.9122 50.1648C23.5751 52.7216 20.2217 54 15.8522 54C13.0069 54 10.3649 53.3352 7.9261 52.0057C5.58891 50.6761 3.6582 48.4261 2.13395 45.2557C0.711316 42.0852 0 37.7898 0 32.3693V30.0682C0 22.8068 1.01617 16.9773 3.0485 12.5795C5.18245 8.18182 8.23095 5.01137 12.194 3.06819C16.157 1.02273 21.0346 0 26.8268 0H30.1801Z\" fill=\"#663BB7\"\/>\n<\/svg>\n            <\/div>\n\n            <!-- Quote -->\n                          <blockquote class=\"pain-point-block__quote\" cite=\"https:\/\/haipestudio.com\/en\/case-studies\/client-onboarding-automation\/\">\n                <div class=\"pain-point-block__quote-text\">\n                  <p>\u201c<strong>Our onboarding was, honestly, chaotic<\/strong>. It took hours, and clients felt the impact from day one.\u201d<\/p>\n                <\/div>\n              <\/blockquote>\n            \n          <\/div>\n\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n  <section id=\"\" class=\"challenges\" aria-label=\"Desafios e solu\u00e7\u00f5es\">\n    <div class=\"challenges__container\">\n\n      <div class=\"challenges__content\">\n\n        <!-- Left Column: Header -->\n        <div class=\"challenges__header\">\n                      <div class=\"challenges__subtitle\">\n              The Challenge            <\/div>\n          \n                      <h2 class=\"challenges__title\">\n              Ensuring Consistency at Scale            <\/h2>\n          \n                      <div class=\"challenges__description\">\n              <p>The agency was onboarding 8\u201310 new clients per month, but <strong>the onboarding process was inefficient and error-prone<\/strong>. Each project setup involved:<\/p>\n            <\/div>\n                  <\/div>\n\n        <!-- Right Column: Content -->\n                  <div class=\"challenges__main-content\">\n            <ul>\n<li><strong>Over 2 hours<\/strong> of manual setup<\/li>\n<li><strong>Frequent errors<\/strong> (incorrect permissions, missing documents)<\/li>\n<li>Lack of a <strong>standardized welcome process<\/strong><\/li>\n<li>Account managers stuck with <strong>repetitive administrative tasks<\/strong><\/li>\n<\/ul>\n<p>This resulted in <strong>inconsistent client experiences<\/strong>, increased <strong>risk of errors<\/strong>, and limited the agency\u2019s ability to scale smoothly.<\/p>\n          <\/div>\n        \n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const challengesBlock = document.querySelector('.challenges');\n    \n    if (challengesBlock) {\n        const isMobile = window.innerWidth <= 768;\n        \n        const observerOptions = {\n            threshold: isMobile ? 0.1 : 0.2,\n            rootMargin: isMobile ? '0px 0px -20px 0px' : '0px 0px -50px 0px'\n        };\n        \n        const observerCallback = function(entries, observer) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    challengesBlock.classList.add('challenges-entrance');\n                    \n                    observer.unobserve(entry.target);\n                }\n            });\n        };\n        \n        const observer = new IntersectionObserver(observerCallback, observerOptions);\n        \n        observer.observe(challengesBlock);\n        \n        window.addEventListener('resize', function() {\n            const newIsMobile = window.innerWidth <= 768;\n            if (newIsMobile !== isMobile) {\n                observer.disconnect();\n                const newObserverOptions = {\n                    threshold: newIsMobile ? 0.1 : 0.2,\n                    rootMargin: newIsMobile ? '0px 0px -20px 0px' : '0px 0px -50px 0px'\n                };\n                const newObserver = new IntersectionObserver(observerCallback, newObserverOptions);\n                newObserver.observe(challengesBlock);\n            }\n        });\n    }\n});\n<\/script>\n\n  <section class=\"main-cta main-cta--h2 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                  <div class=\"main-cta__subtitle\" style=\"color: #663bb7;\" >The Solution<\/div>\n                          <h2            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h2\"\n            style=\"color: #663bb7 !important;\" >\n            Automated <b>Client Onboarding System<\/b>          <\/h2>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description main-cta__description--h2\"><p>Haipe implemented a system that <strong>automated the entire onboarding workflow<\/strong>.<\/p>\n<\/div>\n      \n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n<section id=\"\" class=\"improvements-cards\" aria-label=\"Melhorias e benef\u00edcios\">\n  <div class=\"improvements-cards__container\">\n          <div class=\"improvements-cards__grid improvements-cards__grid--4-cards\">\n                              <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-0-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 48C27.1517 48 30.2726 47.3792 33.1844 46.1731C36.0962 44.967 38.742 43.1992 40.9706 40.9706C43.1992 38.742 44.967 36.0962 46.1731 33.1844C47.3792 30.2726 48 27.1517 48 24C48 20.8483 47.3792 17.7274 46.1731 14.8156C44.967 11.9038 43.1992 9.25804 40.9706 7.02944C38.742 4.80083 36.0962 3.033 33.1844 1.82689C30.2726 0.620778 27.1517 -4.69644e-08 24 0C17.6348 9.48488e-08 11.5303 2.52856 7.02944 7.02944C2.52856 11.5303 0 17.6348 0 24C0 30.3652 2.52856 36.4697 7.02944 40.9706C11.5303 45.4714 17.6348 48 24 48ZM23.3813 33.7067L36.7147 17.7067L32.6187 14.2933L21.152 28.0507L15.2187 22.1147L11.448 25.8853L19.448 33.8853L21.512 35.9493L23.3813 33.7067Z\" fill=\"#85EABD\"\/>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-0-title\" class=\"improvements-cards__title\">\n                    Automatic Project Creation                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>Creates projects in ClickUp using client-specific templates.<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-1-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 48C27.1517 48 30.2726 47.3792 33.1844 46.1731C36.0962 44.967 38.742 43.1992 40.9706 40.9706C43.1992 38.742 44.967 36.0962 46.1731 33.1844C47.3792 30.2726 48 27.1517 48 24C48 20.8483 47.3792 17.7274 46.1731 14.8156C44.967 11.9038 43.1992 9.25804 40.9706 7.02944C38.742 4.80083 36.0962 3.033 33.1844 1.82689C30.2726 0.620778 27.1517 -4.69644e-08 24 0C17.6348 9.48488e-08 11.5303 2.52856 7.02944 7.02944C2.52856 11.5303 0 17.6348 0 24C0 30.3652 2.52856 36.4697 7.02944 40.9706C11.5303 45.4714 17.6348 48 24 48ZM23.3813 33.7067L36.7147 17.7067L32.6187 14.2933L21.152 28.0507L15.2187 22.1147L11.448 25.8853L19.448 33.8853L21.512 35.9493L23.3813 33.7067Z\" fill=\"#85EABD\"\/>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-1-title\" class=\"improvements-cards__title\">\n                    Document Generation                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>Creates folders and files with correct naming conventions.<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-2-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 48C27.1517 48 30.2726 47.3792 33.1844 46.1731C36.0962 44.967 38.742 43.1992 40.9706 40.9706C43.1992 38.742 44.967 36.0962 46.1731 33.1844C47.3792 30.2726 48 27.1517 48 24C48 20.8483 47.3792 17.7274 46.1731 14.8156C44.967 11.9038 43.1992 9.25804 40.9706 7.02944C38.742 4.80083 36.0962 3.033 33.1844 1.82689C30.2726 0.620778 27.1517 -4.69644e-08 24 0C17.6348 9.48488e-08 11.5303 2.52856 7.02944 7.02944C2.52856 11.5303 0 17.6348 0 24C0 30.3652 2.52856 36.4697 7.02944 40.9706C11.5303 45.4714 17.6348 48 24 48ZM23.3813 33.7067L36.7147 17.7067L32.6187 14.2933L21.152 28.0507L15.2187 22.1147L11.448 25.8853L19.448 33.8853L21.512 35.9493L23.3813 33.7067Z\" fill=\"#85EABD\"\/>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-2-title\" class=\"improvements-cards__title\">\n                    Role-Based Notifications                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>Instantly notifies the right team members.<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                                        <article class=\"improvements-cards__item\"\n              aria-labelledby=\"improvement-card-3-title\"\n              >\n\n              <!-- Icon -->\n              <div class=\"improvements-cards__icon-wrapper\">\n                                <figure class=\"improvements-cards__icon-figure\">\n                  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 48C27.1517 48 30.2726 47.3792 33.1844 46.1731C36.0962 44.967 38.742 43.1992 40.9706 40.9706C43.1992 38.742 44.967 36.0962 46.1731 33.1844C47.3792 30.2726 48 27.1517 48 24C48 20.8483 47.3792 17.7274 46.1731 14.8156C44.967 11.9038 43.1992 9.25804 40.9706 7.02944C38.742 4.80083 36.0962 3.033 33.1844 1.82689C30.2726 0.620778 27.1517 -4.69644e-08 24 0C17.6348 9.48488e-08 11.5303 2.52856 7.02944 7.02944C2.52856 11.5303 0 17.6348 0 24C0 30.3652 2.52856 36.4697 7.02944 40.9706C11.5303 45.4714 17.6348 48 24 48ZM23.3813 33.7067L36.7147 17.7067L32.6187 14.2933L21.152 28.0507L15.2187 22.1147L11.448 25.8853L19.448 33.8853L21.512 35.9493L23.3813 33.7067Z\" fill=\"#85EABD\"\/>\n<\/svg>\n                <\/figure>\n              <\/div>\n\n              <!-- Title -->\n                              <header class=\"improvements-cards__header\">\n                  <h3 id=\"improvement-card-3-title\" class=\"improvements-cards__title\">\n                    Welcome Sequences                  <\/h3>\n                <\/header>\n              \n              <!-- Subtitle -->\n              \n              <!-- Description -->\n                              <div class=\"improvements-cards__content\">\n                  <div class=\"improvements-cards__description\">\n                    <p>Delivers onboarding resources and steps directly to clients.<\/p>\n                  <\/div>\n                <\/div>\n              \n            <\/article>\n                        <\/div>\n      <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Intersection Observer for viewport-based animations\n    function initImprovementsCardsAnimations() {\n        const improvementsBlock = document.querySelector('.improvements-cards');\n        \n        if (!improvementsBlock) return;\n        \n        \/\/ Check if device is mobile\n        const isMobile = window.innerWidth <= 768;\n        \n        const improvementsObserver = new IntersectionObserver((entries) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('improvements-cards-entrance');\n                    \n                    \/\/ Unobserve after animation is triggered\n                    improvementsObserver.unobserve(entry.target);\n                }\n            });\n        }, {\n            threshold: 0.1, \/\/ Reduced threshold for earlier trigger\n            rootMargin: isMobile ? '0px 0px 10px 0px' : '0px 0px -50px 0px' \/\/ Less negative margin on mobile\n        });\n        \n        improvementsObserver.observe(improvementsBlock);\n    }\n    \n    \/\/ Run the function when DOM is loaded\n    initImprovementsCardsAnimations();\n    \n    \/\/ Handle window resize to update mobile detection\n    let resizeTimeout;\n    window.addEventListener('resize', function() {\n        clearTimeout(resizeTimeout);\n        resizeTimeout = setTimeout(function() {\n            \/\/ Re-initialize animations with updated mobile detection\n            initImprovementsCardsAnimations();\n        }, 250);\n    });\n    \n    \/\/ Also run if content is dynamically loaded (for Gutenberg editor)\n    if (typeof wp !== 'undefined' && wp.data) {\n        wp.data.subscribe(function() {\n            \/\/ Small delay to ensure content is rendered\n            setTimeout(function() {\n                initImprovementsCardsAnimations();\n            }, 100);\n        });\n    }\n});\n<\/script>\n\n  <section id=\"\" class=\"impact-highlights-block\" aria-label=\"Destaques de impacto\">\n    <!-- Background SVG -->\n    <div class=\"impact-highlights-block__background\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#F3F1F8\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#F3F1F8\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" fill=\"#F3F1F8\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"impact-highlights-block__container\">\n      <div class=\"impact-highlights-block__content\">\n\n        <!-- Header Section -->\n                  <header class=\"impact-highlights-block__header\">\n                          <h2 class=\"impact-highlights-block__title\">\n                The Results:<br>From Bottleneck to Transformation              <\/h2>\n            \n                          <div class=\"impact-highlights-block__description\">\n                <p>The impact was immediate and measurable:<\/p>\n              <\/div>\n                      <\/header>\n        \n        <!-- Highlights Grid -->\n                  <div class=\"impact-highlights-block__grid\">\n                                          <article class=\"impact-highlights-block__item\" aria-labelledby=\"impact-highlight-0\">\n\n                  <!-- Title (Large Metric) -->\n                                      <div class=\"impact-highlights-block__metric\">\n                      <span id=\"impact-highlight-0\" class=\"impact-highlights-block__metric-value\">\n                        97%                      <\/span>\n                    <\/div>\n                  \n                  <!-- Subtitle (Bold Heading) -->\n                                      <h3 class=\"impact-highlights-block__subtitle\">\n                      Faster Onboarding                    <\/h3>\n                  \n                  <!-- Description -->\n                                      <div class=\"impact-highlights-block__item-description\">\n                      <p>Reduced from over 2 hours to under 3 minutes per client.<\/p>\n                    <\/div>\n                  \n                <\/article>\n                                                        <article class=\"impact-highlights-block__item\" aria-labelledby=\"impact-highlight-1\">\n\n                  <!-- Title (Large Metric) -->\n                                      <div class=\"impact-highlights-block__metric\">\n                      <span id=\"impact-highlight-1\" class=\"impact-highlights-block__metric-value\">\n                        100%                      <\/span>\n                    <\/div>\n                  \n                  <!-- Subtitle (Bold Heading) -->\n                                      <h3 class=\"impact-highlights-block__subtitle\">\n                      Error Elimination                    <\/h3>\n                  \n                  <!-- Description -->\n                                      <div class=\"impact-highlights-block__item-description\">\n                      <p>No more missing documents or incorrect permissions.<\/p>\n                    <\/div>\n                  \n                <\/article>\n                                                        <article class=\"impact-highlights-block__item\" aria-labelledby=\"impact-highlight-2\">\n\n                  <!-- Title (Large Metric) -->\n                                      <div class=\"impact-highlights-block__metric\">\n                      <span id=\"impact-highlight-2\" class=\"impact-highlights-block__metric-value\">\n                        +2.2                      <\/span>\n                    <\/div>\n                  \n                  <!-- Subtitle (Bold Heading) -->\n                                      <h3 class=\"impact-highlights-block__subtitle\">\n                      NPS Increase                    <\/h3>\n                  \n                  <!-- Description -->\n                                      <div class=\"impact-highlights-block__item-description\">\n                      <p>Onboarding satisfaction improved from 7.2 \u2192 9.4.<\/p>\n                    <\/div>\n                  \n                <\/article>\n                                                        <article class=\"impact-highlights-block__item\" aria-labelledby=\"impact-highlight-3\">\n\n                  <!-- Title (Large Metric) -->\n                                      <div class=\"impact-highlights-block__metric\">\n                      <span id=\"impact-highlight-3\" class=\"impact-highlights-block__metric-value\">\n                        40+                       <\/span>\n                    <\/div>\n                  \n                  <!-- Subtitle (Bold Heading) -->\n                                      <h3 class=\"impact-highlights-block__subtitle\">\n                      Hours Saved per Month                    <\/h3>\n                  \n                  <!-- Description -->\n                                      <div class=\"impact-highlights-block__item-description\">\n                      <p>Account managers regained time for strategic work.<\/p>\n                    <\/div>\n                  \n                <\/article>\n                                    <\/div>\n        \n      <\/div>\n    <\/div>\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const impactHighlightsBlock = document.querySelector('.impact-highlights-block');\n  \n  if (!impactHighlightsBlock) return;\n  \n  \/\/ Check if device is mobile\n  const isMobile = window.innerWidth <= 768;\n  \n  \/\/ Intersection Observer for viewport-based animations - now targets individual cards\n  const impactHighlightsObserver = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('impact-highlights-block-entrance');\n        \n        \/\/ Unobserve after animation is triggered\n        impactHighlightsObserver.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.1, \/\/ Reduced threshold for earlier trigger\n    rootMargin: isMobile ? '0px 0px 10px 0px' : '0px 0px -50px 0px' \/\/ Less negative margin on mobile\n  });\n  \n  \/\/ Observe individual cards instead of the main container\n  const impactHighlights = impactHighlightsBlock.querySelectorAll('.impact-highlights-block__item');\n  impactHighlights.forEach((item) => {\n    impactHighlightsObserver.observe(item);\n  });\n  \n  \/\/ Set animation indices for staggered animations\n  impactHighlights.forEach((item, index) => {\n    item.setAttribute('data-animation-index', index);\n  });\n  \n  \/\/ Handle window resize to update mobile detection\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    clearTimeout(resizeTimeout);\n    resizeTimeout = setTimeout(function() {\n      \/\/ Re-initialize animations with updated mobile detection\n      const impactHighlightsBlock = document.querySelector('.impact-highlights-block');\n      if (impactHighlightsBlock) {\n        const isMobile = window.innerWidth <= 768;\n        const impactHighlightsObserver = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('impact-highlights-block-entrance');\n              impactHighlightsObserver.unobserve(entry.target);\n            }\n          });\n        }, {\n          threshold: 0.1,\n          rootMargin: isMobile ? '0px 0px -5px 0px' : '0px 0px -50px 0px'\n        });\n        \n        \/\/ Observe individual cards instead of the main container\n        const impactHighlights = impactHighlightsBlock.querySelectorAll('.impact-highlights-block__item');\n        impactHighlights.forEach((item) => {\n          impactHighlightsObserver.observe(item);\n        });\n      }\n    }, 250);\n  });\n  \n  \/\/ Also run if content is dynamically loaded (for Gutenberg editor)\n  if (typeof wp !== 'undefined' && wp.data) {\n    wp.data.subscribe(function() {\n      \/\/ Small delay to ensure content is rendered\n      setTimeout(function() {\n        const impactHighlightsBlock = document.querySelector('.impact-highlights-block');\n        if (impactHighlightsBlock) {\n          const impactHighlights = impactHighlightsBlock.querySelectorAll('.impact-highlights-block__item');\n          impactHighlights.forEach((item, index) => {\n            item.setAttribute('data-animation-index', index);\n          });\n        }\n      }, 100);\n    });\n  }\n});\n<\/script>\n\n  <section id=\"\" class=\"testimonial-block-section testimonial-block-section--bordered testimonial-block-section--inside-content\" aria-label=\"Customer Testimonial\">\n\n    <!-- Top Border for bordered variant -->\n          <div class=\"testimonial-block-section__top-border\"><\/div>\n    \n    <div class=\"testimonial-block-section__container\">\n      <div class=\"testimonial-block-section__content\">\n\n        <article class=\"testimonial-block\" aria-labelledby=\"testimonial-author-block_e52d63bac4c1218126101541a54da441\">\n\n          <!-- Quote Icon at the top -->\n          <div class=\"testimonial-block__quote-icon\">\n            <svg width=\"66\" height=\"54\" viewBox=\"0 0 66 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M66 0V13.9602H61.2748C58.5312 13.9602 56.2956 14.3693 54.5681 15.1875C52.9423 16.0057 51.7229 17.4886 50.9099 19.6364C50.097 21.6818 49.6905 24.5455 49.6905 28.2273V39.4261L45.1178 29.9148C45.8291 29.3011 46.8453 28.8409 48.1663 28.5341C49.4873 28.125 50.9607 27.9205 52.5866 27.9205C56.1432 27.9205 59.1409 29.0455 61.5797 31.2955C64.0185 33.4432 65.2379 36.5114 65.2379 40.5C65.2379 44.2841 64.0693 47.5057 61.7321 50.1648C59.3949 52.7216 56.0416 54 51.6721 54C48.8268 54 46.1848 53.3352 43.746 52.0057C41.4088 50.6761 39.4781 48.4261 37.9538 45.2557C36.5312 42.0852 35.8199 37.7898 35.8199 32.3693V30.0682C35.8199 22.8068 36.836 16.9773 38.8684 12.5795C41.0023 8.18182 44.0508 5.01137 48.0139 3.06819C51.9769 1.02273 56.8545 0 62.6466 0H66ZM30.1801 0V13.9602H25.455C22.7113 13.9602 20.4757 14.3693 18.7483 15.1875C17.1224 16.0057 15.903 17.4886 15.0901 19.6364C14.2771 21.6818 13.8707 24.5455 13.8707 28.2273V39.4261L9.29792 29.9148C10.0092 29.3011 11.0254 28.8409 12.3464 28.5341C13.6674 28.125 15.1409 27.9205 16.7667 27.9205C20.3233 27.9205 23.321 29.0455 25.7598 31.2955C28.1986 33.4432 29.418 36.5114 29.418 40.5C29.418 44.2841 28.2494 47.5057 25.9122 50.1648C23.5751 52.7216 20.2217 54 15.8522 54C13.0069 54 10.3649 53.3352 7.9261 52.0057C5.58891 50.6761 3.6582 48.4261 2.13395 45.2557C0.711316 42.0852 0 37.7898 0 32.3693V30.0682C0 22.8068 1.01617 16.9773 3.0485 12.5795C5.18245 8.18182 8.23095 5.01137 12.194 3.06819C16.157 1.02273 21.0346 0 26.8268 0H30.1801Z\" fill=\"#663BB7\"\/>\n<\/svg>\n          <\/div>\n\n          <div class=\"testimonial-block__main-content\">\n\n            <!-- Testimonial Description -->\n                          <blockquote class=\"testimonial-block__quote\" cite=\"https:\/\/haipestudio.com\/en\/case-studies\/client-onboarding-automation\/\">\n                <div class=\"testimonial-block__quote-text\">\n                  <p>\u201cNow onboarding runs like a well-oiled machine. Clients get a <strong>consistent experience<\/strong>, and my team has recovered dozens of hours every month. <strong>The system paid for itself within weeks.<\/strong>\u201d<\/p>\n                <\/div>\n              <\/blockquote>\n            \n            <!-- Author Information -->\n            <footer class=\"testimonial-block__author\">\n              <div class=\"testimonial-block__author-info\">\n\n                <!-- Company Logo\/Image -->\n                \n                <!-- Author Details -->\n                <div class=\"testimonial-block__author-details\">\n                                      <h3 id=\"testimonial-author-block_e52d63bac4c1218126101541a54da441\" class=\"testimonial-block__author-name\">\n                      Operations Director                    <\/h3>\n                  \n                                      <p class=\"testimonial-block__author-role\">\n                      Confidential Client                    <\/p>\n                                  <\/div>\n              <\/div>\n            <\/footer>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n    <!-- Bottom Border for bordered variant -->\n          <div class=\"testimonial-block-section__bottom-border\"><\/div>\n    \n  <\/section>\n\n\n\n  <section id=\"\" class=\"challenges\" aria-label=\"Desafios e solu\u00e7\u00f5es\">\n    <div class=\"challenges__container\">\n\n      <div class=\"challenges__content\">\n\n        <!-- Left Column: Header -->\n        <div class=\"challenges__header\">\n                      <div class=\"challenges__subtitle\">\n              Key Insight            <\/div>\n          \n                      <h2 class=\"challenges__title\">\n              Frictionless<br>Onboarding            <\/h2>\n          \n                  <\/div>\n\n        <!-- Right Column: Content -->\n                  <div class=\"challenges__main-content\">\n            <p>The story of <strong>Client Onboarding Excellence<\/strong> proves Haipe\u2019s promise: from chaos to flow.<br \/>\nWith automation in place, onboarding went from hours to minutes, errors disappeared, and clients began experiencing a consistent and professional first impression.<\/p>\n<p>The journey doesn\u2019t end here. <strong>The next step is expanding automation across the entire customer lifecycle<\/strong>, unlocking more freedom and enabling smarter scaling.<\/p>\n          <\/div>\n        \n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n\n<section class=\"full-width-cta\" aria-labelledby=\"full-width-cta-heading\" >\n\n  <div class=\"full-width-cta__container\">\n    <!-- Background SVG for mobile and desktop -->\n    <div class=\"full-width-cta__background\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--left\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--right\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__content-wrapper\">\n              <header class=\"full-width-cta__header\">\n          <h2 id=\"full-width-cta-heading\" class=\"full-width-cta__title\">\n            Ready to onboard clients in minutes instead of hours?          <\/h2>\n        <\/header>\n      \n              <div class=\"full-width-cta__content\">\n          <div class=\"full-width-cta__description\">\n            <p><strong>Book a free audit with Haipe<\/strong> and discover the invisible systems that drive visible results.<\/p>\n          <\/div>\n        <\/div>\n      \n              <footer class=\"full-width-cta__footer\">\n          <div class=\"full-width-cta__links\">\n                          <a href=\"https:\/\/haipestudio.com\/free-audit\/\"\n                class=\"full-width-cta__button btn-secondary\"\n                                >\n                Free Audit                <span class=\"btn-shine\"><\/span>\n              <\/a>\n            \n                      <\/div>\n        <\/footer>\n          <\/div>\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Reduce the onboarding process from 2 hours to under 3 minutes, while improving customer satisfaction.<\/p>\n","protected":false},"featured_media":581,"template":"","client_stories_category":[],"class_list":["post-94","client_stories","type-client_stories","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/client_stories\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/client_stories"}],"about":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/types\/client_stories"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/media\/581"}],"wp:attachment":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"client_stories_category","embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/client_stories_category?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}