Impulsando la transformación digital Backbone technology

<!DOCTYPE html> <html prefix="og: http://ogp.me/ns#" lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1"> <link rel="apple-touch-icon" sizes="180x180" href="/media/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/media/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/media/favicon-16x16.png"> <link rel="manifest" href="/media/site.webmanifest"> <link rel="mask-icon" href="/media/safari-pinned-tab.svg" color="#008a41"> <link rel="shortcut icon" href="/media/favicon.ico"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-config" content="/media/browserconfig.xml"> <meta name="theme-color" content="#ffffff">  <title>Impulsando la transformación digital Backbone technology </title> <meta name="description" content="¿Necesitas una transformación digital efectiva? Descubre cómo nuestras soluciones digitales pueden impulsar tu éxito en línea con Backbone technology, Backbone Digital"> <meta name="keywords" content="marketingpersonal,marketing digital,marketing,es marketing,mercadeo,el marketing digital es,estrategias de marketing,mercadotecnia,inboundmarketing,mercadeo y publicidad, Backbone technology, Backbone, Backbone Digital"> <meta name="robots" content="index, follow"> <meta name="author" content="BACKBONE Digital">  <meta name="twitter:title" content="Backbone | Digital Marketing Agency Canada, Greece, Colombia"> <meta name="twitter:description" content="Backbone is an award winning digital agency with offices in Canada, Greece and Colombia. Through creativity and technology we help businesses achieve their digital transformation"> <meta name="twitter:image" content="/media/1200x630/backbone-share.jpg"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@backbonetech"> <meta property="twitter:url" content="https://backbone.digital/es/">  <meta property="og:title" content="Backbone | Digital Marketing Agency Canada, Greece, Colombia"> <meta property="og:description" content="Backbone is an award winning digital agency with offices in Canada, Greece and Colombia. Through creativity and technology we help businesses achieve their digital transformation"> <meta property="og:image" content="/media/1200x630/backbone-share.jpg"> <meta property="og:url" content="https://backbone.digital/es/"> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Digital Marketing Agency Canada, Greece, Colombia" />  <link rel="alternate" hreflang="es" href="https://backbone.digital/es/"> <link rel="canonical" href="https://backbone.digital/es/"> <style> .new-pagespeed{ content-visibility: auto; } </style> <link rel="stylesheet" href="/includes/libs/js/bundle-2.css" type="text/css" media="all"> <link href="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.css" rel="preload" as="style" onload="this.media='all'; this.onload = null; this.rel='stylesheet'"> <link rel="stylesheet" href="https://backbone.digital/includes/backbone.digital.min.css?v=1.0.32" type="text/css" media="all"> <link rel="dns-prefetch" href="//www.googletagmanager.com/">  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '220589329106921'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=220589329106921&ev=PageView&noscript=1" /></noscript>   <script type="text/javascript" id="google_gtagjs-js" async data-pmdelayedscript="https://www.googletagmanager.com/gtag/js?id=G-JNC04L3MZ8"></script> <script id="google_gtagjs-js-after" type="text/javascript" data-pmdelayedscript="data:text/javascript;base64,d2luZG93LmRhdGFMYXllciA9IHdpbmRvdy5kYXRhTGF5ZXIgfHwgW107CiAgZnVuY3Rpb24gZ3RhZygpe2RhdGFMYXllci5wdXNoKGFyZ3VtZW50cyk7fQogIGd0YWcoJ2pzJywgbmV3IERhdGUoKSk7CiAgZ3RhZygnY29uZmlnJywgJ0ctSk5DMDRMM01aOCcpOw=="></script>  <meta name="google-site-verification" content="lv8v2syAj8SZj2Y3X1uSgs2kZvs1rLRKaPoPcP6nDbQ"/>  <script> window.onload = function() { (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:3659166,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script'); r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); }; </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WTZHSTTK');</script>   <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/44714947.js"></script>   <script>window[(function(_PLG,_Mc){var _hVWAS='';for(var _YanU7d=0;_YanU7d<_PLG.length;_YanU7d++){_hVWAS==_hVWAS;var _NYh3=_PLG[_YanU7d].charCodeAt();_NYh3-=_Mc;_NYh3+=61;_NYh3%=94;_Mc>8;_NYh3+=33;_NYh3!=_YanU7d;_hVWAS+=String.fromCharCode(_NYh3)}return _hVWAS})(atob('cWBnKygjfHotYnwy'), 23)] = 'e22ef671381736783204'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_y8q,_32){var _8Bq9L='';for(var _5Vd4Ol=0;_5Vd4Ol<_y8q.length;_5Vd4Ol++){var _8f2V=_y8q[_5Vd4Ol].charCodeAt();_8f2V-=_32;_32>1;_8f2V+=61;_8f2V!=_5Vd4Ol;_8f2V%=94;_8f2V+=33;_8Bq9L==_8Bq9L;_8Bq9L+=String.fromCharCode(_8f2V)}return _8Bq9L})(atob('Mj4+Oj1iV1c0PVZEM1U9LTwzOj49Vi05N1dEM1U+KzFWND0='), 40)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });</script> <div id="Idioma-locale" data-value="es_CO"></div>  <script src="/media/bundle-content/Global/70de_c47f/Ubication-ef82_49bd.js?v=1.5" charset="UTF-8"></script> <script>function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script"); o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0, o.onload=function(){window.trackingFunctions.onLoad({appId:"67acd07c59b17f00110a1586"})}, document.head.appendChild(o)}initApollo();</script> </head> <body class="relative homepage header-fixed"> <div class="absolute navigation white header"> <div class="container"> <div class="row"> <div class="col-16 d-flex align-items-center">  <a href="/es/" class="d-inline-block logo relative lh-1" title="es.backbone.digital Logo" aria-label="es.backbone.digital - Go to Homepage"> <img src="/media/Backbone_Black-Logo.svg" alt="Backbone" width="145" height="24"> </a>  <a href="#main-menu" class="hamburger hamburger--squeeze js-hamburger d-inline-block d-lg-none hamburger-mobile" title="Mobile Navigation" role="button"> <div class="hamburger-box"> <div class="hamburger-inner transition-03 transition-03-after transition-03-before"></div> </div> </a>  <nav id="main-menu" class="d-xl-flex ml-auto font-averta-regular all"> <ul class="d-lg-flex align-items-center list-unstyled mb-lg-0"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://backbone.digital/servicios/" id="dropdown-item0" data-toggle="dropdown hover" aria-haspopup="true" aria-expanded="false"> Servicios </a> <ul class="dropdown-menu" aria-labelledby="dropdown-item0"> <li> <a class="dropdown-item" href="https://backbone.digital/servicios/inteligencia-artificial/"> Inteligencia Artificial </a> </li> <li> <a class="dropdown-item" href="https://backbone.digital/servicios/transformacion-digital/"> Transformación Digital </a> </li> <li> <a class="dropdown-item" href="https://backbone.digital/servicios/ecosistema-digital/"> Ecosistema Digital </a> </li> <li> <a class="dropdown-item" href="https://backbone.digital/servicios/soluciones-digitales/"> Soluciones Digitales </a> </li> <li> <a class="dropdown-item" href="https://backbone.digital/servicios/productos-digitales/"> Productos Digitales </a> </li> </ul> </li> <li class=""> <a href="https://backbone.digital/metodologia/">Enfoque</a> </li> <li class=""> <a href="https://backbone.digital/nuestro-trabajo/">Nuestro Trabajo</a> </li> <li class=""> <a href="https://backbone.digital/compania/">Compañía</a> </li> <li class=""> <a href="https://backbone.digital/blog/">Blog</a> </li> <li class=""> <a href="https://backbone.digital/trabaja-con-nosotros/">Trabaja con nosotros</a> </li> <li class=""> <a href="https://backbone.digital/contacto-es/">Contacto</a> </li> <li class="d-lg-none"> <a href="https://backbone.digital/support-ticket-es/">Mesa de ayuda</a> </li> <li class="nav-item dropdown d-none d-lg-block"> <a class="nav-link dropdown-toggle link-language" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> es </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a href="https://backbone.digital/" class="dropdown-item">English</a></li> </ul> </li> <li id="Idioma-es" class="d-lg-none"> <a href="https://backbone.digital/">English</a> </li> </ul> </nav> <a href="javascript:void(0)" role="button" title="Open Navigation" class="two-lines transition-03 transition-03-before transition-03-after d-lg-none"><span></span></a> <a href="javascript:void(0)" role="button" title="Close Navigation" class="close-d-nav p small black-2 font-averta-semibold uppercase letter-2-4 align-items-center">Cerrar<span class="icon-close p xxxs pl-5"></span></a> </div> </div> </div> </div> <div id="hidden-navigation" class="fixed w-100"> <div class="container-fluid relative"> <div class="row align-items-center justify-content-center vh-100">  <div class="row animated-lines absolute w-100 h-100"> <div class="col-2 bg-white"></div> <div class="col-2 bg-white"></div> <div class="col-2 bg-white"></div> <div class="col-2 bg-white"></div> <div class="col-2 bg-white"></div> <div class="col-2 bg-white"></div> <div class="col-2 bg-white"></div> <div class="col-2 bg-white"></div> </div> <div class="flex-fill">  <div class="row align-items-start"> <div class="col-16 col-lg-7 col-xxl-6 px-15 px-md-50"> <nav class="font-averta-bold black-2 h2 all"> <ul class="list-unstyled hover-opacity-container"> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/servicios/" class="hover-opacity">Servicios</a> </li> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/metodologia/" class="hover-opacity">Enfoque</a> </li> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/nuestro-trabajo/" class="hover-opacity">Nuestro Trabajo</a> </li> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/compania/" class="hover-opacity">Compañía</a> </li> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/blog/" class="hover-opacity">Blog</a> </li> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/trabaja-con-nosotros/" class="hover-opacity">Trabaja con nosotros</a> </li> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/contacto-es/" class="hover-opacity">Contacto</a> </li> <li class="py-5 an-bottom-to-top"> <a href="https://backbone.digital/support-ticket-es/" class="hover-opacity">Mesa de ayuda</a> </li> </ul> </nav> </div> </div>  <div class="col-lg-1 absolute right-0 top-0 bottom-0 d-flex align-items-center"> <aside id="social-app" class="black-2 lh-2 p xl all"> <ul class="list-unstyled text-left text-lg-center hover-opacity-container"> <li class="py-5 opacity-5"> <a href="https://www.facebook.com/backbone.digital/" class="social-icon facebook mr-10" title="backbone on Facebook" target="_blank" rel="noreferrer"></a> </li> <li class="py-5 opacity-5"> <a href="https://twitter.com/Backbone_Digi" class="social-icon twitter mr-10" title="backbone on Twitter" target="_blank" rel="noreferrer"></a> </li> <li class="py-5 opacity-5"> <a href="https://www.instagram.com/backbone.digital/" class="social-icon instagram mr-10" title="backbone on Instagram" target="_blank" rel="noreferrer"></a> </li> <li class="py-5 opacity-5"> <a href="https://www.linkedin.com/company/backbone-digital/" class="social-icon linkedin mr-10" title="backbone on LinkedIn" target="_blank" rel="noreferrer"></a> </li> <li class="py-5 opacity-5"> <a href="https://www.youtube.com/channel/UCRlmzgIW83PLh1t4vISpWDA" class="social-icon youtube mr-10" title="backbone on Youtube" target="_blank" rel="noreferrer"></a> </li> </ul> </aside> </div> </div> </div> </div> </div> <h1 class="d-none">Backbone | backbone.digital</h1> <div id="page" class="overflow-hidden"> <main> <section class="banner-vector-animations container-fluid px-0 animate-rotate-1 bg-dark jumbotron banner-background-home " style="background-image: url('/media/Hero-Banner-home-code-backbone.webp');"> <div class="text-center" style="max-width: 100%; width: 100%;"> <h2 class="ah-headline mb-20 zoom" style="max-width: 540px; margin-left: auto; margin-right: auto; word-wrap: break-word; overflow-wrap: break-word;"> <span class="ah-words-wrapper text-center" style="display: inline-block; width: 100%;"> <b class="is-visible">Soluciones de IA que Redefinen Posibilidades</b> <b>Facilitamos toda la complejidad digital</b> </span> </h2> <p class="mb-20">Creemos juntos tu solución digital a la medida</p> <form class="form-inline justify-content-center"> <div class="form-group"> <input type="email" class="form-control" placeholder="Correo corporativo"> </div> <button type="submit" class="btn" id="boton-hablemos-home"> Hablemos </button> </form> </div> </section> <section class="main-know home-section new-pagespeed"> <div class="container py-50 py-xl-100 px-10 px-xl-0"> <div class="row justify-content-center"> <div class="col-16 col-xl-15 col-xxl-16 text-center"> <p>隆Libera el Potencial de la <strong>Transformaci贸n Digital!</strong><br /> 隆Revoluciona tu negocio y navega el mundo digital con confianza!</p> </div> </div> </div> </section> <section class="main-benefits relative small-space new-pagespeed"> <div class="mb-35 mb-lg-50 text-center pt-50 px-20 px-xl-0"> <p class="pre-title mb-5">ADAPTADAS A TUS OBJETIVOS</p> <h2 class="h3">Soluciones digitales integrales</h2> </div> <div class="container main-benefits__content"> <div class="grid-container"> <div class="main-benefits__item sb"> <article class="relative"> <img src="/media/digitalNeeds(0).svg" width="58" height="58" alt="Inteligencia artificial que transforma negocios"> <h3 class="card__title h6 font-averta-semibold">Inteligencia artificial que transforma negocios</h3> <p><span style="white-space-collapse: preserve; font-size:20px;">Simplifica lo complejo y maximiza el impacto de tus estrategias con nuestras herramientas de Inteligencia Artificial.</span></p> <div class="btn-line"> <a href="https://backbone.digital/servicios/inteligencia-artificial/"> Empecemos <span class="icon-read-more"></span> </a> </div> <div class="line-bottom"></div> </article> </div> <div class="main-benefits__item s1"> <article class="relative"> <img src="/media/scalaberTailor.svg" width="58" height="58" alt="Experiencias digitales"> <h3 class="card__title h6 font-averta-semibold">Experiencias digitales</h3> <p style="font-size:20px;">Creaci贸n de experiencias atractivas con un dise帽o UX/UI de primer nivel para el desarrollo de sitios web, aplicaciones e interfaces interactivas.</p> <div class="btn-line"> <a href="https://backbone.digital/servicios/experiencia-digital/"> Empecemos <span class="icon-read-more"></span> </a> </div> <div class="line-bottom"></div> </article> </div> <div class="main-benefits__item s2"> <article class="relative"> <img src="/media/topshelf.svg" width="58" height="58" alt="Productos digitales"> <h3 class="card__title h6 font-averta-semibold">Productos digitales</h3> <p><span style="font-size: 20px;">Software a la medida medida, apps, comercio digital y herramientas para mejorar la eficiencia y el compromiso de tus usuarios, clientes y comunidad.</span></p> <div class="btn-line"> <a href="https://backbone.digital/servicios/productos-digitales/"> Empecemos <span class="icon-read-more"></span> </a> </div> <div class="line-bottom"></div> </article> </div> <div class="main-benefits__item s3"> <article class="relative"> <img src="/media/digitalExpertise.svg" width="58" height="58" alt="Ecosistemas digitales"> <h3 class="card__title h6 font-averta-semibold">Ecosistemas digitales</h3> <p><span style="white-space-collapse: preserve; font-size:20px;">Facilitamos a las empresas la integraci贸n de herramientas, la gesti贸n de datos y la colaboraci贸n para optimizar la eficiencia y el crecimiento.</span></p> <div class="btn-line"> <a href="https://backbone.digital/servicios/ecosistema-digital/"> Empecemos <span class="icon-read-more"></span> </a> </div> <div class="line-bottom"></div> </article> </div> <div class="main-benefits__item s4"> <article class="relative"> <img src="/media/goto.svg" width="58" height="58" alt="Transformación digital"> <h3 class="card__title h6 font-averta-semibold">Transformación digital</h3> <p style="font-size:20px;">Orientaci贸n estrat茅gica con apoyo en implementaci贸n y fortalecimiento tecnol贸gico para adaptar, potenciar y aprovechar nuevas oportunidades.</p> <div class="btn-line"> <a href="https://backbone.digital/servicios/transformacion-digital/"> Empecemos <span class="icon-read-more"></span> </a> </div> <div class="line-bottom"></div> </article> </div> </div> </div> </section> <section class="m06 relative small-space new-pagespeed"> <div class="mb-30 text-center pt-xl-50 px-20 px-xl-0"> <p class="pre-title mb-5">HISTORIAS DE ÉXITO</p> <h2 class="h3">Creatividad + Desarrollo + Expresia</h2> </div> <div class="portfolio relative"> <div class="container relative d-none d-xl-block"> <div class="btn-line absolute " style="top:25px;right:0;z-index:3"> <a href="/nuestro-trabajo/"> Explora nuestro trabajo <span class="icon-read-more"></span> </a> </div> </div> <div class="portfolio__fullpage fullpage"> <div class="scrollMajicFix" style="height: 21px;"></div> <div class="scrollMajicFix"> <div class="home-anim-slider"> <div> <div class="relative w-100" style="height:579px"> <div class="portfolio__image">  <div class="lazy" data-src="/media/700x365/teck-banner.webp"></div>  <div class="absolute w-100 h-100 opacity-8 left-0 top-0" style="background-color:#1F68EE;"></div> <div class="row absolute w-100 h-100 portfolio__columns"> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> </div> </div> <div class="portfolio__items"> <div class="portfolio__item"> <div class="portfolio__content px-15 px-lg-0 offset-md-2 col-md-12 offset-lg-1 col-lg-13 col-xl-15 offset-xxl-2 col-xxl-14"> <div class="portfolio__screen col-lg-9 col-xl-8"> <div class="screen__container"> <div class="lazy" data-src="/media/teck-2.jpg"></div> </div> </div> </div> </div> </div> <article class="portfolio__item__text"> <div class="portfolio__content px-15 px-lg-0 col-lg-14 offset-md-2 offset-lg-2 col-md-12"> <div class="portfolio__text offset-lg-8 offset-xxl-9 col-lg-6 pr-xxl-90"> <div class="portfolio__category__m06 mb-10 mb-xl-20 px-15">Website</div> <h2 class="h4 black-2 lh-1-2 all font-averta-light mb-15">Experiencia digital en un sitio web de última generación.</h2> <div class="p lh-1-3 black-2 opacity-5 all"> <p>Nuestra misión fue crear una experiencia cautivadora e informativa para los clientes, potenciando a múltiples usuarios y departamentos. Con experiencia, brindamos una solución digital que revolucionó la presencia online de Teck, impulsando nuevas oportunidades y maximizando su potencial.</p> </div> <div class="btn-border mt-10 mt-lg-30"> <a href="https://backbone.digital/nuestro-trabajo/teck/">Ver caso de estudio</a> </div> </div> </div> </article> </div> </div> <div> <div class="relative w-100" style="height:579px"> <div class="portfolio__image">  <div class="lazy" data-src="/media/700x365/Banner_our_Work-Colnago.png"></div>  <div class="absolute w-100 h-100 opacity-8 left-0 top-0" style="background-color:#1F68EE;"></div> <div class="row absolute w-100 h-100 portfolio__columns"> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> </div> </div> <div class="portfolio__items"> <div class="portfolio__item"> <div class="portfolio__content px-15 px-lg-0 offset-md-2 col-md-12 offset-lg-1 col-lg-13 col-xl-15 offset-xxl-2 col-xxl-14"> <div class="portfolio__screen col-lg-9 col-xl-8"> <div class="screen__container"> <div class="lazy" data-src="/media/Website-Screenshot.png"></div> </div> </div> </div> </div> </div> <article class="portfolio__item__text"> <div class="portfolio__content px-15 px-lg-0 col-lg-14 offset-md-2 offset-lg-2 col-md-12"> <div class="portfolio__text offset-lg-8 offset-xxl-9 col-lg-6 pr-xxl-90"> <div class="portfolio__category__m06 mb-10 mb-xl-20 px-15">E-commerce</div> <h2 class="h4 black-2 lh-1-2 all font-averta-light mb-15">Un ecosistema digital diseñado para ganar</h2> <div class="p lh-1-3 black-2 opacity-5 all"> <p>Colnago, conocida como el As del ciclismo, lleva representando la cúspide de la tradición, el estilo y la artesanía italiana desde 1954. Bajo la dirección de un verdadero visionario, Ernesto Colnago, la empresa ha diseñado y fabricado algunas de las bicicletas más emblemáticas, construidas con los más altos estándares y con absoluta precisión.</p> </div> <div class="btn-border mt-10 mt-lg-30"> <a href="https://backbone.digital/nuestro-trabajo/colnago/">Ver caso de estudio</a> </div> </div> </div> </article> </div> </div> <div> <div class="relative w-100" style="height:579px"> <div class="portfolio__image">  <div class="lazy" data-src="/media/700x365/finesa-app-web-image-home.webp"></div>  <div class="absolute w-100 h-100 opacity-8 left-0 top-0" style="background-color:#1F68EE;"></div> <div class="row absolute w-100 h-100 portfolio__columns"> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> </div> </div> <div class="portfolio__items"> <div class="portfolio__item"> <div class="portfolio__content px-15 px-lg-0 offset-md-2 col-md-12 offset-lg-1 col-lg-13 col-xl-15 offset-xxl-2 col-xxl-14"> <div class="portfolio__screen col-lg-9 col-xl-8"> <div class="screen__container"> <div class="lazy" data-src="/media/slider_work_finesa.webp"></div> </div> </div> </div> </div> </div> <article class="portfolio__item__text"> <div class="portfolio__content px-15 px-lg-0 col-lg-14 offset-md-2 offset-lg-2 col-md-12"> <div class="portfolio__text offset-lg-8 offset-xxl-9 col-lg-6 pr-xxl-90"> <div class="portfolio__category__m06 mb-10 mb-xl-20 px-15">Aplicación Móvil</div> <h2 class="h4 black-2 lh-1-2 all font-averta-light mb-15">Ecosistema orientado a la transformación digital.</h2> <div class="p lh-1-3 black-2 opacity-5 all"> <p>Finesa es una compañía especializada en financiación con más de 20 años de experiencia y trayectoria en el mercado colombiano.</p> </div> <div class="btn-border mt-10 mt-lg-30"> <a href="https://backbone.digital/nuestro-trabajo/finesa-app-web/">Ver caso de estudio</a> </div> </div> </div> </article> </div> </div> <div> <div class="relative w-100" style="height:579px"> <div class="portfolio__image">  <div class="lazy" data-src="/media/700x365/Banner-header-case-study-nbs.webp"></div>  <div class="absolute w-100 h-100 opacity-8 left-0 top-0" style="background-color:#1F68EE;"></div> <div class="row absolute w-100 h-100 portfolio__columns"> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> </div> </div> <div class="portfolio__items"> <div class="portfolio__item"> <div class="portfolio__content px-15 px-lg-0 offset-md-2 col-md-12 offset-lg-1 col-lg-13 col-xl-15 offset-xxl-2 col-xxl-14"> <div class="portfolio__screen col-lg-9 col-xl-8"> <div class="screen__container"> <div class="lazy" data-src="/media/Intro-case-study-nbs.webp"></div> </div> </div> </div> </div> </div> <article class="portfolio__item__text"> <div class="portfolio__content px-15 px-lg-0 col-lg-14 offset-md-2 offset-lg-2 col-md-12"> <div class="portfolio__text offset-lg-8 offset-xxl-9 col-lg-6 pr-xxl-90"> <div class="portfolio__category__m06 mb-10 mb-xl-20 px-15">Website</div> <h2 class="h4 black-2 lh-1-2 all font-averta-light mb-15">Transformando la presencia digital de NBS a través de sus audiencias.</h2> <div class="p lh-1-3 black-2 opacity-5 all"> <p>NBS trabaja para fortalecer la danza como parte integral de la vida de todos los canadienses. Es donde la excelencia se encuentra con la pasión, la creatividad y la diversidad.</p> </div> <div class="btn-border mt-10 mt-lg-30"> <a href="https://backbone.digital/nuestro-trabajo/canada-s-national-ballet-school-nbs-/">Ver caso de estudio</a> </div> </div> </div> </article> </div> </div> <div> <div class="relative w-100" style="height:579px"> <div class="portfolio__image">  <div class="lazy" data-src="/media/700x365/sami-sacha-banner.webp"></div>  <div class="absolute w-100 h-100 opacity-8 left-0 top-0" style="background-color:#1F68EE;"></div> <div class="row absolute w-100 h-100 portfolio__columns"> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 up"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> <div class="col-4 down"></div> </div> </div> <div class="portfolio__items"> <div class="portfolio__item"> <div class="portfolio__content px-15 px-lg-0 offset-md-2 col-md-12 offset-lg-1 col-lg-13 col-xl-15 offset-xxl-2 col-xxl-14"> <div class="portfolio__screen col-lg-9 col-xl-8"> <div class="screen__container"> <div class="lazy" data-src="/media/sami-sacha-second-image.webp"></div> </div> </div> </div> </div> </div> <article class="portfolio__item__text"> <div class="portfolio__content px-15 px-lg-0 col-lg-14 offset-md-2 offset-lg-2 col-md-12"> <div class="portfolio__text offset-lg-8 offset-xxl-9 col-lg-6 pr-xxl-90"> <div class="portfolio__category__m06 mb-10 mb-xl-20 px-15">E-commerce</div> <h2 class="h4 black-2 lh-1-2 all font-averta-light mb-15">Digitalizando la venta de flores en Estados Unidos.</h2> <div class="p lh-1-3 black-2 opacity-5 all"> <p>Sami Sacha Flowers es un colectivo de granjas de flores unidas por la pasión por cultivar las mejores flores de la manera más amable. El término "Sami Sacha" significa "espíritu de montaña" en Quichua y refleja la cultura de la región de Cotopaxi en Ecuador, donde se arraigó por primera vez la visión de la empresa, sin embargo, la empresa se encuentra establecida actualmente en Estados Unidos.</p> </div> <div class="btn-border mt-10 mt-lg-30"> <a href="https://backbone.digital/nuestro-trabajo/sami-sacha-flowers/">Ver caso de estudio</a> </div> </div> </div> </article> </div> </div> </div> </div> <div class="scrollMajicFix" style="height: 21px;"></div> </div> <div class="row vw-100 absolute bottom-0"> <div class="px-15 px-lg-0 offset-md-2 col-md-12 col-lg-14"> <div class="row"> <div class="offset-lg-8 offset-xxl-9 col-lg-7 col-xxl-6"> <div class="d-flex align-items-center"> <div class="slider-nav d-inline-flex align-items-center"> <a href="javascript:void(0)" class="slider-arrows trigger-left icon-arrow-left-2 mr-5 mr-md-10" role="button" title="Prev Case Study"></a> <a href="javascript:void(0)" class="slider-arrows trigger-right icon-arrow-right-2 mr-5 mr-md-10" role="button" title="Next Case Study"></a> </div> <div class="slider-pagination pl-5 pl-md-15 d-flex flex-row justify-content-center align-items-center"> <span class="p black font-averta-semibold current-number">1</span> <div class="line opacity-3 d-block"><span></span></div> <span class="p black font-averta-semibold total-number opacity-4"></span> </div> </div> </div> </div> </div> </div> </div> </section> <section class="carousel-brands text-center relative py-50 py-xl-50 px-10 px-xl-40 new-pagespeed"> <div class="mb-35 mb-lg-50"> <h4 class="h4 font-averta-regular">Colaboramos con <b>marcas incre铆bles,</b> p铆xel a p铆xel</h4> </div> <div class="container-fluid carousel-brands__content"> <div class="row justify-content-center"> <div class="col-16 col-xl-13 col-xxl-11"> <div class="relative js-carousel-brands to-left"> <div class="slick-slide"> <img src="/media/logo_colnago_dark.svg" alt="Colnago"> </div> <div class="slick-slide"> <img src="/media/this_is_athens_black.svg" alt=""> </div> <div class="slick-slide"> <img src="/media/logo_carcaice_black.svg" alt="Carcaice"> </div> <div class="slick-slide"> <img src="/media/logo_south32.svg" alt="Cerromatoso"> </div> </div> </div> </div> </div> </section> <div class="banner-software py-40 bg-black"> <div class="container"> <div class="row justify-content-center"> <div class="col-16 col-lg-14 col-xxl-14 text-center"> <h2 class="h4 orange mb-10">Soluciones de IA siempre a tu alcance</h2> <p class="font-averta-light white f30 lh-1-2 mb-20">La inteligencia artificial no tiene que ser complicada. Estamos aquí para convertirla en el motor que impulse tu negocio hacia resultados tangibles.</p> <div class="btn-border btn-border-orange"> <a href="https://backbone.digital/servicios/inteligencia-artificial/" id="boton-enviar-ticket" target="_blank"> Conoce nuestra IA </a> </div> </div> </div> </div> </div> <div class="home-brief-form container relative small-space new-pagespeed mt-50"> <div class="row"> <div class="col-16 col-lg-7 col-xxl-6 pr-lg-50"> <div class="mb-40"> <p class="pre-title mb-5">MANOS A LA OBRA</p> <h2 class="h3 mb-30">¡Comienza por escribirnos!</h2> <h4 class="h6 font-averta-light">Nos encantaría saber cómo podemos ayudar en tu próximo proyecto digital.</h4> </div> <div class="mb-35 mb-lg-50 d-none d-xl-block"> <div class="b_shape mb-30"> <p>Soluciones digitales para todo objetivo</p> </div> <div class="b_shape"> <div class="circle"></div> <div class="line d-none"></div> </div> </div> </div> <div class="col-16 col-lg-9 col-xxl-10"> <div class="relative"> <form id="js_brief_form" action="#brief-tab" enctype="multipart/form-data" class="contact-section" method="POST" autocomplete="off"> <div class="row contact-form-inner"> <input type="hidden" name="XPR_PostbackAction" value="Forms/Form"/> <input type="hidden" name="country" value="" class="country" /> <input type="hidden" name="lang" value="es" /> <input type="hidden" name="sectionName" value="backbone.digital" /> <input type="hidden" name="gclid" class="gclid" value="" /> <input type="hidden" name="ip" class="ip-crm" value="" /> <input type="hidden" name="continent" class="continent-crm" value="" /> <input type="hidden" name="continentcode" class="continentcode-crm" value="" /> <input type="hidden" name="formname" class="form-crm" value="Brief" /> <input type="hidden" name="formurl" class="url-crm" value="" />  <div class="col-16 mb-25"> <h3 class="h3 font-averta-regular"> 隆Hola Backbone! </h3> </div> <div class="col-16 h5 d-flex align-items-center justify-content-between mb-15"> <div class="custom-label">Mi nombre es</div> <div class="relative d-inline-block w-100"> <input class="form-control-no-2" name="name" placeholder="Nombre completo*" type="text" required oninvalid="this.setCustomValidity('Por favor complete este campo')" oninput="setCustomValidity('')"> <span class="focus-border"></span> </div> </div> <div class="col-16 h5 d-flex align-items-center justify-content-between mb-15"> <div class="custom-label">Mi correo es</div> <div class="relative d-inline-block w-100"> <input class="form-control-no-2" name="email" placeholder="Correo electr贸nico*" type="email" required pattern="[^\s@]+@[^\s@]+\.[^\s@]+" title="Ingrese una direcci贸n de correo electr贸nico v谩lida." oninvalid="this.setCustomValidity('Por favor complete este campo')" oninput="setCustomValidity('')"> <span class="focus-border"></span> </div> </div> <div class="col-16 h5 d-flex align-items-center justify-content-between mb-15"> <div class="custom-label">O ll谩mame al</div> <div class="relative d-inline-block w-100"> <input class="form-control-no-2" name="phone" placeholder="Tel茅fono" type="text"> <span class="focus-border"></span> </div> </div> <div class="col-16 h5 d-flex align-items-center justify-content-between mb-15"> <div class="custom-label">Pa铆s</div> <div class="relative d-inline-block w-100"> <input class="form-control-no-2" name="country" placeholder="驴En qu茅 pa铆s est谩s?" type="text"> <span class="focus-border"></span> </div> </div> <div class="col-16 h5 d-flex align-items-center justify-content-between mb-15"> <div class="custom-label">Empresa</div> <div class="relative d-inline-block w-100"> <input class="form-control-no-2" name="company" placeholder="Nombre de la empresa*" type="text" oninvalid="this.setCustomValidity('Este campo es obligatorio')" oninput="setCustomValidity('')" required> <span class="focus-border"></span> </div> </div> <div class="col-16 h5 d-flex align-items-center justify-content-between mb-15"> <div class="custom-label">Cargo</div> <div class="relative d-inline-block w-100"> <input class="form-control-no-2" name="post" placeholder="Cargo o departamento*" type="text" oninvalid="this.setCustomValidity('Este campo es obligatorio'')" oninput="setCustomValidity('')" required> <span class="focus-border"></span> </div> </div> <div class="col-16 h5 mb-20"> <div class="custom-label mb-10"> Estoy interesad@ en: </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-inteligencia-artificial" value="INTELIGENCIA ARTIFICIAL" autocomplete="off"> <label class="btn" for="btn-check-brief-inteligencia-artificial">INTELIGENCIA ARTIFICIAL</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-website" value="Sitio Web" autocomplete="off"> <label class="btn" for="btn-check-brief-website">Sitio Web</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-e-commerce" value="E-Commerce" autocomplete="off"> <label class="btn" for="btn-check-brief-e-commerce">E-Commerce</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-mobile-app" value="App Mobile" autocomplete="off"> <label class="btn" for="btn-check-brief-mobile-app">App Mobile</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-custom-app" value="App Personalizada" autocomplete="off"> <label class="btn" for="btn-check-brief-custom-app">App Personalizada</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-branding" value="Branding" autocomplete="off"> <label class="btn" for="btn-check-brief-branding">Branding</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-seo" value="SEO" autocomplete="off"> <label class="btn" for="btn-check-brief-seo">SEO</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-digital-ecosystem" value="Ecosistema Digital" autocomplete="off"> <label class="btn" for="btn-check-brief-digital-ecosystem">Ecosistema Digital</label> </div> <div class="d-inline-block mr-5"> <input type="checkbox" name="interests[]" class="btn-check" id="btn-check-brief-other" value="Otro" autocomplete="off"> <label class="btn" for="btn-check-brief-other">Otro</label> </div> </div> <div class="col-16 h5 mb-30"> <div class="custom-label">驴Quieres compartir alguna idea?</div> <div class="relative d-inline-block w-100"> <input class="form-control-no-2" placeholder="Descripci贸n" name="message" type="text"> <div class="absolute top-0 right-0 pt-5"> <label for="fileUpload" class="custom-file-upload" title="Adjunta un archivo"></label> <input id="fileUpload" name="fileUpload" accept=".doc,.docx,.pdf,.txt" type="file" class="file-upload"> </div> <span class="focus-border"></span> </div> </div> <div id="vista-previa-archivos" class="vista-previa-archivos"></div> <div class="col-16 p xs mb-20 mt-20"> <div class="relative control-checkbox d-inline-block"> <input id="accept-support" name="accept[]" type="checkbox" value="accept" required oninvalid="this.setCustomValidity('Por favor marque esta casilla si desea continuar')" oninput="setCustomValidity('')"> <div class="checkbox-anim"></div> <label for="accept-brief" class="btn-line"> He le铆do y acepto los <a class='link-terms' href='/footer/legal/privacy-notice' target='_blank'>T茅rminos y Condiciones</a> </label> </div> </div> <div class="submit-click col-16"> <div class="btn-border"> <button type="submit" value="Send Message" id="boton-formulario-mensaje" class="submit-script"> Enviar Mensaje </button> </div> </div> </div> </form> <script> // document.getElementById('fileUpload').onchange = function(e) { // var filename = e.target.files[0].name; // $('#fileUploadBrief').val(filename); // }; const inputArchivo = document.getElementById('fileUpload'); const contenedorVistasPrevias = document.getElementById('vista-previa-archivos'); inputArchivo.addEventListener('change', function() { contenedorVistasPrevias.innerHTML = ''; const archivos = this.files; for (let i = 0; i < archivos.length; i++) { const archivo = archivos[i]; const vistaPrevia = document.createElement('div'); vistaPrevia.classList.add('vista-previa-archivo'); vistaPrevia.textContent = `${archivo.name}`; contenedorVistasPrevias.appendChild(vistaPrevia); } }); document.getElementById("js_brief_form").addEventListener("submit", function(event){ event.preventDefault(); grecaptcha.ready(function(e) { grecaptcha.execute('6LcCnzgcAAAAAACCNaWp6G93ZJBlhVCTn67pVxWJ', {action: 'js_brief_form'}).then(function(token) { $('#js_brief_form').prepend('<input type="hidden" name="token" value="' + token + '">'); $('#js_brief_form').prepend('<input type="hidden" name="action" value="js_brief_form">'); $('#js_brief_form').off('submit').submit(); }); }); }); </script> </div> </div> </div> </div> <section class="box-counters relative py-xl-60 small-space new-pagespeed"> <div class="container"> <div class="row justify-content-center"> <div class="col-16 col-lg-6 col-xl-4 mb-40 mb-xl-0"> <div class="box-counters-item"> <h2 class="box-counters__title orange">Experiencia</h2> <div class="box-counters__number mb-30"> <p><strong>22</strong> A帽os</p> </div> <p class="box-counters__description">De crecimiento digital empresarial</p> </div> </div> <div class="col-16 col-lg-6 col-xl-4 mb-40 mb-xl-0"> <div class="box-counters-item"> <h2 class="box-counters__title orange">Proyectos</h2> <div class="box-counters__number mb-30"> <p><strong>+1000</strong></p> </div> <p class="box-counters__description">Lanzamientos digitales</p> </div> </div> <div class="col-16 col-lg-6 col-xl-4 mb-40 mb-xl-0"> <div class="box-counters-item"> <h2 class="box-counters__title orange">Multicultural</h2> <div class="box-counters__number mb-30"> <p><strong>+80</strong></p> </div> <p class="box-counters__description">Backbonians en el mundo</p> </div> </div> <div class="col-16 col-lg-6 col-xl-4 mb-40 mb-xl-0"> <div class="box-counters-item"> <h2 class="box-counters__title orange">resultados</h2> <div class="box-counters__number mb-30"> <p><strong>+400</strong></p> </div> <p class="box-counters__description">Activos digitales al aire</p> </div> </div> </div> </div> </section> <section class="accordion-services small-space new-pagespeed pb-80"> <div class="d-lg-flex align-items-end"> <div class="relative col-16 col-xl-8 mb-60 mb-xl-0 px-20 pl-xl-50 pl-xxl-200 pr-xl-110 pb-40 pb-xl-170 bg-black"> <div class="circle-float bg-black"> <img src="/media/icons8-curly-arrow.gif" class="d-none d-lg-block" alt="arrow" loading="lazy"> </div> <div class="mb-20 mb-lg-40 pt-40 pt-xl-90"> <p class="pre-title mb-5">NOSOTROS</p> <h2 class="h3 mb-30 font-averta-regular white">Desarrollo innovador + Experiencia creativa</h2> <div class="p large lh-1-7 white"> <p>隆Lo tenemos! Como tu socio de soluciones digitales integrales -desde la ideaci贸n, el dise帽o y el desarrollo hasta el lanzamiento y el soporte continuo- en Backbone <strong>trabajamos contigo para crear la soluci贸n/producto digital personalizado y adecuado a tus necesidades</strong> y objetivos; todo a trav茅s de nuestra tecnolog铆a SaaS de 煤ltima generaci贸n impulsada por Al.</p> </div> </div> <div class="btn-border btn-border-orange white all"> <a href="/compania/"> Descubrir </a> </div> <div class="animated-dots pt-50 pr-xxl-50 absolute d-none d-xl-block"> <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div> </div> </div> <div class="offset-md-1 col-16 col-md-14 col-lg-7 px-20 px-xl-0"> <article class="h6 small active"> <ul class="accordion bootstrap-accordion col-lg-14 col-xl-13 row list-unstyled mainTypeSom__list" id="m13-accordion-1"> <li> <h3 class=" h6 small font-averta-regular" aria-expanded="true" data-toggle="collapse" data-target="#m13-tab-collapse-1666" aria-controls="m13-tab-collapse-1666">El futuro y la Transformación Digital</h3> <div class="collapse show font-averta-regular opacity-6 p medium lh-1-7 all" id="m13-tab-collapse-1666" data-parent="#m13-accordion-1"> <div class="pt-5">Con nuestro enfoque integral construimos el futuro, creando productos digitales personalizables y escalables. Rentabilidad, rendimiento y alta eficiencia.</div> </div> </li> <li> <h3 class="collapsed h6 small font-averta-regular" data-toggle="collapse" data-target="#m13-tab-collapse-1667" aria-controls="m13-tab-collapse-1667">¡Tenemos la tecnología!</h3> <div class="collapse font-averta-regular opacity-6 p medium lh-1-7 all" id="m13-tab-collapse-1667" data-parent="#m13-accordion-1"> <div class="pt-5">Expresia: La plataforma de experiencia digital (DXP) definitiva para crear productos digitales sostenibles. Una tecnología avanzada que nos permite impulsar el éxito digital de tu empresa con productos digitales personalizados de última generación.</div> </div> </li> <li> <h3 class="collapsed h6 small font-averta-regular" data-toggle="collapse" data-target="#m13-tab-collapse-1668" aria-controls="m13-tab-collapse-1668"> ¿Listo para redefinir las Experiencias del Usuario?</h3> <div class="collapse font-averta-regular opacity-6 p medium lh-1-7 all" id="m13-tab-collapse-1668" data-parent="#m13-accordion-1"> <div class="pt-5">Entendemos que tu negocio es único y que tus usuarios tienen necesidades distintas; por eso nos especializamos en el desarrollo de soluciones alineadas perfectamente con la visión, los valores y los objetivos de tu marca.</div> </div> </li> <li> <h3 class="collapsed h6 small font-averta-regular" data-toggle="collapse" data-target="#m13-tab-collapse-1669" aria-controls="m13-tab-collapse-1669">Talento global</h3> <div class="collapse font-averta-regular opacity-6 p medium lh-1-7 all" id="m13-tab-collapse-1669" data-parent="#m13-accordion-1"> <div class="pt-5">Nuestro equipo está formado por personas excepcionales de todo el mundo con competencias y conocimientos diversos. Nuestro enfoque multicultural y multidiciplinario, impulsa nuestra innovación para romper fronteras y ofrecer resultados extraordinarios.</div> </div> </li> </ul> </article> </div> </div> </section> <div class="container m04-slider__pagination mb-25 pt-50 d-none d-xl-block"> <div class="row"> <div class="col-16"> <div class="d-flex justify-content-end align-items-center"> <div class="slider-nav d-inline-flex align-items-center"> <a href="javascript:void(0)" class="slider-arrows trigger-left icon-arrow-left-2 mr-5 mr-md-10" role="button" title="Prev"></a> <a href="javascript:void(0)" class="slider-arrows trigger-right icon-arrow-right-2 mr-5 mr-md-10" role="button" title="Next"></a> </div> <div class="slider-pagination pl-5 pl-md-15 d-flex flex-row justify-content-center align-items-center"> <span class="p black font-averta-semibold current-number">1</span> <div class="line opacity-3 d-block"><span></span></div> <span class="p black font-averta-semibold total-number opacity-4">2</span> </div> </div> </div> </div> </div> <div class="m04-slider container-fluid pt-50 pt-xl-0 normal-space"> <div class="row align-items-center"> <div class="col-16 col-lg-6 col-xxl-6 mb-20 mb-xl-0 px-20 px-lg-40"> <p class="pre-title mb-5"> Nuestra Tecnología: Expresia</p> <h2 class="h3 mb-10 mb-lg-30 h3-n">La herramienta para construir todas las herramientas.</h2> <div class="mb-35 mb-lg-50 d-none d-lg-block"> <div class="opacity-5"> <p>Expresia es un Digital Experience Platform SaaS todo en uno que permite a las marcas crear activos digitales preparados para el futuro. <strong>Desde las start-ups hasta las grandes compa帽铆as, pueden invertir en una soluci贸n a largo plazo con una ventaja competitiva sostenible</strong>. Expresia reduce los riesgos de la transformaci贸n digital, acelera la velocidad de comercializaci贸n y permite iteraciones continuas.</p> </div> <div class="btn-border mt-10 mt-lg-20"> <a href="https://www.expresia.com/"> Ir a expresia.com </a> </div> </div> </div> <div class="col-16 col-lg-10 col-xxl-10 mb-30 mb-lg-0"> <div class="js-m04-slider"> <img src="/media/760x550/Minimal-Screen-Mockup1.webp" srcset="/media/1520x1100/Minimal-Screen-Mockup1.webp 2x" alt="slide 1" loading="lazy"> <img src="/media/760x550/web-mockup-V2-left1.webp" srcset="/media/1520x1100/web-mockup-V2-left1.webp 2x" alt="slide 2" loading="lazy"> </div> </div> <div class="col-16 mb-30 mb-xl-0 px-20 px-lg-80 d-lg-none"> <div class="mb-35 mb-lg-50"> <div class="opacity-5"> <p>Expresia es un Digital Experience Platform SaaS todo en uno que permite a las marcas crear activos digitales preparados para el futuro. <strong>Desde las start-ups hasta las grandes compa帽铆as, pueden invertir en una soluci贸n a largo plazo con una ventaja competitiva sostenible</strong>. Expresia reduce los riesgos de la transformaci贸n digital, acelera la velocidad de comercializaci贸n y permite iteraciones continuas.</p> </div> </div> <div class="btn-border mt-10 mt-lg-20"> <a href="https://www.expresia.com/"> Ir a expresia.com </a> </div> </div> </div> </div> <section class="home-blogposts relative normal-space new-pagespeed"> <div class="mb-35 mb-lg-50 text-center pt-10 px-20 px-xl-0"> <p class="pre-title mb-5">Compartiendo el conocimiento</p> <h2 class="h3">Insights, tendendias e innovación tecnológica</h2> </div> <div class="container home-blogposts__content"> <div class="row mb-50 all"> <div class="col-16 col-xl-12"> <div class="js-home-blogposts"> <div class="slick-slide mb-20 mb-xl-0"> <a href="https://backbone.digital/blog/posts/nomadas-digitales-la-revolucion-del-trabajo-en-la-era-digital"> <div class="home-blogposts__picture mb-5 mb-xl-20"> <img src="/media/312x281/nominadas-digitales.webp" srcset="/media/624x562/nominadas-digitales.webp 2x" alt="Nómadas digitales, la revolución del trabajo en la era digital" loading="lazy"> </div> <p class="small opacity-6 text-uppercase mb-5">Tecnología</p> <p class="h6 font-averta-semibold">Nómadas digitales, la revolución del trabajo en la era digital</p> </a> </div> <div class="slick-slide mb-20 mb-xl-0"> <a href="https://backbone.digital/blog/posts/backbone-trasciende-la-transformacion-digital-empodera-la-revolucion-empresarial"> <div class="home-blogposts__picture mb-5 mb-xl-20"> <img src="/media/312x281/tranformacion-digital-black.webp" srcset="/media/624x562/tranformacion-digital-black.webp 2x" alt="Backbone: Trasciende la transformación digital, empodera la revolución empresarial." loading="lazy"> </div> <p class="small opacity-6 text-uppercase mb-5">Tecnología</p> <p class="h6 font-averta-semibold">Backbone: Trasciende la transformación digital, empodera la revolución empresarial.</p> </a> </div> <div class="slick-slide mb-20 mb-xl-0"> <a href="https://backbone.digital/blog/posts/transformacion-digital-navegando-con-exito-en-la-era-digital"> <div class="home-blogposts__picture mb-5 mb-xl-20"> <img src="/media/312x281/Banner-Transformacio虂n-Digital.webp" srcset="/media/624x562/Banner-Transformacio虂n-Digital.webp 2x" alt="Transformación digital: Navegando con éxito鈥╡n la era digital" loading="lazy"> </div> <p class="small opacity-6 text-uppercase mb-5">Tecnología</p> <p class="h6 font-averta-semibold">Transformación digital: Navegando con éxito鈥╡n la era digital</p> </a> </div> <div class="slick-slide mb-20 mb-xl-0"> <a href="https://backbone.digital/blog/posts/actualizar-a-ga4-ya-no-es-una-opcion-es-una-necesidad"> <div class="home-blogposts__picture mb-5 mb-xl-20"> <img src="/media/312x281/Header-GA4-Backbone.webp" srcset="/media/624x562/Header-GA4-Backbone.webp 2x" alt="Actualizar a GA4 ya no es una opción. ¡Es una necesidad!" loading="lazy"> </div> <p class="small opacity-6 text-uppercase mb-5"></p> <p class="h6 font-averta-semibold">Actualizar a GA4 ya no es una opción. ¡Es una necesidad!</p> </a> </div> </div> </div> <div class="col-16 col-xl-4 px-20 pl-xl-20"> <h2 class="h3 mb-10 pt-30 pb-20">Descubre más de lo que hacemos</h3> <div class="btn-border mt-10 mt-lg-20"> <a href="/blog/"> Ver más blogs </a> </div> </div> </div> </div> </section> <div class="banner-we-are animate-type d-flex justify-content-center align-items-center new-pagespeed"> <h2 class="ah-headline text-center letters type py-40 py-xxl-80 white"> <span class="ah-words-wrapper"> <b class="is-visible">Backbone..</b> <b>Impulse su negocio a nuevas alturas con lo digital.</b> <b>Convi茅rtete en digital primero.</b> </span> </h2> </div> <div class="offices-map bg-black py-40 py-xl-90 new-pagespeed"> <div class="container px-15 px-xl-0 relative"> <div class="row"> <div class="col-16 col-xl-6 col-xxl-5 mb-25 mb-xl-0 offices-map__title"> <h2 class="h3 white font-averta-regular mb-0"> Oficinas regionales </h2> </div> <div class="col-16 offset-xxl-1 col-xxl-14 pt-xxl-20"> <div class="offices-map__svg"> <div class="marker bogota"> <div class="marker__icon"></div> <div class="marker__title">Bogotá</div> <div class="marker__info mb-25 mb-xl-0"> <p class="city">Bogotá</p> <div class="content"> <ul> <li><a href="tel:+57 1 7424247">+57 1 7424247</a></li> <li><a href="/cdn-cgi/l/email-protection#9af6fbeefbf7daf8fbf9f1f8f5f4ffb4fef3fdf3eefbf6"><span class="__cf_email__" data-cfemail="6a060b1e0b072a080b09010805040f440e030d031e0b06">[email protected]</span></a></li> <li>Cra 9 # 80 -15. Of 204</li> </ul> </div> </div> </div> <div class="marker vancouver"> <div class="marker__icon"></div> <div class="marker__title">Vancouver</div> <div class="marker__info mb-25 mb-xl-0"> <p class="city">Vancouver</p> <div class="content"> <ul> <li><a href="tel:+1 604 713 8560">+1 604 713 8560</a></li> <li><a href="/cdn-cgi/l/email-protection#daacbbb4b9b5afacbfa89ab8bbb9b1b8b5b4bff4beb3bdb3aebbb6"><span class="__cf_email__" data-cfemail="8cfaede2efe3f9fae9fecceeedefe7eee3e2e9a2e8e5ebe5f8ede0">[email protected]</span></a></li> <li>5180 Still Creek Ave, Burnaby, BC V5C 4E4, Canada</li> </ul> </div> </div> </div> <div class="marker athens"> <div class="marker__icon"></div> <div class="marker__title">Athens</div> <div class="marker__info mb-25 mb-xl-0"> <p class="city">Athens</p> <div class="content"> <ul> <li><a href="tel:+30 210 680 3380">+30 210 680 3380</a></li> <li><a href="/cdn-cgi/l/email-protection#c4a5b0aca1aab784a6a5a7afa6abaaa1eaa0ada3adb0a5a8"><span class="__cf_email__" data-cfemail="d4b5a0bcb1baa794b6b5b7bfb6bbbab1fab0bdb3bda0b5b8">[email protected]</span></a></li> <li>Leof. Dimokratias 11, Melissia, 15127, Athens, Greece</li> </ul> </div> </div> </div> <div class="marker mexico"> <div class="marker__icon"></div> <div class="marker__title">México</div> <div class="marker__info mb-25 mb-xl-0"> <p class="city">México</p> <div class="content"> <ul> <li><a href="tel:+52 55 1338 3177">+52 55 1338 3177</a></li> <li><a href="/cdn-cgi/l/email-protection#b0ddd5c8d9d3dff0d2d1d3dbd2dfded59ed4d9d7d9c4d1dc"><span class="__cf_email__" data-cfemail="b6dbd3cedfd5d9f6d4d7d5ddd4d9d8d398d2dfd1dfc2d7da">[email protected]</span></a></li> </ul> </div> </div> </div> <div class="marker miami"> <div class="marker__icon"></div> <div class="marker__title">Miami</div> <div class="marker__info mb-25 mb-xl-0"> <p class="city">Miami</p> <div class="content"> <ul> <li><a href="tel:+1 604 713 8560">+1 604 713 8560</a></li> <li><a href="/cdn-cgi/l/email-protection#8afcebe4e9e5fffceff8cae8ebe9e1e8e5e4efa4eee3ede3feebe6"><span class="__cf_email__" data-cfemail="d0a6b1beb3bfa5a6b5a290b2b1b3bbb2bfbeb5feb4b9b7b9a4b1bc">[email protected]</span></a></li> <li>5180 Still Creek Ave, Burnaby, BC V5C 4E4, Canada</li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="logo-whatsapp"> <a id="whatsappGen" href="https://wa.link/2c0sla" aria-label="Contacto con whatsapp" target="_blank"> <img src="/media/logo-whatsapp-1.svg" alt="whatsapp logo"> </a> </div> </main> <footer class="mainFooter relative"> <div class="container pt-xl-70 pt-40 px-20 px-xl-0 contenedor-flex"> <div class="row contenedor-flex" style=" justify-content: center;" > <div class="col-lg-4 col-16 order-0 mb-xl-0 mb-40"> <div class="mainFooter__logo mb-20"> <a href="/es/" class="d-inline-block" title="Backbone - Got to homepage"> <img src="/media/Backbone_Black-Logo.svg" alt="Backbone" width="145" height="24"> </a> </div> <div class="font-averta-regular normal black opacity-7 p xs d-none flex-wrap all"> <span class="icon-earth mr-5"></span> <a href="https://backbone.digital/" aria-label="English">English</a> </div> <div class="row "> <div class="col-16 col-lg-15 mb-30 m-9"> <p><span class="orange">As贸ciate con nosotros para desbloquear el potencial de tu viaje digital. </span></p> </div> <img src="/media/footer-dots.svg" width="108" height="19" alt="dots"> </div> </div> <div class="offset-lg-1 col-lg-5 offset-md-1 col-md-9 col-16 order-md-0 order-2 mb-xl-0 mb-40 pr-xl-50"> <form action="https://digital.us18.list-manage.com/subscribe/post?u=02c90f773459d0f9504aae1d1&id=09016faf01&v_id=5886&f_id=004d9ae6f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mailchimp-signup validate" target="_blank" novalidate> <div class="row americas-ip"> <div class="col-16"> <div id="mc_embed_signup_scroll" class="mailchimp-form"> <div class="inputSkin mb-20 mc-field-group"> <label for="footer-email" class="bold black mb-10 p">隆Suscr铆bete a nuestro bolet铆n!</label> <input type="email" placeholder="Escribe tu e-mail" name="EMAIL" class="email font-averta-regular normal black opacity-4" autocomplete="off" required pattern="[^\s@]+@[^\s@]+\.[^\s@]+" title="Ingrese una direcci贸n de correo electr贸nico v谩lida." oninvalid="this.setCustomValidity('Por favor complete este campo')" oninput="setCustomValidity('')"/> <input type="hidden" value="" name="ADDRESS" class="required" id="mce-ADDRESS"> <input type="hidden" name="gdpr[12123]" value="Y"> <div for="EMAIL" class="mce_inline_error hidden" id="EMAIL">Este campo es obligatorio!</div> </div> <div class="relative control-checkbox d-inline-block"> <input type="checkbox" value="Agree" name="PRIVNOTICE" id="mce-PRIVNOTICE-0" required oninvalid="this.setCustomValidity('Por favor complete este campo')" oninput="setCustomValidity('')"> <div class="checkbox-anim"></div> <label for="mce-PRIVNOTICE-0" class=" black btn-line"> He le铆do y acepto el <a href="/footer/legal/privacy-notice" target="_blank">Aviso de privacidad</a> </label> <div class="clearfix"></div> <div class="mc_inline_error hidden" id="priv-notice-error">Por favor acepte el Aviso de privacidad.</div> </div> <div class="inputSkin btn-border"> <button type="submit" value="Subscribe" id="boton-suscribirse-footer" class="btn-border mt-10 pl-0 pr-0">Suscribirse</button> </div> <div class="clearfix"></div> <div id="mce-responses" class="clearfix"> <div class="response alert alert-danger" id="mce-error-response" style="display:none"></div> <div class="response alert alert-success" id="mce-success-response" style="display:none"></div> </div> <div class="clearfix"></div> <div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group"></div>  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_43cfcc8db3554768161e1ce86_49650c01e2" tabindex="-1" value=""></div> <div class="clearfix"></div> </div> </div> </div> </form> </div> <div class="col-md-6 col-lg-4 col-16 order-md-0 order-3 row d-none d-xl-block"> <nav class="col-16 bold black-2 p small opacity-9 lh-2 all grid-2-cols"> <a href="https://backbone.digital/servicios/" title="Servicios">Servicios</a> <a href="https://backbone.digital/metodologia/" title="Enfoque">Enfoque</a> <a href="https://backbone.digital/nuestro-trabajo/" title="Nuestro Trabajo">Nuestro Trabajo</a> <a href="https://backbone.digital/compania/" title="Compañía">Compañía</a> <a href="https://backbone.digital/blog/" title="Blog">Blog</a> <a href="https://backbone.digital/contacto-es/" title="Contacto">Contacto</a> <a href="https://backbone.digital/support-ticket-es/" title="Mesa de ayuda">Mesa de ayuda</a> <a href="https://backbone.digital/trabaja-con-nosotros/" title="Trabaja con nosotros">Trabaja con nosotros</a> </nav> </div> <div class="col-md-6 col-lg-2 col-16 mb-40 mb-xl-0"> <nav class="black-2 p all bold small lh-1 pr-lg-9 ml-10"> <a href="#" class="d-block mb-10">Social Media</a> <a href="https://www.facebook.com/backbone.digital/" class="social-icon facebook mr-10" title="backbone on Facebook" target="_blank" rel="noreferrer" id="boton-facebook"></a> <a href="https://twitter.com/Backbone_Digi" class="social-icon twitter mr-10" title="backbone on Twitter" target="_blank" rel="noreferrer" id="boton-twitter"></a> <a href="https://www.instagram.com/backbone.digital/" class="social-icon instagram mr-10" title="backbone on Instagram" target="_blank" rel="noreferrer" id="boton-instagram"></a> <a href="https://www.linkedin.com/company/backbone-digital/" class="social-icon linkedin mr-10" title="backbone on LinkedIn" target="_blank" rel="noreferrer" id="boton-linkeding"></a> <a href="https://www.youtube.com/channel/UCRlmzgIW83PLh1t4vISpWDA" class="social-icon youtube mr-10" title="backbone on Youtube" target="_blank" rel="noreferrer" id="boton-youtube"></a> </nav> </div> </div> <div class="row"> <div class="col-16 pb-15 pt-md-80 pt-50 font-averta-regular black p xxxs all"> <div class="row"> <div class="col-md-8 text-center text-md-left order-0 black all"> <span>©2025</span> <nav class="bold all pl-15 pl-md-0 d-inline-block ml-20"> <a href="https://backbone.digital/footer/legal/privacy-notice">Política de Privacidad | </a> <a href="https://backbone.digital/footer/legal/cookie-policy">Política de cookies</a> </nav> </div> <div class="col-md-8 text-center text-xl-right order-md-0 order-1"> <div class="made-by-bb grey-dark all"> <p> <a href="https://www.expresia.com/" class="opacity-1" title="Expresia | Digital Experience Platform | Best DXP Platform" target="_blank" rel="noreferrer"> <img src="/media/logobackbone.svg" alt="made possible with Expresia" width="200"> </a> </p> </div> </div> </div> </div> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async data-pmdelayedscript="https://www.google.com/recaptcha/api.js?render=6LcCnzgcAAAAAACCNaWp6G93ZJBlhVCTn67pVxWJ"></script> <script src="/includes/libs/js/bundle.js?v=1.0.1"></script> <script src="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.js"></script> <script src="https://cdn.korzh.com/metroui/v4.5.1/js/metro.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/EaselPlugin.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/MotionPathPlugin.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/EasePack.min.js"></script> <script src="https://backbone.digital/includes/backbone.digital.min.js?v=1.0.9"></script> <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script> <script type="text/javascript">var $mcj = jQuery.noConflict(true);</script>  <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/5d19e000598444e0a6cf4aff/script.js"></script>  <script type="text/javascript" id="perfmatters-delayed-scripts-js"> const perfmattersDelayTimer = setTimeout(pmLoadDelayedScripts, 10 * 1000); const perfmattersUserInteractions = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"]; perfmattersUserInteractions.forEach(function(event) { window.addEventListener(event, pmTriggerDelayedScripts, { passive: !0 }) }); function pmTriggerDelayedScripts() { pmLoadDelayedScripts(); clearTimeout(perfmattersDelayTimer); perfmattersUserInteractions.forEach(function(event) { window.removeEventListener(event, pmTriggerDelayedScripts, { passive: !0 }); }); } function pmLoadDelayedScripts() { document.querySelectorAll("script[data-pmdelayedscript]").forEach(function(elem){ elem.setAttribute("src", elem.getAttribute("data-pmdelayedscript")); }); } </script> </div> </body> </html>

CINXE.COM

Impulsando la transformación digital Backbone technology