PageSourceSearch

https://depalma.io/blog

html depalma.io collected 2026-10-08 12:27:00 UTC 61,847 bytes, 1,149 lines download raw bytes

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&amp;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&amp;name=Custom%20vs%20offthe%20shelf%20software.png 176w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=352&amp;name=Custom%20vs%20offthe%20shelf%20software.png 352w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=528&amp;name=Custom%20vs%20offthe%20shelf%20software.png 528w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=704&amp;name=Custom%20vs%20offthe%20shelf%20software.png 704w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=880&amp;name=Custom%20vs%20offthe%20shelf%20software.png 880w, https://depalma.io/hs-fs/hubfs/Custom%20vs%20offthe%20shelf%20software.png?width=1056&amp;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&amp;name=api-integration.jpg" loading="lazy" width="352" alt="api-integration" srcset="https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=176&amp;name=api-integration.jpg 176w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=352&amp;name=api-integration.jpg 352w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=528&amp;name=api-integration.jpg 528w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=704&amp;name=api-integration.jpg 704w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=880&amp;name=api-integration.jpg 880w, https://depalma.io/hs-fs/hubfs/api-integration.jpg?width=1056&amp;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&amp;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&amp;name=legacy%20system%20modernization.jpg 176w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=352&amp;name=legacy%20system%20modernization.jpg 352w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=528&amp;name=legacy%20system%20modernization.jpg 528w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=704&amp;name=legacy%20system%20modernization.jpg 704w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=880&amp;name=legacy%20system%20modernization.jpg 880w, https://depalma.io/hs-fs/hubfs/legacy%20system%20modernization.jpg?width=1056&amp;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&amp;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&amp;name=High-performing%20Software%20Team.jpg 176w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=352&amp;name=High-performing%20Software%20Team.jpg 352w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=528&amp;name=High-performing%20Software%20Team.jpg 528w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=704&amp;name=High-performing%20Software%20Team.jpg 704w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=880&amp;name=High-performing%20Software%20Team.jpg 880w, https://depalma.io/hs-fs/hubfs/High-performing%20Software%20Team.jpg?width=1056&amp;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&amp;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&amp;name=software-agency-1.png 176w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=352&amp;name=software-agency-1.png 352w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=528&amp;name=software-agency-1.png 528w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=704&amp;name=software-agency-1.png 704w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=880&amp;name=software-agency-1.png 880w, https://depalma.io/hs-fs/hubfs/software-agency-1.png?width=1056&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;name=AI%20UX%20Hero.jpg 176w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=352&amp;name=AI%20UX%20Hero.jpg 352w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=528&amp;name=AI%20UX%20Hero.jpg 528w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=704&amp;name=AI%20UX%20Hero.jpg 704w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=880&amp;name=AI%20UX%20Hero.jpg 880w, https://depalma.io/hs-fs/hubfs/AI%20UX%20Hero.jpg?width=1056&amp;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&amp;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&amp;name=Enterprise%20UX%20Design.jpg 176w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=352&amp;name=Enterprise%20UX%20Design.jpg 352w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=528&amp;name=Enterprise%20UX%20Design.jpg 528w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=704&amp;name=Enterprise%20UX%20Design.jpg 704w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=880&amp;name=Enterprise%20UX%20Design.jpg 880w, https://depalma.io/hs-fs/hubfs/Enterprise%20UX%20Design.jpg?width=1056&amp;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&amp;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&amp;name=Success%20with%20Custom%20Software.png 176w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=352&amp;name=Success%20with%20Custom%20Software.png 352w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=528&amp;name=Success%20with%20Custom%20Software.png 528w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=704&amp;name=Success%20with%20Custom%20Software.png 704w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=880&amp;name=Success%20with%20Custom%20Software.png 880w, https://depalma.io/hs-fs/hubfs/Success%20with%20Custom%20Software.png?width=1056&amp;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&amp;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&amp;name=ui-ux-design-services-Hero.png 176w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=352&amp;name=ui-ux-design-services-Hero.png 352w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=528&amp;name=ui-ux-design-services-Hero.png 528w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=704&amp;name=ui-ux-design-services-Hero.png 704w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=880&amp;name=ui-ux-design-services-Hero.png 880w, https://depalma.io/hs-fs/hubfs/ui-ux-design-services-Hero.png?width=1056&amp;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&amp;height=120&amp;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&amp;height=60&amp;name=L%20Module.png 115w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=230&amp;height=120&amp;name=L%20Module.png 230w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=345&amp;height=180&amp;name=L%20Module.png 345w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=460&amp;height=240&amp;name=L%20Module.png 460w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=575&amp;height=300&amp;name=L%20Module.png 575w, https://depalma.io/hs-fs/hubfs/2024/Images/L%20Module.png?width=690&amp;height=360&amp;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&amp;height=81&amp;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&amp;height=41&amp;name=DePalma%20Badge%20V3@3x%201.png 40w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=80&amp;height=81&amp;name=DePalma%20Badge%20V3@3x%201.png 80w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=120&amp;height=122&amp;name=DePalma%20Badge%20V3@3x%201.png 120w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=160&amp;height=162&amp;name=DePalma%20Badge%20V3@3x%201.png 160w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=200&amp;height=203&amp;name=DePalma%20Badge%20V3@3x%201.png 200w, https://depalma.io/hs-fs/hubfs/2024/Images/DePalma%20Badge%20V3@3x%201.png?width=240&amp;height=243&amp;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.