1<!doctype html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" > <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en" > <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]--><!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]--><head> 2 <meta charset="utf-8"> 3 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 4 <meta name="author" content="DePalma Studios"> 5 <meta name="description" content="Our blog was created to share our experience in UX Design and Application Development with the design and development community at large. "> 6 <meta name="generator" content="HubSpot"> 7 <title>DePalma.io Blog</title> 8 <link rel="shortcut icon" href="https://depalma.io/hubfs/favicon_500-2.png"> 9 10<meta name="viewport" content="width=device-width, initial-scale=1"> 11 12
12<script src="/hs/hsstatic/jquery-libs/static-1.4/jquery/jquery-1.11.2.js"></script>
vendor: 1 bytes, line 12
12
13<script>hsjQuery = window['jQuery'];</script>
13 14 <meta property="og:description" content="Our blog was created to share our experience in UX Design and Application Development with the design and development community at large. "> 15 <meta property="og:title" content="DePalma.io Blog"> 16 <meta name="twitter:description" content="Our blog was created to share our experience in UX Design and Application Development with the design and development community at large. "> 17 <meta name="twitter:title" content="DePalma.io Blog"> 18 19 20 21 22 <style> 23a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'âº';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} 24</style> 25 26 27 28 29<!-- Added by GoogleAnalytics integration -->
30<script> 31var _hsp = window._hsp = window._hsp || []; 32_hsp.push(['addPrivacyConsentListener', function(consent) { if (consent.allowed || (consent.categories && consent.categories.analytics)) {
vendor: 335 bytes, lines 32-37
32 33 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 34 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 35 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 36})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 37 ga('create','
37UA-38546810-1
vendor: 36 bytes, lines 37-38
37','auto'); 38 ga('send','pageview');
39}}]); 40</script>
40 41 42<!-- /Added by GoogleAnalytics integration --> 43 44<!-- Added by GoogleAnalytics4 integration -->
45<script> 46var _hsp = window._hsp = window._hsp || []; 47window.dataLayer = window.dataLayer || []; 48function gtag(){dataLayer.push(arguments);} 49 50var useGoogleConsentModeV2 = true; 51var waitForUpdateMillis = 1000; 52 53 54if (!window._hsGoogleConsentRunOnce) { 55 window._hsGoogleConsentRunOnce = true; 56 57 gtag('consent', 'default', { 58 'ad_storage': 'denied', 59 'analytics_storage': 'denied', 60 'ad_user_data': 'denied', 61 'ad_personalization': 'denied', 62 'wait_for_update': waitForUpdateMillis 63 }); 64 65 if (useGoogleConsentModeV2) { 66 _hsp.push(['useGoogleConsentModeV2']) 67 } else { 68 _hsp.push(['addPrivacyConsentListener', function(consent){ 69 var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics)); 70 var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement)); 71 72 gtag('consent', 'update', { 73 'ad_storage': hasAdsConsent ? 'granted' : 'denied', 74 'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied', 75 'ad_user_data': hasAdsConsent ? 'granted' : 'denied', 76 'ad_personalization': hasAdsConsent ? 'granted' : 'denied' 77 }); 78 }]); 79 } 80} 81 82gtag('js', new Date()); 83gtag('set', 'developer_id.dZTQ1Zm', true); 84gtag('config', 'G-HC0WWXXZ3F'); 85</script>
vendor: 64 bytes, lines 85-86
85 86<script async src="https://www.googletagmanager.com/gtag/js?id=
86G-HC0WWXXZ3F
vendor: 13 bytes, lines 86-87
86"></script> 87
88<!-- /Added by GoogleAnalytics4 integration --> 89 90<!-- Added by GoogleTagManager integration -->
91<script> 92var _hsp = window._hsp = window._hsp || []; 93window.dataLayer = window.dataLayer || []; 94function gtag(){dataLayer.push(arguments);} 95 96var useGoogleConsentModeV2 = true; 97var waitForUpdateMillis = 1000; 98 99 100 101var hsLoadGtm = function loadGtm() { 102 if(window._hsGtmLoadOnce) { 103 return; 104 } 105 106 if (useGoogleConsentModeV2) { 107 108 gtag('set','developer_id.dZTQ1Zm',true); 109 110 gtag('consent', 'default', { 111 'ad_storage': 'denied', 112 'analytics_storage': 'denied', 113 'ad_user_data': 'denied', 114 'ad_personalization': 'denied', 115 'wait_for_update': waitForUpdateMillis 116 }); 117 118 _hsp.push(['useGoogleConsentModeV2']) 119 }
vendor: 349 bytes, lines 119-125
119 120 121 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 122 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 123 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 124 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 125 })(window,document,'script','dataLayer','
125GTM-K7CJQ4R
vendor: 9 bytes, lines 125-127
125'); 126 127
127window._hsGtmLoadOnce = true; 128}; 129 130_hsp.push(['addPrivacyConsentListener', function(consent){ 131 if(consent.allowed || (consent.categories && consent.categories.analytics)){ 132 hsLoadGtm(); 133 } 134}]); 135 136</script>
136 137 138<!-- /Added by GoogleTagManager integration --> 139 140 141<meta name="ahrefs-site-verification" content="171ca6b74bb23586d7316a16874c23310703c01c8c18b5c5904c08a2f3bbd588"> 142 143<style> 144 .header24-main .mainmenu .hs-menu-wrapper > ul > li.active a { 145 color: #1c73e5; 146 } 147</style> 148
149<script> 150const FormExtension = { 151 name: 'Forms', 152 type: 'response', 153 match: ({ trace }) => 154 trace.type === 'Custom_Form' || trace.payload.name === 'Custom_Form', 155 render: ({ trace, element }) => { 156 const formContainer = document.createElement('form'); 157 158 formContainer.innerHTML = ` 159 <style> 160 label { 161 font-size: 0.8em; 162 color: #888; 163 } 164 input[type="text"], input[type="email"], input[type="tel"], textarea { 165 width: 100%; 166 border: none; 167 border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); 168 background: transparent; 169 margin: 5px 0; 170 outline: none; 171 padding: 8px 0; 172 } 173 textarea { 174 resize: vertical; 175 min-height: 80px; 176 } 177 .phone { 178 width: 150px; 179 } 180 .invalid { 181 border-color: red; 182 } 183 .submit { 184 background: linear-gradient(to right, #2e6ee1, #2e7ff1); 185 border: none; 186 color: white; 187 padding: 10px; 188 border-radius: 5px; 189 width: 100%; 190 cursor: pointer; 191 } 192 </style> 193 194 <label for="name">Name</label> 195 <input type="text" class="name" name="name" required><br><br> 196 197 <label for="email">Email</label> 198 <input type="email" class="email" name="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,}$" title="Invalid email address"><br><br> 199 200 <label for="phone">Phone Number</label> 201 <input type="tel" class="phone" name="phone" required pattern="\\d+" title="Invalid phone number, please enter only numbers"><br><br> 202 203 <label for="message">Message</label> 204 <textarea class="message" name="message" required></textarea><br><br> 205 206 <input type="submit" class="submit" value="Submit"> 207 `; 208 209 formContainer.addEventListener('input', function () { 210 const name = formContainer.querySelector('.name'); 211 const email = formContainer.querySelector('.email'); 212 const phone = formContainer.querySelector('.phone'); 213 const message = formContainer.querySelector('.message'); 214 215 if (name.checkValidity()) name.classList.remove('invalid'); 216 if (email.checkValidity()) email.classList.remove('invalid'); 217 if (phone.checkValidity()) phone.classList.remove('invalid'); 218 if (message.checkValidity()) message.classList.remove('invalid'); 219 }); 220 221 formContainer.addEventListener('submit', function (event) { 222 event.preventDefault(); 223 224 const name = formContainer.querySelector('.name'); 225 const email = formContainer.querySelector('.email'); 226 const phone = formContainer.querySelector('.phone'); 227 const message = formContainer.querySelector('.message'); 228 229 if ( 230 !name.checkValidity() || 231 !email.checkValidity() || 232 !phone.checkValidity() || 233 !message.checkValidity() 234 ) { 235 if (!name.checkValidity()) name.classList.add('invalid'); 236 if (!email.checkValidity()) email.classList.add('invalid'); 237 if (!phone.checkValidity()) phone.classList.add('invalid'); 238 if (!message.checkValidity()) message.classList.add('invalid'); 239 return; 240 } 241 242 formContainer.querySelector('.submit').remove(); 243 244 window.voiceflow.chat.interact({ 245 type: 'complete', 246 payload: { 247 name: name.value, 248 email: email.value, 249 phone: phone.value, 250 message: message.value 251 }, 252 }); 253 }); 254 255 element.appendChild(formContainer); 256 }, 257}; 258 259const FileUploadExtension = { 260 name: 'FileUpload', 261 type: 'response', 262 match: ({ trace }) => 263 trace.type === 'ext_fileUpload' || trace.payload.name === 'ext_fileUpload', 264 render: ({ trace, element }) => { 265 const fileUploadContainer = document.createElement('div'); 266 fileUploadContainer.innerHTML = ` 267 <style> 268 .my-file-upload { 269 border: 2px dashed rgba(46, 110, 225, 0.3); 270 padding: 20px; 271 text-align: center; 272 cursor: pointer; 273 transition: background-color 0.2s ease; 274 } 275 .my-file-upload.dragover { 276 background-color: rgba(46, 110, 225, 0.1); 277 } 278 </style> 279 <div class='my-file-upload'>Drag and drop a file here or click to upload</div> 280 <input type='file' style='display: none;'> 281 `; 282 283 const fileInput = fileUploadContainer.querySelector('input[type=file]'); 284 const fileUploadBox = fileUploadContainer.querySelector('.my-file-upload'); 285 286 const handleFile = (file) => { 287 if (!file) return; 288 console.log('File selected:', file); 289 290 fileUploadContainer.innerHTML = `<img src="https://s3.amazonaws.com/com.voiceflow.studio/share/upload/upload.gif" alt="Uploading..." width="50" height="50">`; 291 292 const data = new FormData(); 293 data.append('file', file); 294 295 fetch('https://tmpfiles.org/api/v1/upload', { 296 method: 'POST', 297 body: data, 298 }) 299 .then((response) => { 300 if (response.ok) { 301 return response.json(); 302 } else { 303 throw new Error('Upload failed: ' + response.statusText); 304 } 305 }) 306 .then((result) => { 307 fileUploadContainer.innerHTML = 308 '<img src="https://s3.amazonaws.com/com.voiceflow.studio/share/check/check.gif" alt="Upload complete" width="50" height="50">'; 309 console.log('File uploaded:', result.data.url); 310 window.voiceflow.chat.interact({ 311 type: 'complete', 312 payload: { 313 file: result.data.url.replace( 314 'https://tmpfiles.org/', 315 'https://tmpfiles.org/dl/' 316 ), 317 }, 318 }); 319 }) 320 .catch((error) => { 321 console.error(error); 322 fileUploadContainer.innerHTML = '<div>Error during upload</div>'; 323 }); 324 }; 325 326 // Drag-and-drop event listeners 327 fileUploadBox.addEventListener('dragover', (event) => { 328 event.preventDefault(); // Allow drop 329 fileUploadBox.classList.add('dragover'); 330 }); 331 332 fileUploadBox.addEventListener('dragleave', () => { 333 fileUploadBox.classList.remove('dragover'); 334 }); 335 336 fileUploadBox.addEventListener('drop', (event) => { 337 event.preventDefault(); 338 fileUploadBox.classList.remove('dragover'); 339 const files = event.dataTransfer.files; 340 if (files.length > 0) { 341 handleFile(files[0]); // Handle the first file dropped 342 } 343 }); 344 345 // File picker event listener 346 fileInput.addEventListener('change', function () { 347 if (fileInput.files.length > 0) { 348 handleFile(fileInput.files[0]); 349 } 350 }); 351 352 // Trigger file picker on click 353 fileUploadBox.addEventListener('click', function () { 354 fileInput.click(); 355 }); 356 357 element.appendChild(fileUploadContainer); 358 }, 359}; 360</script>
360 361
362<script> 363const FormExtension = { 364 name: 'Forms', 365 type: 'response', 366 match: ({ trace }) => 367 trace.type === 'Custom_Form' || trace.payload.name === 'Custom_Form', 368 render: ({ trace, element }) => { 369 const formContainer = document.createElement('form'); 370 371 formContainer.innerHTML = ` 372 <style> 373 label { 374 font-size: 0.8em; 375 color: #888; 376 } 377 input[type="text"], input[type="email"], input[type="tel"] { 378 width: 100%; 379 border: none; 380 border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); 381 background: transparent; 382 margin: 5px 0; 383 outline: none; 384 padding: 8px 0; /* Added some padding for better UX */ 385 } 386 .phone { 387 width: 150px; 388 } 389 .invalid { 390 border-color: red; 391 } 392 .submit { 393 background: linear-gradient(to right, #2e6ee1, #2e7ff1); 394 border: none; 395 color: white; 396 padding: 10px; 397 border-radius: 5px; 398 width: 100%; 399 cursor: pointer; 400 } 401 </style> 402 403 <label for="name">Name</label> 404 <input type="text" class="name" name="name" required><br><br> 405 406 <label for="email">Email</label> 407 <input type="email" class="email" name="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,}$" title="Invalid email address"><br><br> 408 409 <label for="phone">Phone Number</label> 410 <input type="tel" class="phone" name="phone" required pattern="\\d+" title="Invalid phone number, please enter only numbers"><br><br> 411 412 <input type="submit" class="submit" value="Submit"> 413 `; 414 415 formContainer.addEventListener('input', function () { 416 // Remove 'invalid' class when input becomes valid 417 const name = formContainer.querySelector('.name'); 418 const email = formContainer.querySelector('.email'); 419 const phone = formContainer.querySelector('.phone'); 420 421 if (name.checkValidity()) name.classList.remove('invalid'); 422 if (email.checkValidity()) email.classList.remove('invalid'); 423 if (phone.checkValidity()) phone.classList.remove('invalid'); 424 }); 425 426 formContainer.addEventListener('submit', function (event) { 427 event.preventDefault(); 428 429 const name = formContainer.querySelector('.name'); 430 const email = formContainer.querySelector('.email'); 431 const phone = formContainer.querySelector('.phone'); 432 433 if ( 434 !name.checkValidity() || 435 !email.checkValidity() || 436 !phone.checkValidity() 437 ) { 438 name.classList.add('invalid'); 439 email.classList.add('invalid'); 440 phone.classList.add('invalid'); 441 return; 442 } 443 444 formContainer.querySelector('.submit').remove(); 445 446 window.voiceflow.chat.interact({ 447 type: 'complete', 448 payload: { name: name.value, email: email.value, phone: phone.value }, 449 }); 450 }); 451 452 element.appendChild(formContainer); 453 }, 454}; 455</script>
455 456
457<script type="text/javascript"> 458 (function(d, t) { 459 var v = d.createElement(t), s = d.getElementsByTagName(t)[0]; 460 v.onload = function() { 461 window.voiceflow.chat.load({ 462 verify: { projectID: '67905cb88339afd605c82e05' }, 463 url: 'https://general-runtime.voiceflow.com', 464 versionID: 'production', 465 assistant: { 466 extensions: [FormExtension] 467 } 468 }); 469 } 470 v.src = "https://cdn.voiceflow.com/widget-next/bundle.mjs"; v.type = "text/javascript"; s.parentNode.insertBefore(v, s); 471 })(document, 'script'); 472</script>
472 473 474<link rel="next" href="https://depalma.io/blog/page/2"> 475<meta property="og:url" content="https://depalma.io/blog"> 476<meta property="og:type" content="blog"> 477<meta name="twitter:card" content="summary"> 478<link rel="alternate" type="application/rss+xml" href="https://depalma.io/blog/rss.xml"> 479<meta name="twitter:domain" content="depalma.io">
480<script src="//platform.linkedin.com/in.js" type="text/javascript"> 481 lang: en_US 482</script>
482 483 484<meta http-equiv="content-language" content="en"> 485 486 487 488 489 490
490<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
490 491<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" integrity="sha512-Z/def5z5u2aR89OuzYcxmDJ0Bnd5V1cKqBEbvLOiUNWdg9PQeXVvXLI90SE4QOHGlfLqUnDNVAYyZi8UwUTmWQ==" crossorigin="anonymous" referrerpolicy="no-referrer"> 492 493<style> 494 495 @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap'); 496 body { 497 font-family: "Work Sans", sans-serif !important; 498 } 499 .lp-new-two .carousel-indicators.indicators { display:none;} 500 .lp-new-two .testimonials-carousel .nav-arrows { display:none;} 501 .custom-menu-primary .hs-menu-wrapper>ul>li { height: 88px;} 502/* .custom-menu-primary .hs-menu-wrapper>ul>li a { font-weight: 500;} */ 503 .body-container.container-fluid { padding: 0;} 504 .footer-container.container-fluid { padding: 0;} 505 .header-container.container-fluid { padding: 0;} 506 .lpreview-main .heading h2 { color: #0F0F0F;} 507 .testimonials-main { 508 padding: 120px 0; 509} 510 .hs-error-msgs, .hs-error-msg { 511 position: absolute; 512 bottom: -15px; 513 top: auto; 514 width: 100%;} 515 516 .title{ 517 font-size: 17px; 518 font-weight: 700; 519 line-height: 20px; 520 letter-spacing: 0.20000000298023224px; 521 text-align: center; 522 color: #4D4D4D; 523 padding-top: 30px; 524 font-family: InterFace; 525} 526 527 .mobile-trigger { 528 display: none !important; 529} 530 531 532 @media (min-width: 1400px) { 533 .testimonials-main .container { max-width: 1320px;} 534 } 535 536 @media (max-width: 767px) { 537 .re-section { width: 50%; text-align: center; 538 margin: 0 auto;} 539 } 540 541 @media(max-width: 767px){ 542 .container { 543 padding-left: 30px; 544 padding-right: 30px; 545} 546 } 547 @media(max-width: 374px){ 548 .container { 549 padding-left: 15px; 550 padding-right: 15px; 551} 552 } 553 </style> 554 <link rel="stylesheet" href="//7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/template_assets/DEFAULT_ASSET/1786027902582/template_layout.min.css"> 555 <link rel="stylesheet" href="https://depalma.io/hubfs/hub_generated/template_assets/1/159071426957/1741200696550/template_style-24.min.css"> 556<link rel="stylesheet" href="https://depalma.io/hubfs/hub_generated/template_assets/1/159071426958/1741200695150/template_menu-24.min.css"> 557<link rel="stylesheet" href="https://depalma.io/hubfs/hub_generated/template_assets/1/159071426956/1741200696363/template_depalma-base-24.css"> 558 559 560 561</head> 562<body class=" hs-content-id-179576213128 hs-blog-listing hs-blog-id-5916834676" style=""> 563<!-- Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 563-564
563 564<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
564GTM-K7CJQ4R
vendor: 84 bytes, lines 564-565
564" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 565
566<!-- /Added by GoogleTagManager integration --> 567 568 <div class="header-container-wrapper"> 569 <div class="header-container container-fluid"> 570 571<div class="row-fluid-wrapper row-depth-1 row-number-1 "> 572<div class="row-fluid "> 573<div class="span12 widget-span widget-type-custom_widget " style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 574<div id="hs_cos_wrapper_module_170991858707150" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="header24-main"> 575 <div class="container"> 576 <div class="header24-outer"> 577 <div class="header24-left"> 578 <div class="header24-logo"> 579 580 581 <a href="https://depalma.io"> 582 583 584 585 586 587 <img src="https://depalma.io/hubfs/Blogroll_2023/Images/LOGO.svg" alt="LOGO" loading="lazy" width="64" height="64" style="max-width: 100%; height: auto;"> 588 589 </a> 590 </div> 591 </div> 592 <div class="header24-right"> 593 <div class="mainmenu"> 594 <span id="hs_cos_wrapper_module_170991858707150_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_module_170991858707150_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="159248344172" aria-label="Navigation Menu"> 595 <ul role="menu" class="active-branch"> 596 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io" role="menuitem">Home</a></li> 597 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io/our-work" role="menuitem">Work</a></li> 598 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io/services" role="menuitem">Services</a></li> 599 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io/our-story" role="menuitem">About</a></li> 600 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://depalma.io/blog" role="menuitem">Blog</a></li> 601 </ul> 602</div></span> 603 </div> 604 <div class="header24-btn"> 605 606 607 <a class="primary-button" href="https://depalma.io/contact-us">Contact Us</a> 608 </div> 609 </div> 610 </div> 611 </div> 612</div></div> 613 614</div><!--end widget-span --> 615</div><!--end row--> 616</div><!--end row-wrapper --> 617 618 </div><!--end header --> 619</div><!--end header wrapper --> 620 621<div class="body-container-wrapper"> 622 <div class="body-container container-fluid"> 623 624<div class="row-fluid-wrapper row-depth-1 row-number-1 "> 625<div class="row-fluid "> 626<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 627 628<div class="row-fluid-wrapper row-depth-1 row-number-2 "> 629<div class="row-fluid "> 630<div class="span12 widget-span widget-type-custom_widget " style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 631<div id="hs_cos_wrapper_module_151388194052436" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-blog_content" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 632 <div class="listing24-main"> 633<div class="listing24-top"> 634<div class="container"> 635<div class="listing24-wrapper"> 636<div class="listing24-left"> 637<h1 class="listing24-maintitle">DePalma.io Blog</h1> 638<div class="listing24-boxes"> 639<article class="box" aria-label="Blog post summary: Off-The-Shelf vs Custom Software: Choosing Your Best Fit"> 640<a class="box-link" href="https://depalma.io/blog/off-the-shelf-vs-custom-software" aria-label=" Featured image: Custom vs offthe shelf software - Read full post: Off-The-Shelf vs Custom Software: Choosing Your Best Fit"> 641<img class="box-image" src="https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=352&name=Custom%20vs%20offthe%20shelf%20software.png" loading="lazy" width="352" alt="Custom vs offthe shelf software" srcset="https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=176&name=Custom%20vs%20offthe%20shelf%20software.png 176w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=352&name=Custom%20vs%20offthe%20shelf%20software.png 352w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=528&name=Custom%20vs%20offthe%20shelf%20software.png 528w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=704&name=Custom%20vs%20offthe%20shelf%20software.png 704w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=880&name=Custom%20vs%20offthe%20shelf%20software.png 880w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=1056&name=Custom%20vs%20offthe%20shelf%20software.png 1056w" sizes="(max-width: 352px) 100vw, 352px"> 642</a> 643<div class="box-content"> 644<h3 class="box-title"> 645<a class="box-itle-link" href="https://depalma.io/blog/off-the-shelf-vs-custom-software">Off-The-Shelf vs Custom Software: Choosing Your Best Fit</a> 646</h3> 647<div class="box-text"> 648Ever stood at a junction, eyeing two contrasting routes? That's the familiar challenge when... 649</div> 650<div class="box-btom"> 651<time datetime="2023-11-27 04:23:59" class="box-timestamp"> 652November 27, 2023 653</time> 654<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 655</div> 656</div> 657</article> 658<article class="box" aria-label="Blog post summary: API Integration: Powering Business Efficiency and Automation"> 659<a class="box-link" href="https://depalma.io/blog/api-integration" aria-label=" Featured image: api-integration - Read full post: API Integration: Powering Business Efficiency and Automation"> 660<img class="box-image" src="https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=352&name=api-integration.jpg" loading="lazy" width="352" alt="api-integration" srcset="https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=176&name=api-integration.jpg 176w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=352&name=api-integration.jpg 352w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=528&name=api-integration.jpg 528w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=704&name=api-integration.jpg 704w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=880&name=api-integration.jpg 880w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=1056&name=api-integration.jpg 1056w" sizes="(max-width: 352px) 100vw, 352px"> 661</a> 662<div class="box-content"> 663<h3 class="box-title"> 664<a class="box-itle-link" href="https://depalma.io/blog/api-integration">API Integration: Powering Business Efficiency and Automation</a> 665</h3> 666<div class="box-text"> 667Ever feel like you're playing a never-ending game of digital Jenga? Trying to delicately balance... 668</div> 669<div class="box-btom"> 670<time datetime="2023-11-27 00:10:50" class="box-timestamp"> 671November 27, 2023 672</time> 673<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 674</div> 675</div> 676</article> 677<article class="box" aria-label="Blog post summary: Revamping Business: Legacy System Modernization Guide"> 678<a class="box-link" href="https://depalma.io/blog/legacy-system-modernization" aria-label=" Featured image: legacy-system-modernization - Read full post: Revamping Business: Legacy System Modernization Guide"> 679<img class="box-image" src="https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=352&name=legacy%20system%20modernization.jpg" loading="lazy" width="352" alt="legacy-system-modernization" srcset="https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=176&name=legacy%20system%20modernization.jpg 176w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=352&name=legacy%20system%20modernization.jpg 352w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=528&name=legacy%20system%20modernization.jpg 528w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=704&name=legacy%20system%20modernization.jpg 704w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=880&name=legacy%20system%20modernization.jpg 880w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=1056&name=legacy%20system%20modernization.jpg 1056w" sizes="(max-width: 352px) 100vw, 352px"> 680</a> 681<div class="box-content"> 682<h3 class="box-title"> 683<a class="box-itle-link" href="https://depalma.io/blog/legacy-system-modernization">
683Revamping Business: Legacy System Modernization Guide</a> 684</h3> 685<div class="box-text"> 686Ever driven an old, rusted car on a highway filled with sleek, high-speed vehicles? Thatâs what... 687</div> 688<div class="box-btom"> 689<time datetime="2023-11-26 23:38:39" class="box-timestamp"> 690November 26, 2023 691</time> 692<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 693</div> 694</div> 695</article> 696<article class="box" aria-label="Blog post summary: Structuring a High-Performing Software Development Team"> 697<a class="box-link" href="https://depalma.io/blog/software-development-team" aria-label=" Featured image: High-performing Software Team - Read full post: Structuring a High-Performing Software Development Team"> 698<img class="box-image" src="https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=352&name=High-performing%20Software%20Team.jpg" loading="lazy" width="352" alt="High-performing Software Team" srcset="https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=176&name=High-performing%20Software%20Team.jpg 176w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=352&name=High-performing%20Software%20Team.jpg 352w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=528&name=High-performing%20Software%20Team.jpg 528w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=704&name=High-performing%20Software%20Team.jpg 704w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=880&name=High-performing%20Software%20Team.jpg 880w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=1056&name=High-performing%20Software%20Team.jpg 1056w" sizes="(max-width: 352px) 100vw, 352px"> 699</a> 700<div class="box-content"> 701<h3 class="box-title"> 702<a class="box-itle-link" href="https://depalma.io/blog/software-development-team">Structuring a High-Performing Software Development Team</a> 703</h3> 704<div class="box-text"> 705Ever peeked behind the curtain of a software development team? Picture this: an orchestra, each... 706</div> 707<div class="box-btom"> 708<time datetime="2023-11-17 19:48:45" class="box-timestamp"> 709November 17, 2023 710</time> 711<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 712</div> 713</div> 714</article> 715<article class="box" aria-label="Blog post summary: Navigating Success: Choosing Your Ideal Software Agency"> 716<a class="box-link" href="https://depalma.io/blog/software-agency" aria-label=" Featured image: software-agency - Read full post: Navigating Success: Choosing Your Ideal Software Agency"> 717<img class="box-image" src="https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=352&name=software-agency-1.png" loading="lazy" width="352" alt="software-agency" srcset="https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=176&name=software-agency-1.png 176w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=352&name=software-agency-1.png 352w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=528&name=software-agency-1.png 528w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=704&name=software-agency-1.png 704w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=880&name=software-agency-1.png 880w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=1056&name=software-agency-1.png 1056w" sizes="(max-width: 352px) 100vw, 352px"> 718</a> 719<div class="box-content"> 720<h3 class="box-title"> 721<a class="box-itle-link" href="https://depalma.io/blog/software-agency">Navigating Success: Choosing Your Ideal Software Agency</a> 722</h3> 723<div class="box-text"> 724Ever find yourself tangled in the wires of software needs? As your organization advances, the... 725</div> 726<div class="box-btom"> 727<time datetime="2023-11-16 22:45:54" class="box-timestamp"> 728November 16, 2023 729</time> 730<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 731</div> 732</div> 733</article> 734<article class="box" aria-label="Blog post summary: Component Library vs Design System: A Guide for Developers"> 735<a class="box-link" href="https://depalma.io/blog/component-library-vs-design-system" aria-label=" Featured image: component-library-vs-design-system - Hero - Read full post: Component Library vs Design System: A Guide for Developers"> 736<img class="box-image" src="https://depalma.io/hs-fs/hubfs/component-library-vs-design-system%20-%20Hero.png?width=352&name=component-library-vs-design-system%20-%20Hero.png" loading="lazy" width="352" alt="component-library-vs-design-system - Hero" srcset="https://depalma.io/hs-fs/hubfs/component-library-vs-design-system%20-%20Hero.png?width=176&name=component-library-vs-design-system%20-%20Hero.png 176w, https://depalma.io/hs-fs/hubfs/component-library-vs-design-system%20-%20Hero.png?width=352&name=component-library-vs-design-system%20-%20Hero.png 352w, https://depalma.io/hs-fs/hubfs/component-library-vs-design-system%20-%20Hero.png?width=528&name=component-library-vs-design-system%20-%20Hero.png 528w, https://depalma.io/hs-fs/hubfs/component-library-vs-design-system%20-%20Hero.png?width=704&name=component-library-vs-design-system%20-%20Hero.png 704w, https://depalma.io/hs-fs/hubfs/component-library-vs-design-system%20-%20Hero.png?width=880&name=component-library-vs-design-system%20-%20Hero.png 880w, https://depalma.io/hs-fs/hubfs/component-library-vs-design-system%20-%20Hero.png?width=1056&name=component-library-vs-design-system%20-%20Hero.png 1056w" sizes="(max-width: 352px) 100vw, 352px"> 737</a> 738<div class="box-content"> 739<h3 class="box-title"> 740<a class="box-itle-link" href="https://depalma.io/blog/component-library-vs-design-system">Component Library vs Design System: A Guide for Developers</a> 741</h3> 742<div class="box-text"> 743Have you ever walked into a toy store and marveled at the building blocks aisle, relating it to the... 744</div> 745<div class="box-btom"> 746<time datetime="2023-11-15 02:35:56" class="box-timestamp"> 747November 15, 2023 748</time> 749<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 750</div> 751</div> 752</article> 753<article class="box" aria-label="Blog post summary: AI UX Design: Shaping the Future of User Experience"> 754<a class="box-link" href="https://depalma.io/blog/ai-ux-design" aria-label=" Featured image: AI UX Hero - Read full post: AI UX Design: Shaping the Future of User Experience"> 755<img class="box-image" src="https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=352&name=AI%20UX%20Hero.jpg" loading="lazy" width="352" alt="AI UX Hero" srcset="https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=176&name=AI%20UX%20Hero.jpg 176w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=352&name=AI%20UX%20Hero.jpg 352w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=528&name=AI%20UX%20Hero.jpg 528w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=704&name=AI%20UX%20Hero.jpg 704w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=880&name=AI%20UX%20Hero.jpg 880w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=1056&name=AI%20UX%20Hero.jpg 1056w" sizes="(max-width: 352px) 100vw, 352px"> 756</a> 757<div class="box-content"> 758<h3 class="box-title"> 759<a class="box-itle-link" href="https://depalma.io/blog/ai-ux-design">AI UX Design: Shaping the Future of User Experience</a> 760</h3> 761<div class="box-text"> 762Imagine youâre a forward-thinking UX designer eager to create user experiences that are nothing... 763</div> 764<div class="box-btom"> 765<time datetime="2023-11-14 19:40:17" class="box-timestamp"> 766November 14, 2023 767</time> 768<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 769</div> 770</div> 771</article> 772<article class="box" aria-label="Blog post summary: Enterprise UX Design: Understanding Its Core Principles"> 773<a class="box-link" href="https://depalma.io/blog/enterprise-ux-design" aria-label=" Featured image: Enterprise UX - Read full post: Enterprise UX Design: Understanding Its Core Principles"> 774<img class="box-image" src="https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=352&name=Enterprise%20UX%20Design.jpg" loading="lazy" width="352" alt="Enterprise UX" srcset="https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=176&name=Enterprise%20UX%20Design.jpg 176w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=352&name=Enterprise%20UX%20Design.jpg 352w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=528&name=Enterprise%20UX%20Design.jpg 528w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=704&name=Enterprise%20UX%20Design.jpg 704w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=880&name=Enterprise%20UX%20Design.jpg 880w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=1056&name=Enterprise%20UX%20Design.jpg 1056w" sizes="(max-width: 352px) 100vw, 352px"> 775</a> 776<div class="box-content"> 777<h3 class="box-title"> 778<a class="box-itle-link" href="https://depalma.io/blog/enterprise-ux-design">Enterprise UX Design: Understanding Its Core Principles</a> 779</h3> 780<div class="box-text"> 781Entering a cockpit for the initial time can be daunting. Overwhelmed? Probably. Thatâs how users... 782</div> 783<div class="box-btom"> 784<time datetime="2023-11-10 04:37:29" class="box-timestamp"> 785November 10, 2023 786</time> 787<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 788</div> 789</div> 790</article> 791<article class="box" aria-label="Blog post summary: Boost Your Business Success with Custom Software Solutions"> 792<a class="box-link" href="https://depalma.io/blog/custom-software" aria-label=" Featured image: Success with Custom Software - Read full post: Boost Your Business Success with Custom Software Solutions"> 793<img class="box-image" src="https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=352&name=Success%20with%20Custom%20Software.png" loading="lazy" width="352" alt="Success with Custom Software" srcset="https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=176&name=Success%20with%20Custom%20Software.png 176w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=352&name=Success%20with%20Custom%20Software.png 352w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=528&name=Success%20with%20Custom%20Software.png 528w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=704&name=Success%20with%20Custom%20Software.png 704w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=880&name=Success%20with%20Custom%20Software.png 880w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=1056&name=Success%20with%20Custom%20Software.png 1056w" sizes="(max-width: 352px) 100vw, 352px"> 794</a> 795<div class="box-content"> 796<h3 class="box-title"> 797<a class="box-itle-link" href="https://depalma.io/blog/custom-software">Boost Your Business Success with Custom Software Solutions</a> 798</h3> 799<div class="box-text">
800Ever thought about the power of custom software? It's like a well-tailored suit, fitting your... 801</div> 802<div class="box-btom"> 803<time datetime="2023-11-06 01:05:53" class="box-timestamp"> 804November 6, 2023 805</time> 806<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 807</div> 808</div> 809</article> 810<article class="box" aria-label="Blog post summary: Driving Business Growth with UI UX Design Services"> 811<a class="box-link" href="https://depalma.io/blog/ui-ux-design-services" aria-label=" Featured image: ui-ux-design-services - Read full post: Driving Business Growth with UI UX Design Services"> 812<img class="box-image" src="https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=352&name=ui-ux-design-services-Hero.png" loading="lazy" width="352" alt="ui-ux-design-services" srcset="https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=176&name=ui-ux-design-services-Hero.png 176w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=352&name=ui-ux-design-services-Hero.png 352w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=528&name=ui-ux-design-services-Hero.png 528w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=704&name=ui-ux-design-services-Hero.png 704w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=880&name=ui-ux-design-services-Hero.png 880w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=1056&name=ui-ux-design-services-Hero.png 1056w" sizes="(max-width: 352px) 100vw, 352px"> 813</a> 814<div class="box-content"> 815<h3 class="box-title"> 816<a class="box-itle-link" href="https://depalma.io/blog/ui-ux-design-services">Driving Business Growth with UI UX Design Services</a> 817</h3> 818<div class="box-text"> 819Have you ever thought about why your favorite apps feel so intuitive or how some websites just seem... 820</div> 821<div class="box-btom"> 822<time datetime="2023-11-01 03:22:28" class="box-timestamp"> 823November 1, 2023 824</time> 825<a class="box-author" href="/author/floyd-depalma">Floyd DePalma</a> 826</div> 827</div> 828</article> 829</div> 830<!-- sets variable for total pages --> 831<!-- sets variable for how many more pages are past the current pages --> 832<nav> 833<ul class="pagination"> 834<li class="PrevBtn disabled"><a href="https://depalma.io/blog/page/0"><svg width="7" height="10" viewbox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 835<path d="M1.24268 0.757324L5.48532 4.99996L1.24268 9.24261" stroke="currentColor" stroke-width="2" /> 836</svg> Prev</a></li> 837<li class="active"><a href="https://depalma.io/blog">1</a></li> 838<li><a href="https://depalma.io/blog/page/2">2</a></li> 839<li><a href="https://depalma.io/blog/page/3">3</a></li> 840<li><a href="https://depalma.io/blog/page/4">4</a></li> 841<li><a href="https://depalma.io/blog/page/5">5</a></li> 842<li class="NextBtn "><a href="https://depalma.io/blog/page/2">Next <svg width="7" height="10" viewbox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 843<path d="M1.24268 0.757324L5.48532 4.99996L1.24268 9.24261" stroke="currentColor" stroke-width="2" /> 844</svg> 845</a></li> 846</ul> 847</nav> 848</div> 849<div class="listing24-right"> 850<div class="featured-wrapper"> 851<h5>Featured Articles</h5> 852<div class="featured-posts"> 853<article class="featured-post" aria-label="Blog post summary: Off-The-Shelf vs Custom Software: Choosing Your Best Fit"> 854<div class="featured-content"> 855<h3 class="featured-title"> 856<a class="featured-link" href="https://depalma.io/blog/off-the-shelf-vs-custom-software">Off-The-Shelf vs Custom Software: Choosing Your Best Fit</a> 857</h3> 858<div class="btom"> 859<time datetime="2023-11-27 04:23:59" class="blog-post__timestamp"> 860November 27, 2023 861</time> 862<a class="author" href="/author/floyd-depalma">Floyd DePalma</a> 863</div> 864</div> 865</article> 866<article class="featured-post" aria-label="Blog post summary: API Integration: Powering Business Efficiency and Automation"> 867<div class="featured-content"> 868<h3 class="featured-title"> 869<a class="featured-link" href="https://depalma.io/blog/api-integration">API Integration: Powering Business Efficiency and Automation</a> 870</h3> 871<div class="btom"> 872<time datetime="2023-11-27 00:10:50" class="blog-post__timestamp"> 873November 27, 2023 874</time> 875<a class="author" href="/author/floyd-depalma">Floyd DePalma</a> 876</div> 877</div> 878</article> 879<article class="featured-post" aria-label="Blog post summary: Revamping Business: Legacy System Modernization Guide"> 880<div class="featured-content"> 881<h3 class="featured-title"> 882<a class="featured-link" href="https://depalma.io/blog/legacy-system-modernization">
882Revamping Business: Legacy System Modernization Guide</a> 883</h3> 884<div class="btom"> 885<time datetime="2023-11-26 23:38:39" class="blog-post__timestamp"> 886November 26, 2023 887</time> 888<a class="author" href="/author/floyd-depalma">Floyd DePalma</a> 889</div> 890</div> 891</article> 892</div> 893</div> 894</div> 895</div> 896</div> 897</div> 898<div class="listing24-bottom"> 899<div class="container"> 900<div class="listing24-bottom-inner"> 901<div id="hs_cos_wrapper_module_17100134819883140" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="shm-main sshmm-main"> 902<div class="shm-outer"> 903<div class="shm-left"> 904<div class="shm-img"> 905<img src="https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=230&height=120&name=L%20Module.png" alt="L Module" loading="lazy" width="230" height="120" style="max-width: 100%; height: auto;" srcset="https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=115&height=60&name=L%20Module.png 115w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=230&height=120&name=L%20Module.png 230w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=345&height=180&name=L%20Module.png 345w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=460&height=240&name=L%20Module.png 460w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=575&height=300&name=L%20Module.png 575w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=690&height=360&name=L%20Module.png 690w" sizes="(max-width: 230px) 100vw, 230px"> 906</div> 907</div> 908<div class="shm-right"> 909<div class="shm-content"> 910<span class="label">FREE</span> 911<h5>UX best-practices consultation!</h5> 912<div class="text"><p><span>Review your product with our industry leaders today at no cost.</span></p></div> 913<div class="dashed-link"> 914<a href="">Learn More</a> 915</div> 916</div> 917</div> 918</div> 919</div></div> 920</div> 921</div> 922</div> 923</div> 924</div> 925 926</div><!--end widget-span --> 927</div><!--end row--> 928</div><!--end row-wrapper --> 929 930<div class="row-fluid-wrapper row-depth-1 row-number-3 "> 931<div class="row-fluid "> 932<div class="span12 widget-span widget-type-custom_widget " style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 933<div id="hs_cos_wrapper_module_170997000426500" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="lpwork-main lpwork3-main ctaSec-main" style="background: url(https://depalma.io/hubfs/Imported%20sitepage%20images/bg.png) no-repeat center / cover;"> 934 <div class="container"> 935 <div class="lpwork-outer"> 936 937 <h6>Contact Us</h6> 938 939 940 <h2>Ready to advance your project?</h2> 941 942 943 <div class="btnnew"> 944 945 946 947 <a class="primary-button" href="https://depalma.io/contact-us">Send a message</a> 948 949 </div> 950 </div> 951 </div> 952</div>
953<script> 954 $(window).load(function(){ 955 if($('.book_meeting_bottom').length > 0){ 956 document.getElementById("book_meeting_bottom").addEventListener("click", () => { 957 Fancybox.show([{ src: "#forth-dialog", type: "inline" }]); 958 }); 959 $('#submitted-form').click(function(){ 960 Fancybox.close([{ src: "#forth-dialog", type: "inline" }]); 961 Fancybox.show([{ src: "#first-dialog", type: "inline" }]); 962 }); 963 } 964 }); 965</script>
965</div> 966 967</div><!--end widget-span --> 968</div><!--end row--> 969</div><!--end row-wrapper --> 970 971</div><!--end widget-span --> 972</div><!--end row--> 973</div><!--end row-wrapper --> 974 975 </div><!--end body --> 976</div><!--end body wrapper --> 977 978<div class="footer-container-wrapper"> 979 <div class="footer-container container-fluid"> 980 981<div class="row-fluid-wrapper row-depth-1 row-number-1 "> 982<div class="row-fluid "> 983<div class="span12 widget-span widget-type-custom_widget " style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 984<div id="hs_cos_wrapper_module_170991860625771" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="nfooter-main"> 985 <div class="container"> 986 <div class="nfooter-outer"> 987 <div class="nfooter-top"> 988 <div class="nfooter-menu"><span id="hs_cos_wrapper_module_170991860625771_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_170991860625771_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> 989 <ul role="menu" class="active-branch"> 990 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io" role="menuitem" target="_self">Home</a></li> 991 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io/our-work" role="menuitem" target="_self">Work</a></li> 992 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io/services" role="menuitem" target="_self">Services</a></li> 993 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io/our-story" role="menuitem" target="_self">About</a></li> 994 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://depalma.io/blog" role="menuitem" target="_self">Blog</a></li> 995 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://depalma.io/contact-us" role="menuitem" target="_self">Contact Us</a></li> 996 </ul> 997</div></span></div> 998 <div class="nfooter-social"> 999 <ul> 1000 1001 <li> 1002 1003 1004 <a href="https://www.facebook.com/DepalmaStudios/" target="_blank" rel="noopener"><span id="hs_cos_wrapper_module_170991860625771_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="Facebook Square1_layer"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" /></g></svg></span></a> 1005 </li> 1006 1007 <li> 1008 1009 1010 <a href="https://www.linkedin.com/company/depalma-studios/" target="_blank" rel="noopener"><span id="hs_cos_wrapper_module_170991860625771_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="LinkedIn2_layer"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></g></svg></span></a> 1011 </li> 1012 1013 <li> 1014 1015 1016 <a href="https://twitter.com/DePalmaStudios" target="_blank" rel="noopener"><span id="hs_cos_wrapper_module_170991860625771_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="Twitter3_layer"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></g></svg></span></a> 1017 </li> 1018 1019 </ul> 1020 </div> 1021 </div> 1022 <div class="nfooter-bottom"> 1023 <div class="nfooter-copyright"> 1024 <div class="nfooter-social mobile"> 1025 <ul> 1026 1027 <li> 1028 1029 1030 <a href="https://www.facebook.com/DepalmaStudios/" target="_blank" rel="noopener"><span id="hs_cos_wrapper_module_170991860625771_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="Facebook Square4_layer"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" /></g></svg></span></a> 1031 </li> 1032 1033 <li> 1034 1035 1036 <a href="https://www.linkedin.com/company/depalma-studios/" target="_blank" rel="noopener"><span id="hs_cos_wrapper_module_170991860625771_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="LinkedIn5_layer"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></g></svg></span></a> 1037 </li> 1038 1039 <li> 1040 1041 1042 <a href="https://twitter.com/DePalmaStudios" target="_blank" rel="noopener"><span id="hs_cos_wrapper_module_170991860625771_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="Twitter6_layer"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></g></svg></span></a> 1043 </li> 1044 1045 </ul> 1046 </div> 1047 <div>© 2026 DePalma.io</div> 1048 </div> 1049 <div class="nfooter-logo"> 1050 1051 1052 <a href=""> 1053 1054 1055 1056 1057 1058 <img src="https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=80&height=81&name=DePalma%20Badge%20V3@3x%201.png" alt="DePalma Badge V3@3x 1" loading="lazy" width="80" height="81" style="max-width: 100%; height: auto;" srcset="https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=40&height=41&name=DePalma%20Badge%20V3@3x%201.png 40w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=80&height=81&name=DePalma%20Badge%20V3@3x%201.png 80w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=120&height=122&name=DePalma%20Badge%20V3@3x%201.png 120w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=160&height=162&name=DePalma%20Badge%20V3@3x%201.png 160w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=200&height=203&name=DePalma%20Badge%20V3@3x%201.png 200w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=240&height=243&name=DePalma%20Badge%20V3@3x%201.png 240w" sizes="(max-width: 80px) 100v
1058w, 80px"> 1059 </a> 1060 </div> 1061 </div> 1062 </div> 1063 </div> 1064</div></div> 1065 1066</div><!--end widget-span --> 1067</div><!--end row--> 1068</div><!--end row-wrapper --> 1069 1070 </div><!--end footer --> 1071</div><!--end footer wrapper --> 1072 1073
1074<script defer src="/hs/hsstatic/cms-free-branding-lib/static-1.2918/js/index.js"></script>
1074 1075<!-- HubSpot performance collection script -->
1076<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 1076
1076
1077<script src="https://depalma.io/hubfs/hub_generated/template_assets/1/3421047437/1741200700281/template_jquery-24.min.js"></script>
vendor: 1 bytes, line 1077
1077
1078<script src="https://depalma.io/hubfs/hub_generated/template_assets/1/159071426961/1741200700769/template_CompanyMain-24.min.js"></script>
vendor: 1 bytes, line 1078
1078
1079<script> 1080var hsVars = hsVars || {}; hsVars['language'] = 'en'; 1081</script>
1081 1082
1083<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 1083
1083
1084<script src="https://depalma.io/hubfs/hub_generated/module_assets/1/159248191863/1741241291956/module_Header-24.min.js"></script>
vendor: 1 bytes, line 1084
1084
1085<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
1085 1086 1087<!-- Start of HubSpot Analytics Code -->
1088<script type="text/javascript"> 1089var _hsq = _hsq || []; 1090_hsq.push(["setContentType", "listing-page"]); 1091_hsq.push(["setCanonicalUrl", "https:\/\/depalma.io\/blog"]); 1092_hsq.push(["setPageId", "179576213128"]); 1093_hsq.push(["setContentMetadata", { 1094 "contentPageId": 179576213128, 1095 "legacyPageId": "179576213128", 1096 "contentFolderId": null, 1097 "contentGroupId": 5916834676, 1098 "abTestId": null, 1099 "languageVariantId": 179576213128, 1100 "languageCode": "en", 1101 1102 1103}]); 1104</script>
1104 1105
1106<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/1546566.js"></script>
1106 1107<!-- End of HubSpot Analytics Code --> 1108 1109
1110<script type="text/javascript"> 1111var hsVars = { 1112 render_id: "d507618d-7bb3-4668-a06f-abb7b68fba05", 1113 ticks: 1786117267438, 1114 page_id: 179576213128, 1115 1116 content_group_id: 5916834676, 1117 portal_id: 1546566, 1118 app_hs_base_url: "https://app.hubspot.com", 1119 cp_hs_base_url: "https://cp.hubspot.com", 1120 language: "en", 1121 analytics_page_type: "listing-page", 1122 scp_content_type: "", 1123 1124 analytics_page_id: "179576213128", 1125 category_id: 7, 1126 folder_id: 0, 1127 is_hubspot_user: false 1128} 1129</script>
1129 1130 1131
1132<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
1132 1133 1134 1135<div id="fb-root"></div> 1136
1136<script>(function(d, s, id) { 1137 var js, fjs = d.getElementsByTagName(s)[0]; 1138 if (d.getElementById(id)) return; 1139 js = d.createElement(s); js.id = id; 1140 js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0"; 1141 fjs.parentNode.insertBefore(js, fjs); 1142 }(document, 'script', 'facebook-jssdk'));</script>
1142
1142<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
1142 1143 1144 1145 1146 1147 <!-- Generated by the HubSpot Template Builder - template version 1.03 --> 1148 1149</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.