CINXE.COM

Agencia de Diseño Digital y Web: impulsa tu presencia online - Drool

<!DOCTYPE html> <html lang="es"> <head> <!-- Google Tag Manager --> <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-WJ252WB4');</script> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-title" content="Drool Studio" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <meta names="apple-mobile-web-app-status-bar-style" content="#f9f9f9" /> <title>Agencia de Diseño Digital y Web: impulsa tu presencia online - Drool</title> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v23.7 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Impulsa tu presencia online con el diseño web. Creamos experiencias digitales atractivas y efectivas. ¡Contáctanos para destacar en el mundo digital! 💻" /> <link rel="canonical" href="https://drool.es/servicios/diseno-web-y-digital/" /> <meta property="og:locale" content="es_ES" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Agencia de Diseño Digital y Web: impulsa tu presencia online - Drool" /> <meta property="og:description" content="Impulsa tu presencia online con el diseño web. Creamos experiencias digitales atractivas y efectivas. ¡Contáctanos para destacar en el mundo digital! 💻" /> <meta property="og:url" content="https://drool.es/servicios/diseno-web-y-digital/" /> <meta property="og:site_name" content="Drool" /> <meta property="article:modified_time" content="2024-05-16T15:46:08+00:00" /> <meta property="og:image" content="https://drool.es/wp-content/uploads/2022/10/drool-servicios-diseno-digital-1.jpg" /> <meta property="og:image:width" content="1084" /> <meta property="og:image:height" content="1632" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Tiempo de lectura" /> <meta name="twitter:data1" content="1 minuto" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://drool.es/servicios/diseno-web-y-digital/","url":"https://drool.es/servicios/diseno-web-y-digital/","name":"Agencia de Diseño Digital y Web: impulsa tu presencia online - Drool","isPartOf":{"@id":"https://drool.es/#website"},"primaryImageOfPage":{"@id":"https://drool.es/servicios/diseno-web-y-digital/#primaryimage"},"image":{"@id":"https://drool.es/servicios/diseno-web-y-digital/#primaryimage"},"thumbnailUrl":"https://drool.es/wp-content/uploads/2022/10/drool-servicios-diseno-digital-1-jpg.webp","datePublished":"2022-10-17T14:50:37+00:00","dateModified":"2024-05-16T15:46:08+00:00","description":"Impulsa tu presencia online con el diseño web. Creamos experiencias digitales atractivas y efectivas. ¡Contáctanos para destacar en el mundo digital! 💻","breadcrumb":{"@id":"https://drool.es/servicios/diseno-web-y-digital/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https://drool.es/servicios/diseno-web-y-digital/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https://drool.es/servicios/diseno-web-y-digital/#primaryimage","url":"https://drool.es/wp-content/uploads/2022/10/drool-servicios-diseno-digital-1-jpg.webp","contentUrl":"https://drool.es/wp-content/uploads/2022/10/drool-servicios-diseno-digital-1-jpg.webp","width":1084,"height":1632,"caption":"Imagen del servicio de diseño web y digital"},{"@type":"BreadcrumbList","@id":"https://drool.es/servicios/diseno-web-y-digital/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https://drool.es/"},{"@type":"ListItem","position":2,"name":"Servicios","item":"https://drool.es/servicios/"},{"@type":"ListItem","position":3,"name":"Diseño web y digital"}]},{"@type":"WebSite","@id":"https://drool.es/#website","url":"https://drool.es/","name":"Drool","description":"Estudio de diseño gráfico y comunicación creativa","publisher":{"@id":"https://drool.es/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://drool.es/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https://drool.es/#organization","name":"Drool","url":"https://drool.es/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https://drool.es/#/schema/logo/image/","url":"https://drool.es/wp-content/uploads/2022/05/drool-favicon.png","contentUrl":"https://drool.es/wp-content/uploads/2022/05/drool-favicon.png","width":512,"height":512,"caption":"Drool"},"image":{"@id":"https://drool.es/#/schema/logo/image/"},"sameAs":["https://www.instagram.com/droolestudio/","https://www.behance.net/droolestudio","https://www.linkedin.com/company/drool-estudio/"]}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://drool.es/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9.8' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-css' href='https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-public.css?ver=3.2.6' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-gdpr-css' href='https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-gdpr.css?ver=3.2.6' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='slick-themes-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='style-css' href='https://drool.es/wp-content/themes/drool-studio/style.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='style2-css' href='https://drool.es/wp-content/themes/drool-studio/style2.css?ver=6.7.1' type='text/css' media='all' /> <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" id="cookie-law-info-js-extra"> /* <![CDATA[ */ var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"non_necessary_cookies":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","strictlyEnabled":["necessary","obligatoire"],"ccpaType":"gdpr","js_blocking":"1","custom_integration":"","triggerDomRefresh":"","secure_cookies":""}; var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#141414","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#1526ff","button_1_button_hover":"#111ecc","button_1_link_colour":"#f9f9f9","button_1_as_button":"1","button_1_new_win":"","button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":"","button_2_hidebar":"","button_3_button_colour":"#dedfe0","button_3_button_hover":"#b2b2b3","button_3_link_colour":"#333333","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#dedfe0","button_4_button_hover":"#b2b2b3","button_4_link_colour":"#333333","button_4_as_button":"1","button_7_button_colour":"#1526ff","button_7_button_hover":"#111ecc","button_7_link_colour":"#fff","button_7_as_button":"1","button_7_new_win":"","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"1","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#f9f9f9","show_once_yn":"","show_once":"10000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"}; var log_object = {"ajax_url":"https:\/\/drool.es\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/js/cookie-law-info-public.js?ver=3.2.6" id="cookie-law-info-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js?ver=6.7.1" id="gsap-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js?ver=6.7.1" id="ScrollTrigger-js"></script> <script type="text/javascript" src="https://drool.es/wp-content/themes/drool-studio/js/ScrollSmoother.min.js?ver=6.7.1" id="ScrollSmoother-js"></script> <link rel="https://api.w.org/" href="https://drool.es/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://drool.es/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://drool.es/?p=1671' /> <meta name="generator" content="webp-uploads 2.2.0"> <link rel="icon" href="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /*.noojs .reel-img { opacity:0; visibility:hidden; }*/ .fullimg{ min-height: 200px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 798px; position: relative; } .pagecont{ background-color: #141414; padding-bottom: 80px; } /* Primer selector */ #smooth-content > aside > div > div > div > div.col-11.offset-1.offset-md-0.col-md-6.col-lg-4.offset-lg-2.fade > a > div > span, #smooth-content > aside > div > div > div > div.col-11.col-md-6.col-lg-4.offset-lg-1.fade > a > div > span { position: relative; display: inline-block; overflow: hidden; } /* Overlay azul en hover */ #smooth-content > aside > div > div > div > div.col-11.offset-1.offset-md-0.col-md-6.col-lg-4.offset-lg-2.fade > a > div > span::after, #smooth-content > aside > div > div > div > div.col-11.col-md-6.col-lg-4.offset-lg-1.fade > a > div > span::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 255, 0.5); /* Color azul semi-transparente */ opacity: 0; transition: opacity 0.3s ease; z-index: 1; /* Asegúrate de que el overlay esté al frente */ } /* Estado hover para mostrar el overlay */ #smooth-content > aside > div > div > div > div.col-11.offset-1.offset-md-0.col-md-6.col-lg-4.offset-lg-2.fade > a > div > span:hover::after, #smooth-content > aside > div > div > div > div.col-11.col-md-6.col-lg-4.offset-lg-1.fade > a > div > span:hover::after { opacity: 1; } </style> </head> <body class="servicios-template-default single single-servicios postid-1671" > <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WJ252WB4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="loadingPage" style="background-color:#1526FF;position:fixed;top:0px;left:0px; height:100vh; width:100vw; z-index:999999999"></div> <div id="loadingPageExit" style="background-color:#1526FF;position:fixed;bottom:0px;left:0px; height:0vh; width:100vw; z-index:999999999"></div> <header class="drool-header"> <div class="hd-rw"> <a href="https://drool.es" class="logo drt" title="Logo de drool" ><svg viewBox="0 0 39 35.24"><path d="M7.03 0h14.41C31.13 0 39 7.84 39 17.5S31.13 35 21.43 35H3.51l7.03-17.5H0L7.03 0z"/></svg></a> <button class="menu" id="menu-ctn"> <span id="menu-open">Menú</span> <span id="menu-close">Cerrar</span> <div class="menu-btn"></div> </button> <div id="menu-container"> <div class="container"> <div class="row"> <div class="col-12 col-lg-8"> <nav> <ul id="menu-principal"> <li class="menu-item"><a class="drt" href="https://drool.es/proyectos/">Proyectos</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/servicios/">Servicios</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/nosotros/">Nosotros</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/blog/">Blog</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/contacto/">Contacto</a></li> </ul> </nav> </div> <div class="col-12 col-lg-4"> <div class="menu-proyecto"> <span class="proyecto-home"> <a href="https://drool.es/proyectos/socola/" class="drt wasser"> <span class="news-img-cont"><img src="https://drool.es/wp-content/uploads/2023/11/socola-thumb-jpg.webp" alt="La marca de Socolá aplicada sobre onza de chocolate" class="proyecto-img"></span> </a> <p class="proyecto-tp">Último proyecto</p> <a class="drt dig" href="https://drool.es/proyectos/socola/"> <div class="proyecto-ttl"> Socolá Socolá — Una marca altamente deliciosa</div> </a> </span> </div> </div> </div> </div> </div> </div> <span class="ajusteAltura"> <a href="https://drool.es/contacto/" id="sticky-contact" role="button" title="Contacto" class="drt"> <svg id="ctc-txt" x="0" y="0" viewBox="0 0 128 128"><path d="M34.96 21.11c-.3-.51-.53-1.01-.66-1.49-.14-.48-.18-.94-.12-1.37s.2-.83.45-1.19c.25-.37.61-.69 1.08-.97.33-.2.66-.33 1-.4.34-.07.67-.08.98-.03s.61.17.89.35c.28.18.52.42.73.72l-1.23.73c-.23-.32-.51-.51-.82-.55-.31-.04-.65.04-1.02.26-.19.12-.36.25-.49.42-.13.16-.22.34-.27.52s-.06.38-.03.58c.03.2.11.41.23.61l1.17 1.96c.12.19.26.35.43.47.17.12.35.2.55.25.2.04.4.05.61.01.21-.03.41-.11.6-.22.38-.23.63-.49.74-.78.11-.29.08-.64-.08-1.06l1.23-.73c.17.4.27.78.28 1.13.01.35-.04.68-.16.98-.12.3-.3.58-.54.83-.24.26-.53.48-.86.68-.47.28-.92.43-1.35.47-.43.03-.85-.03-1.25-.19s-.77-.42-1.12-.76c-.36-.34-.68-.75-.97-1.23zm6.84-3.97c-.47-1.19-.57-2.2-.27-3.03s.93-1.44 1.92-1.83c.99-.39 1.87-.39 2.65.01.78.4 1.41 1.2 1.89 2.39.47 1.19.56 2.2.27 3.03s-.93 1.44-1.92 1.83c-.99.39-1.87.39-2.65-.01-.79-.4-1.41-1.19-1.89-2.39zm.89-2.3c-.02.21.02.43.11.67l.86 2.15c.09.23.22.42.38.56.16.14.34.24.54.31.2.06.41.08.63.06.22-.02.45-.08.68-.17.23-.09.44-.21.62-.35.18-.14.32-.3.42-.48.1-.18.16-.38.18-.59.02-.21-.02-.43-.11-.66l-.85-2.15c-.09-.23-.22-.42-.38-.56-.16-.14-.34-.24-.54-.31-.2-.06-.41-.09-.64-.07-.23.02-.46.07-.69.17-.23.09-.44.21-.61.35-.17.14-.31.3-.41.49-.11.17-.17.36-.19.58zm9.64 2.57-1.21-5.58.04-.01 3.4 5.11 2.11-.46-1.58-7.31-1.4.3 1.21 5.57-.04.01-3.4-5.1-2.08.45 1.58 7.31 1.37-.29zm7.37-7.52.41 6.25 1.43-.09-.41-6.25 2.18-.14-.08-1.21-5.78.38.08 1.21 2.17-.15zm6.17 6.12-1.53-.12 3.11-7.27 1.52.12 1.96 7.65-1.53-.12-.37-1.63-2.55-.2-.61 1.57zm1.07-2.73 1.81.14-.64-3.01h-.05l-1.12 2.87zm6.66 3.55c.34.28.77.48 1.3.6.38.09.74.12 1.09.1.35-.02.67-.09.97-.23s.56-.33.79-.6c.23-.26.42-.6.58-1.01l-1.39-.32c-.17.41-.39.69-.67.82s-.64.15-1.07.05c-.22-.05-.42-.14-.59-.26s-.32-.26-.43-.43c-.11-.17-.19-.35-.23-.56-.04-.21-.03-.42.02-.64l.51-2.23c.05-.23.14-.43.26-.6.12-.17.26-.3.43-.4.17-.1.35-.16.56-.19.21-.03.42-.02.64.03.42.1.72.27.92.51.2.25.26.57.21.96l1.39.32c.06-.36.05-.7-.02-1.02-.08-.32-.21-.61-.4-.87a2.45 2.45 0 0 0-.73-.66c-.3-.18-.63-.31-1-.4-.53-.12-1.01-.14-1.45-.05-.43.09-.82.27-1.15.55-.34.27-.62.63-.86 1.07-.24.44-.42.95-.55 1.53-.13.55-.18 1.07-.17 1.56.01.49.11.93.28 1.32.17.44.42.77.76 1.05zm8.39 2.66 2.26-5.85 2.03.79.44-1.13-5.4-2.08-.44 1.13 2.03.79-2.26 5.85 1.34.5zm4.81-2.06c.64-1.11 1.37-1.81 2.2-2.1.83-.29 1.71-.17 2.63.36.92.53 1.47 1.22 1.65 2.08.17.86-.05 1.85-.69 2.96s-1.37 1.81-2.2 2.1c-.83.29-1.71.17-2.63-.36-.92-.53-1.47-1.22-1.65-2.08-.18-.86.05-1.85.69-2.96zm.56 2.41c-.01.21.02.42.1.61s.19.37.34.54c.15.16.34.31.56.43.22.12.44.21.66.26s.43.06.64.02c.21-.03.4-.11.58-.23.18-.12.33-.29.45-.5l1.14-2.01c.12-.22.19-.43.2-.64.01-.21-.02-.42-.09-.61-.08-.2-.19-.38-.35-.54-.15-.16-.34-.31-.56-.43s-.44-.21-.66-.26c-.22-.05-.43-.06-.64-.02-.21.04-.4.11-.58.23s-.33.28-.45.5l-1.15 2c-.11.22-.18.44-.19.65zm13.93 8.55-2.19-2.17-.79.79 2.19 2.17.79-.79zm4.5 12.01c.26.24.54.42.84.54.3.12.63.17.98.16.35-.01.73-.11 1.13-.28l-.74-1.23c-.41.16-.77.19-1.06.08-.29-.11-.55-.35-.78-.74-.12-.19-.19-.39-.23-.6-.03-.21-.03-.41.01-.61s.12-.38.25-.55c.12-.17.28-.31.47-.43l1.96-1.18c.2-.12.41-.2.61-.23s.4-.02.58.03c.19.05.36.14.52.27.16.13.3.29.42.48.22.36.31.7.26 1.02-.04.31-.22.58-.55.82l.74 1.23c.3-.21.54-.45.72-.73.18-.28.3-.58.35-.89.05-.32.04-.64-.03-.98a3.25 3.25 0 0 0-.41-.99c-.28-.47-.6-.83-.97-1.07-.37-.25-.77-.4-1.2-.45-.43-.05-.89-.01-1.37.13-.48.14-.98.36-1.49.67-.48.29-.89.61-1.24.96-.34.35-.6.72-.76 1.12-.16.4-.23.81-.19 1.25.03.43.19.89.47 1.35.23.33.46.61.71.85zm5.02 1.29c1.19-.48 2.2-.57 3.03-.28.83.29 1.44.93 1.84 1.92.4.99.39 1.87 0 2.65-.4.78-1.19 1.41-2.38 1.89s-2.2.57-3.03.28c-.83-.29-1.44-.93-1.84-1.92-.4-.99-.39-1.87 0-2.65.39-.78 1.19-1.41 2.38-1.89zm1.64 1-2.14.86c-.23.09-.42.22-.56.38-.14.16-.24.34-.3.54s-.08.41-.06.63.08.45.17.68c.09.23.21.44.35.61s.3.32.49.42c.18.1.38.16.59.17.21.02.43-.02.66-.11l2.14-.86c.23-.09.42-.22.56-.38.14-.16.24-.34.31-.54.06-.2.08-.41.07-.64s-.08-.46-.17-.69c-.09-.23-.21-.44-.35-.61-.14-.17-.3-.31-.49-.41-.18-.1-.38-.16-.59-.18-.23 0-.45.04-.68.13zm-1.88 9.54 5.58-1.22.01.04-5.1 3.41.46 2.11 7.31-1.6-.31-1.4-5.57 1.22-.01-.04 5.09-3.41-.46-2.08-7.31 1.6.31 1.37zm7.53 7.35-6.26.42.1 1.42 6.25-.42.15 2.18 1.21-.08-.39-5.78-1.21.08.15 2.18zm-5.99 4.65 7.27 3.09-.11 1.52-7.65 1.97.11-1.53 1.63-.38.19-2.55-1.55-.6.11-1.52zm2.49 4.41 3-.65v-.05l-2.87-1.12-.13 1.82zm3.09 5.37c-.27-.33-.63-.62-1.08-.85-.44-.23-.95-.42-1.53-.55-.55-.12-1.07-.18-1.56-.17-.49.02-.93.11-1.32.29-.39.17-.73.43-1 .77-.28.34-.48.77-.6 1.3-.09.38-.12.75-.1 1.09.02.35.1.67.23.97.13.29.33.56.6.79.26.23.6.42 1.01.58l.32-1.39c-.41-.17-.69-.39-.82-.67s-.15-.64-.05-1.07a1.645 1.645 0 0 1 .68-1.02c.17-.11.35-.19.56-.23.21-.04.42-.03.64.02l2.23.51c.23.05.43.14.6.25.17.12.3.26.4.42.1.17.16.35.19.56s.02.42-.03.64c-.09.42-.26.72-.51.92-.25.2-.57.27-.96.21l-.32 1.39c.36.06.7.05 1.02-.02.32-.08.61-.21.87-.4s.48-.43.66-.73c.18-.3.31-.63.4-1 .12-.53.14-1.01.04-1.45-.11-.45-.3-.83-.57-1.16zm-2.78 8.79-5.85-2.24-.51 1.33 5.85 2.24-.78 2.04 1.13.43 2.07-5.41-1.13-.43-.78 2.04zm-2.18 6.09c.29.83.17 1.71-.35 2.63-.52.92-1.22 1.47-2.08 1.65-.86.18-1.85-.05-2.96-.68-1.12-.63-1.82-1.37-2.1-2.2-.29-.83-.17-1.71.35-2.63.53-.92 1.22-1.47 2.08-1.65.86-.18 1.85.05 2.96.68 1.11.64 1.81 1.37 2.1 2.2zm-1.13.74c-.04-.21-.11-.4-.23-.58-.12-.18-.29-.33-.5-.45l-2.01-1.14c-.22-.12-.43-.19-.65-.2a1.4 1.4 0 0 0-.61.1c-.19.08-.37.19-.54.34-.16.16-.3.34-.43.56s-.21.44-.26.66c-.05.22-.06.43-.02.64a1.43 1.43 0 0 0 .73 1.02l2.01 1.14c.22.12.43.19.64.2.21.01.42-.02.61-.09.19-.07.37-.19.54-.34.17-.16.31-.34.43-.56s.21-.44.26-.66c.06-.23.06-.44.03-.64zm-12.7 10.79.8.78 2.16-2.2-.8-.78-2.16 2.2zm-5.66 6.33a6.47 6.47 0 0 0-.96-1.24c-.35-.34-.73-.59-1.12-.75-.4-.16-.81-.22-1.25-.19-.43.04-.88.19-1.35.47-.33.2-.62.43-.86.69-.24.26-.42.54-.54.84-.12.3-.17.63-.15.98s.11.73.29 1.13l1.22-.74c-.17-.41-.2-.77-.09-1.06.11-.29.35-.55.73-.78.19-.12.39-.19.6-.23s.41-.03.61.01.38.12.55.25c.17.12.31.28.43.47l1.18 1.96c.12.2.2.4.23.61.03.2.02.4-.03.58-.05.18-.14.36-.27.52s-.29.3-.48.42c-.37.22-.7.31-1.02.27s-.59-.22-.82-.54l-1.22.74c.21.3.45.54.73.72.28.18.58.29.89.35.32.05.64.04.98-.04s.67-.21.99-.41c.47-.28.82-.6 1.07-.97.25-.37.4-.77.45-1.2.05-.43.01-.89-.13-1.37-.13-.48-.35-.98-.66-1.49zm-6.82 4c.48 1.19.58 2.2.29 3.03-.29.83-.93 1.44-1.91 1.84-.98.4-1.87.4-2.65 0-.78-.4-1.42-1.19-1.9-2.38s-.58-2.2-.29-3.03c.29-.83.93-1.44 1.91-1.84.99-.4 1.87-.4 2.65 0 .79.4 1.42 1.19 1.9 2.38zm-.88 2.32c.02-.21-.02-.43-.11-.67l-.87-2.14c-.09-.23-.22-.42-.38-.56a1.44 1.44 0 0 0-.54-.3c-.2-.06-.41-.08-.63-.06-.22.02-.45.08-.68.17-.23.09-.44.21-.61.35-.18.14-.31.3-.42.49-.1.18-.16.38-.17.59-.02.21.02.43.11.66l.87 2.14c.09.23.22.42.38.56.16.14.34.24.54.3s.41.08.64.06c.23-.02.45-.08.69-.17.23-.09.43-.21.61-.35.17-.14.31-.3.41-.49.08-.17.14-.37.16-.58zm-9.66-2.53 1.23 5.57-.04.01-3.42-5.09-2.1.47 1.62 7.31 1.39-.31-1.23-5.56.04-.01 3.42 5.08 2.08-.46-1.62-7.3-1.37.29zm-7.38 7.55-.43-6.25-1.43.1.43 6.25-2.18.15.08 1.21 5.78-.4-.08-1.21-2.17.15zM62.34 112l1.53.11-3.08 7.28-1.52-.11-1.99-7.65 1.53.11.38 1.63 2.55.18.6-1.55zm-1.05 2.74-1.81-.13.65 3h.05l1.11-2.87zm-6.71-3.53c-.34-.28-.77-.47-1.3-.59-.38-.09-.74-.12-1.09-.1-.35.02-.67.1-.96.23-.29.13-.56.33-.79.6-.23.26-.42.6-.58 1.01l1.39.32c.17-.41.39-.69.67-.82s.64-.15 1.07-.05a1.645 1.645 0 0 1 1.02.68c.11.17.19.35.23.56.04.21.03.42-.01.64l-.51 2.23c-.05.23-.14.43-.25.6-.12.17-.26.3-.42.4-.17.1-.35.16-.56.19-.21.03-.42.02-.64-.03-.42-.09-.72-.26-.92-.51-.2-.25-.27-.57-.21-.96l-1.39-.32a2.484 2.484 0 0 0 .43 1.89c.19.26.43.48.73.65.3.18.63.31 1 .39.53.12 1.01.13 1.45.04s.82-.28 1.15-.55c.33-.28.62-.63.85-1.08.23-.44.42-.95.55-1.53.12-.55.18-1.07.16-1.56s-.11-.93-.29-1.32c-.19-.4-.44-.73-.78-1.01zm-8.4-2.63-2.24 5.86-2.04-.78-.43 1.13 5.41 2.06.43-1.13-2.04-.78 2.24-5.86-1.33-.5zm-4.76 2.09c-.63 1.12-1.36 1.82-2.19 2.11-.83.29-1.71.17-2.63-.35-.92-.52-1.48-1.21-1.66-2.07-.18-.86.05-1.85.68-2.96.63-1.12 1.36-1.82 2.19-2.11.83-.29 1.71-.17 2.63.35.93.52 1.48 1.21 1.66 2.07.17.86-.06 1.85-.68 2.96zm-.58-2.4a1.4 1.4 0 0 0-.1-.61c-.08-.2-.19-.37-.35-.53-.16-.16-.34-.3-.56-.43-.22-.12-.44-.21-.66-.26s-.43-.06-.64-.02c-.21.04-.4.12-.57.23-.18.12-.33.29-.45.5l-1.14 2.01c-.12.22-.19.43-.2.65s.02.42.1.61.19.37.35.54c.16.16.34.31.56.43.22.12.44.21.66.26.22.05.43.05.64.02s.4-.11.57-.23c.18-.12.33-.29.45-.5l1.14-2.01c.13-.24.19-.45.2-.66zm-13.98-8.5 2.2 2.16.78-.8-2.2-2.16-.78.8zm-4.55-11.99c-.26-.24-.54-.41-.84-.53s-.63-.17-.98-.15a3.2 3.2 0 0 0-1.13.29l.74 1.22c.41-.17.77-.2 1.06-.09.29.11.55.35.78.73.12.19.19.39.23.6.04.21.03.41-.01.61s-.12.38-.24.55c-.12.17-.28.32-.47.43l-1.96 1.19c-.2.12-.4.2-.61.23s-.4.02-.58-.03-.36-.14-.52-.27-.3-.29-.42-.48c-.22-.36-.31-.7-.27-1.01.04-.31.22-.59.54-.82l-.74-1.22c-.3.21-.54.45-.72.73-.18.28-.29.58-.35.89s-.04.64.04.98c.08.34.21.67.41.99.28.46.61.82.98 1.07.37.25.77.4 1.2.45.43.05.88 0 1.37-.13.48-.14.98-.36 1.48-.67.48-.29.89-.61 1.23-.97.34-.35.59-.73.75-1.12.16-.4.22-.82.19-1.25-.04-.44-.2-.89-.48-1.35-.19-.35-.42-.63-.68-.87zm-5.01-1.25c-1.19.48-2.2.58-3.03.29-.83-.29-1.44-.92-1.84-1.91-.4-.98-.4-1.87-.01-2.65.39-.79 1.18-1.42 2.37-1.9s2.2-.58 3.03-.29c.83.29 1.45.92 1.84 1.91.4.99.4 1.87.01 2.65s-1.18 1.41-2.37 1.9zm-1.65-.99 2.14-.87c.23-.09.42-.22.56-.38.14-.16.24-.34.3-.54s.08-.41.06-.63-.08-.45-.17-.68-.21-.44-.35-.61-.3-.31-.49-.41-.38-.16-.59-.17c-.21-.02-.43.02-.66.12l-2.14.87c-.23.09-.42.22-.56.38-.14.16-.24.34-.3.54s-.08.41-.06.64c.02.23.08.46.17.69.09.23.21.44.36.61.14.17.31.31.49.41.18.1.38.16.59.18.2-.02.42-.06.65-.15zm1.83-9.57-5.57 1.24-.01-.04 5.08-3.43-.47-2.1-7.3 1.63.31 1.39 5.56-1.25.01.04-5.07 3.43.47 2.08 7.3-1.63-.31-1.36zm-7.56-7.34 6.25-.45-.1-1.42-6.25.44-.16-2.17-1.21.09.41 5.78 1.21-.09-.15-2.18zm5.97-4.64L8.6 60.92l.11-1.52 7.64-2.01-.11 1.53-1.63.38-.18 2.55 1.56.59-.1 1.55zm-2.51-4.4-3 .66v.05l2.88 1.11.12-1.82zm-3.1-5.39c.28.33.63.62 1.08.85.44.23.96.42 1.54.54.55.12 1.07.18 1.56.16.49-.02.93-.11 1.32-.29s.73-.43 1-.77.47-.77.59-1.3c.08-.38.12-.75.1-1.09-.02-.35-.1-.67-.23-.96-.14-.29-.34-.56-.6-.79-.26-.23-.6-.42-1.01-.57l-.31 1.39c.41.17.69.39.82.67s.15.64.06 1.07a1.645 1.645 0 0 1-.68 1.02 1.543 1.543 0 0 1-1.2.22l-2.23-.5c-.23-.05-.43-.14-.6-.25-.17-.12-.3-.26-.4-.42-.1-.17-.16-.35-.19-.56-.03-.21-.02-.42.03-.64.09-.42.26-.72.51-.92.25-.2.57-.27.96-.22l.31-1.39c-.36-.06-.7-.05-1.03.03s-.61.21-.87.4c-.26.19-.48.44-.65.73-.18.3-.31.63-.39 1-.12.53-.13 1.01-.04 1.45.09.42.27.8.55 1.14zm2.74-8.81 5.86 2.22.51-1.34-5.86-2.22.77-2.04-1.13-.43L11.11 47l1.13.43.78-2.04zm2.14-6.05c-.29-.83-.18-1.71.34-2.63.52-.93 1.21-1.48 2.07-1.66.86-.18 1.85.04 2.97.67s1.82 1.36 2.11 2.19c.29.83.18 1.71-.34 2.63-.52.93-1.21 1.48-2.07 1.66s-1.85-.04-2.96-.67c-1.12-.64-1.83-1.36-2.12-2.19zm1.13-.75a1.43 1.43 0 0 0 .73 1.02l2.01 1.13c.22.12.43.19.65.2.21.01.42-.03.61-.1.19-.08.37-.19.53-.35.16-.16.3-.34.43-.56.12-.22.21-.44.26-.66.05-.22.06-.43.02-.64-.04-.21-.11-.4-.24-.57-.12-.18-.29-.33-.5-.45l-2.01-1.13c-.22-.12-.43-.19-.65-.2a1.4 1.4 0 0 0-.61.1c-.19.08-.37.19-.54.35-.16.16-.31.35-.43.56-.12.22-.21.44-.25.66-.05.22-.05.44-.01.64zm11.86-11.66L26 29.14l.8.78 2.15-2.21-.8-.78z" style="fill:#fff"/></svg> <svg id="ctc-icn" x="0" y="0" viewBox="0 0 40 32"><path d="M34 0c3.31 0 6 2.69 6 6v20c0 3.31-2.69 6-6 6H6c-3.31 0-6-2.69-6-6V6c0-3.31 2.69-6 6-6h28zm0 4H6c-1.1 0-2 .9-2 2v20c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5.25 4.44-8.75 7-8.75-7a2 2 0 0 0-2.81.31 2 2 0 0 0 .31 2.81l10 8c.37.29.81.44 1.25.44s.88-.15 1.25-.44l10-8a2 2 0 0 0 .31-2.81 2 2 0 0 0-2.81-.31z" style="fill:#fff" /></svg> </a> </span> </header> <div id="smooth-wrapper"> <div id="smooth-content"> <main class="drool-main scontainer"> <div class=" cabezal-servicio"> <section class="drool-intro"> <div class="container"> <div class="row"> <div class="col-12 col-md-10 col-lg-7"> <h1 class="home-ttl fade">Diseño web y digital.</h1> </div> <div class="col-12 col-md-10 col-lg-7 fade"> <p>Bienvenidos al mundo digital. Un amplio abanico de formas de conectar con clientes a través de webs, landings, email marketing, diseños interactivos, Ui, Ux, SEO, redes sociales…</p> </div> </div> </div> </section> </div> <div class="dr-comp fade img-scroll-ani pr-flotante prlt0 tipo_margen_grande" id="0" > <video loop="loop" playsinline="playsinline" controlslist="nodownload noplaybackrate" autoplay="autoplay" disablepictureinpicture="" muted="muted" src="https://player.vimeo.com/progressive_redirect/playback/761427308/rendition/1080p/file.mp4?loc=external&signature=1cbd84c0eca04c5e2872d18a76608f53f85e0f0ef21239867e0dfeadb1d2fca6"> <source src="https://player.vimeo.com/progressive_redirect/playback/761427308/rendition/1080p/file.mp4?loc=external&signature=1cbd84c0eca04c5e2872d18a76608f53f85e0f0ef21239867e0dfeadb1d2fca6" type="video/mp4"></source> </video> </div><div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <p>La revolución de internet. Este término lo cambió todo. Una marca hace tiempo que no puede lanzar mensajes sin más, sino que es fundamental tener una estrategia digital que le permita interactuar con su público para así generar una buena reputación online.</p> <p>Los diversos canales de comunicación hacen que entren muchos factores en juego a la hora de posicionar una marca: SEO, clics, favoritos, likes, retweets, métricas… un gran número de componentes que tenemos en cuenta a la hora de desarrollar una estrategia digital.</p> <h2><strong>El diseño digital y sus diferentes canales y plataformas.</strong></h2> <p>Una “buena presencia” online a día de hoy se ha convertido en un objetivo que buscan todas las marcas. Para ello es necesario construir un discurso coherente a través de diferentes experiencias que sirvan para conectar y generar un vínculo con la audiencia.</p> <p>Para definir una estrategia exitosa, en nuestro estudio investigamos y detectamos los puntos de conexión y presencia en los que se tiene que mover una marca y que nos servirán para crear unos cimientos sólidos sobre los que construir un lenguaje de comunicación personalizado.</p> </div> </div> <style> #fullimg_2 { background-image: url('https://drool.es/wp-content/uploads/2022/02/grupo-relesa-full-02-scaled.jpg'); height: 848px } @media screen and (max-width: 1024px) { #fullimg_2 { height: px } } @media screen and (max-width: 600px) { #fullimg_2 { height: px } } </style> <div class="dr-comp fade -"> <div class="fullimg - -" id="fullimg_2" > </div> </div> <div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <h3><strong>Ui y Ux.</strong></h3> <p>Sí, seguro que es lo que más has escuchado últimamente y que seguramente todavía no sabes muy bien lo que es. Nosotros te lo explicamos de una manera sencilla.</p> <p>En el mundo digital siempre se interactúa con una interfaz (web, app, pantalla de un coche, un mupi interactivo…). Esta debe ser lo más intuitiva y comprensible posible para ayudar al usuario a encontrar, de una manera rápida y sencilla, todo aquello que necesita. El diseño correcto de esta interfaz es el Ui (User Interface).</p> <p>Por otro lado, existe la sensación de control y satisfacción que tiene un usuario al consumir un servicio o producto digital de una manera natural, con unos pasos claros y sin generar confusión. Es todo lo que se percibe al navegar por una interfaz digital. Esto es el Ux (User Experience).</p> <p>Para el diseño de ambos puntos, en Drool, ponemos en el centro de toda estrategia al usuario, siendo este el eje central de toda estrategia digital. Sin usuario no existe ni producto ni experiencia ni, por supuesto, un buen servicio.</p> <p>La premisa es crear una experiencia inolvidable independientemente del canal que utilicemos: webs corporativas, landings promocionales, dashboard o paneles de gestión, e-Commerce o apps, generando un vínculo especial a través de una buena planificación, una buena estructura, la simplicidad y un diseño atractivo e intuitivo.</p> </div> </div> <div class="dr-comp fade pr-wrapper mod__cita"> <div class="modulo__cita"> <p><strong>“Creamos experiencias inolvidables independientemente del canal que utilicemos.”</strong></p> </div> </div> <div class="dr-comp fade img-scroll-ani pr-flotante prlt5 tipo_margen_grande" id="5" > <video loop="loop" playsinline="playsinline" controlslist="nodownload noplaybackrate" autoplay="autoplay" disablepictureinpicture="" muted="muted" src="https://player.vimeo.com/progressive_redirect/playback/761531624/rendition/1080p/file.mp4?loc=external&signature=6dd33ade17d25d35409a0e09529704e3ac9bbe5d172dfb29fb0b3e0f93546154"> <source src="https://player.vimeo.com/progressive_redirect/playback/761531624/rendition/1080p/file.mp4?loc=external&signature=6dd33ade17d25d35409a0e09529704e3ac9bbe5d172dfb29fb0b3e0f93546154" type="video/mp4"></source> </video> </div><div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <h3><strong>Webs corporativas.</strong></h3> <p>Es la casa de toda marca en internet. Un espacio de presentación que tiene que poder mostrar sus valores de una manera clara e impactante. Definir qué queremos que los usuarios sientan y cómo queremos hacer que lo sientan.</p> <p>Diseñamos y desarrollamos todo tipo de webs corporativas. No creemos en las plantillas, por ello cada proyecto tiene un planteamiento y un desarrollo totalmente a medida. Cada marca tiene una necesidad, un carácter y personalidad, por lo que algo una plantilla genérica no es válida para poder impactar desde el minuto cero. Creamos webs accesibles y compatibles con cualquier dispositivo (responsive design), optimizadas para un perfecto rendimiento y posicionamiento SEO (indexación del contenido) para que emitan un mensaje claro y directo, facilitando el contacto entre marca y usuario.</p> </div> </div> <div class="dr-comp fade img-scroll-ani pr-flotante prlt7 tipo_margen_grande" id="7" > <img src="https://drool.es/wp-content/uploads/2022/10/diseno-digital-simple-2-scaled-jpg.webp" alt="Diseño web de Compralaentrada"> </div><div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <h3><strong>e-Commerce.</strong></h3> <p>Es increíble que hoy día podamos tener acceso a productos que estén disponibles en cualquier parte del mundo y a un par de clics. Esto hace que también la competencia sea mucho más grande. Por ello, es imprescindible sobresalir y destacar, poner en valor un producto para que el usuario se decante por nuestra opción en lugar de la opción de la competencia.</p> <p>No se trata de querer vender y vender. No, no estamos locos. Sin diseño no hay venta. Sin plan no hay resultados. Desde nuestro estudio generamos estrategias de venta que van unidas al diseño. Creamos ecosistemas digitales de un producto, unido a la mejor experiencia de navegación para el usuario. Por ello, estudiamos con detalle cada proyecto para poder definir qué estrategia seguir y qué entorno es el más beneficio (tienda a medida, WooCommerce, Prestashop o Shopify).</p> </div> </div> <div class="dr-comp fade pr-wrapper mod__cita"> <div class="modulo__cita"> <p><strong>“Sin ninguna duda, el buen diseño vende por sí solo.”</strong></p> </div> </div> <div class="dr-comp fade img-scroll-ani pr-flotante prlt10 tipo_margen_grande" id="10" > <img src="https://drool.es/wp-content/uploads/2022/04/lilian-urquieta-simple-07-scaled-jpg.webp" alt="Web del e-commerce de Lilian Urquieta mostrada en varios móviles"> </div><div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <h3><strong>Landings pages.</strong></h3> <p>Es un tipo de página destinado para fines muy concretos y resumidos: resaltar un lanzamiento de producto, una descarga de una demo que genere un posterior “enganche”… en definitiva, una herramienta de marketing digital enfocado a generar leads que te sirvan para seguir creciendo como marca. Por lo que nos brinda la posibilidad de generar una base de datos de clientes potenciales.</p> <p>Gracias a su enfoque tan especializado, nos permitirá poder dirigir la comunicación hacia el target al que tengamos como meta. Incluso se pueden adaptar diferentes landings para enfocar mejor a cada unos de los targets.</p> </div> </div> <div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <h3><strong>Dashboards.</strong></h3> <p>En un mundo cada vez más digitalizado y global es fundamental poder tener toda la información organizada y centralizada en una misma herramienta. Esto nos permite poder obtener una mejor optimización de los datos gracias a los KPI (indicadores clave de negocio).</p> <p>En Drool desarrollamos todo tipo de dashboards que van desde la organización de documentos para los usuarios hasta la generación de métricas de información que te permitan generar informes que ayuden a mejorar la estrategia de tu negocio (crecimiento de ventas, margen medio, leads, ratios de conversión, contactos generados, productos más vendidos…). Basamos nuestros diseños y desarrollos en el Ui y Ux para que sean visualmente atractivos, accesibles desde cualquier dispositivo y tengan una gestión organizada por diferentes niveles de usuario.</p> </div> </div> <div class="dr-comp fade img-scroll-ani pr-flotante prlt13 tipo_margen_grande" id="13" > <img src="https://drool.es/wp-content/uploads/2022/10/diseno-digital-simple-7-scaled.webp" alt="Muestra de diseño web"> </div><div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <h3><strong>Apps para dispositivos móviles.</strong></h3> <p>El dispositivo móvil se ha convertido en una prolongación natural de nuestra mano. Cada vez dedicamos más tiempo a realizar todas las gestiones posibles a través de este dispositivo. Sin duda, se ha convertido en un canal imprescindible para la presencia de las marcas, y un punto a tener en cuenta en la definición de una buena estrategia digital.</p> <p>Una buena idea y una estrategia deben de ir de la mano de una buena ejecución. Desde nuestro estudio trabajamos para que cada proyecto desarrollado para un dispositivo móvil sea un paso seguro para generar confianza, que esté todo optimizado para ofrecer la mejor experiencia, que sea multidispositivo para que pueda ser accesible independientemente de la marca o modelo del dispositivo, y que sea global, accesible desde cualquier punto del mundo. Además, dependiendo de su funcionalidad, puede que necesitemos implementar que permita una conexión tanto online como offline para cuando no existe una conexión a la red.</p> <p>Según las necesidades de cada proyecto y su respectiva estrategia planteamos webs apps progresivas (PWA) o apps nativas (Android &amp; iOS).</p> </div> </div> <div class="dr-comp fade img-scroll-ani pr-flotante prlt15 tipo_margen_grande" id="15" > <img src="https://drool.es/wp-content/uploads/2022/10/diseno-digital-simple-5-scaled-jpg.webp" alt="Diseño web de Señor Franklin mostrado en un móvil"> </div><div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <h3><strong>Diseño para redes sociales.</strong></h3> <p>Estamos más conectados que nunca. Ya no hay excusas para no saber de otras personas o no estar al tanto de las últimas noticias y acontecimientos. Las redes sociales han hecho posible nuestro acercamiento tanto a personas como a marcas.</p> <p>El usuario tiene el poder de elegir a lo que quiere estar conectado, qué quiere que aparezca en su feed de noticias o qué notificaciones recibir.</p> <p>Gracias a ellas consuminos información con una inmediatez absoluta y debido a su gran consumo, las marcas tienen un canal directo de comunicación con millones de personas en un solo tweet, post o video. Son una oportunidad única para mostrar lo que una marca puede hacer por las personas. No se trata simplemente de promocionar, se trata de ir mucho más allá y ofrecer un contenido que permita aportar valor auténtico de aprendizaje, de entretenimiento o de información.</p> <p>Es un canal de información en el que tanto el mensaje como la estética están unidos. Nosotros los vemos como la oportunidad más clara de mostrar la personalidad de una marca en el día a día a través de una estrategia definida, un mensaje claro y una imagen diferente y atractiva. Un punto de relación directa y cercana que sirve para crear lazos de unión, de ahí lo importante de cuidar cada letra y píxel que se publica.</p> </div> </div> <div class="dr-comp fade img-scroll-ani pr-flotante prlt17 tipo_margen_grande" id="17" > <video loop="loop" playsinline="playsinline" controlslist="nodownload noplaybackrate" autoplay="autoplay" disablepictureinpicture="" muted="muted" src="https://player.vimeo.com/progressive_redirect/playback/794059279/rendition/1080p/file.mp4?loc=external&signature=e3ae112d146519e3028e5275c8aff0c670aa45e467e3ed9adc4a76e5bdb73e5a"> <source src="https://player.vimeo.com/progressive_redirect/playback/794059279/rendition/1080p/file.mp4?loc=external&signature=e3ae112d146519e3028e5275c8aff0c670aa45e467e3ed9adc4a76e5bdb73e5a" type="video/mp4"></source> </video> </div> </main> <aside> <div class="mod__proyrel mod__proyrel_servicios"> <div class="container"> <div class='pro_rel__title'> <h3 class="fade">Proyectos relacionados</h3> <p class="fade"><a href='https://drool.es/proyectos/'>Ver proyectos</a><a href='https://drool.es/servicios/'>Ver servicios</a></p> </div> <div class="row"> <div class="col-11 col-md-6 col-lg-4 offset-lg-1 fade"> <a href="https://drool.es/proyectos/compralaentrada/" title="Compralaentrada" class="mod__proyrel_pro"> <div class="pro_rel_contimg_ant"> <div class="cpaa"></div> <span class="pro_rel_contimg img-scroll-ani"> <img src="https://drool.es/wp-content/uploads/2022/04/compralaentrada-thumb-jpg.webp" alt="Compralaentrada" > </span> </div> <h4>Compralaentrada — Entra, selecciona y disfruta</h4> </a> </div> <div class="col-11 offset-1 offset-md-0 col-md-6 col-lg-4 offset-lg-2 fade"> <a href="https://drool.es/proyectos/grupo-91/" title="Grupo 91" class="mod__proyrel_pro"> <div class="pro_rel_contimg_ant"> <div class="cpaa"></div> <span class="pro_rel_contimg img-scroll-ani"> <img src="https://drool.es/wp-content/uploads/2022/04/grupo91-thumb-jpg.webp" alt="Grupo 91" > </span> </div> <h4>Grupo 91 — Un rebranding para una marca de 30 años de experiencia</h4> </a> </div> </div> </div> </div> <a href="https://drool.es/contacto/" class="modulo__contacto"> <div class="modulo__contacto_txt"> Estamos listos para dar forma y color a tus necesidades </div> <div class="modulo__contacto_marquee"> <div class="modulo__contacto_marquee_txt"> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> </div> </div> </a></aside> <footer > <div class="footer__cont"> <div class="container"> <div class="row"> <div class="col-12 col-lg-8 offset-lg-2"> <h4>Estudio de diseño gráfico y comunicación creativa.</h4> </div> <div class="col-6 col-md-4 offset-lg-2"> <address class="direcc">Ronda de Levante, 14 1º Oficina 4<br>30008 Murcia, España</address> <div class="footer__contacto"> <div class="tlfn"> <div class="graytxt">Teléfono</div> <a href="tel:+34687515232">687 515 232</a> </div> <div class="correo"> <div class="graytxt">Email</div> <a href="mailto:hola@drool.es">hola@drool.es</a> </div> </div> </div> <div class="col-6 col-md-8 col-lg-6"> <div class="row"> <div class="col-12 col-md-6 col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="servicioslist"> <div class="graytxt">Servicios</div> <div class="menu-servicios-columna-1-container"><ul id="menu-servicios-columna-1" class="menu"><li id="menu-item-2072" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2072"><a href="https://drool.es/servicios/branding/">Branding</a></li> <li id="menu-item-2073" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2073"><a href="https://drool.es/servicios/diseno-grafico/">Diseño gráfico</a></li> <li id="menu-item-2074" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-2074"><a href="https://drool.es/servicios/diseno-web-y-digital/" aria-current="page">Diseño web y digital</a></li> <li id="menu-item-2075" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2075"><a href="https://drool.es/servicios/motion-graphics-y-animacion/">Motion graphics</a></li> <li id="menu-item-2371" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2371"><a href="https://drool.es/desarrollo-web-con-webflow/">Expertos en Webflow</a></li> </ul></div> </div> </div> <div class="col-lg-6"> <div class="servicioslist"> <div class="graytxt d-none d-lg-block">&nbsp;</div> <div class="menu-servicios-columna-2-container"><ul id="menu-servicios-columna-2" class="menu"><li id="menu-item-2076" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2076"><a href="https://drool.es/nosotros/">Nosotros</a></li> <li id="menu-item-2077" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2077"><a href="https://drool.es/servicios/">Servicios</a></li> <li id="menu-item-2078" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2078"><a href="https://drool.es/proyectos/">Proyectos</a></li> <li id="menu-item-2670" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-2670"><a href="https://drool.es/blog/">Blog</a></li> <li id="menu-item-2370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2370"><a href="https://drool.es/newsletter/">Newsletter</a></li> <li id="menu-item-2079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2079"><a href="https://drool.es/contacto/">Contacto</a></li> </ul></div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="redes"> <div class="graytxt">Nuestras redes</div> <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/droolestudio/">Instagram</a> <a target="_blank" rel="noopener noreferrer" href="https://www.behance.net/droolestudio">Behance</a> <a target="_blank" rel="noopener noreferrer" href="https://www.twitter.com/droolestudio">X (Twitter)</a> <a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/company/2070829">Linkedin</a> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="row"> <div class="col-12 col-md-5 col-lg-4 offset-lg-2"> <div class="copyright">2024 Drool. Todos los derechos reservados.</div> </div> <div class="col-12 col-md-7 col-lg-6 text-md-right"> <div class="legal-links"> <a class="drt" rel="nofollow" href="https://drool.es/aviso-legal/">Aviso Legal</a><span class="separador">|</span><a class="drt" rel="nofollow" href="https://drool.es/politica-de-privacidad/">Política de privacidad</a><span class="separador">|</span><a rel="nofollow" class="drt" href="https://drool.es/politica-de-cookies/">Política de cookies</a> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <div class="container" id="containerTam"></div> <script src="https://player.vimeo.com/api/player.js"></script> <div class="bg-video"> <div id="vidCursor"></div> <div class="modal-overlay"> <div class="cont__iframe"> <iframe src="" id="bg-video-iframe" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div> </div> </div> <!-- Cursor --> <div id="cursor"></div> <div id="tfloatCursor"></div> <!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">Utilizamos cookies para asegurarnos que obtengas la mejor experiencia en nuestra web.</div><div class="cli-bar-btn_container"><a role='button' class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 5px 0px 0px">Configurar</a><a id="wt-cli-accept-all-btn" role='button' data-cli_action="accept_all" class="wt-cli-element medium cli-plugin-button wt-cli-accept-all-btn cookie_action_close_header cli_action_button">Aceptar</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Manage consent</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Cerrar</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Descripción general de privacidad</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">Este sitio web utiliza cookies para mejorar su experiencia mientras navega por él. De ellas, las cookies que se clasifican como necesarias se almacenan en su navegador, ya que son esenciales para el funcionamiento del sitio web. También utilizamos cookies de terceros que nos ayudan a analizar y comprender cómo utiliza este nuestra web. Estas cookies se almacenarán en su navegador sólo con su consentimiento. También tiene la opción de optar por no recibir estas cookies pero la exclusión voluntaria de algunas de estas cookies puede afectar su experiencia de navegación.</div> </div> <a class="cli-privacy-readmore" aria-label="Mostrar más" role="button" data-readmore-text="Mostrar más" data-readless-text="Mostrar menos"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="funcionales" data-toggle="cli-toggle-tab"> Funcionales </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-funcionales" class="cli-user-preference-checkbox" data-id="checkbox-funcionales" /> <label for="wt-cli-checkbox-funcionales" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Funcionales</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="funcionales"> <div class="wt-cli-cookie-description"> Las cookies funcionales ayudan a realizar ciertas funcionalidades, como compartir el contenido del sitio web en plataformas de redes sociales, recopilar comentarios y otras funciones de terceros. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="rendimiento" data-toggle="cli-toggle-tab"> Rendimiento </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-rendimiento" class="cli-user-preference-checkbox" data-id="checkbox-rendimiento" /> <label for="wt-cli-checkbox-rendimiento" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Rendimiento</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="rendimiento"> <div class="wt-cli-cookie-description"> Las cookies de rendimiento se utilizan para comprender y analizar los índices clave de rendimiento del sitio web, lo que ayuda a ofrecer una mejor experiencia de usuario a los visitantes. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="analiticas" data-toggle="cli-toggle-tab"> Analíticas </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-analiticas" class="cli-user-preference-checkbox" data-id="checkbox-analiticas" /> <label for="wt-cli-checkbox-analiticas" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Analíticas</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="analiticas"> <div class="wt-cli-cookie-description"> Las cookies analíticas se utilizan para comprender cómo interactúan los visitantes con el sitio web. Estas cookies ayudan a proporcionar información sobre métricas: número de visitantes, tasa de rebote, fuente de tráfico, etc. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="anuncios" data-toggle="cli-toggle-tab"> Anuncios </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-anuncios" class="cli-user-preference-checkbox" data-id="checkbox-anuncios" /> <label for="wt-cli-checkbox-anuncios" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Anuncios</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="anuncios"> <div class="wt-cli-cookie-description"> Las cookies publicitarias se utilizan para proporcionar a los visitantes anuncios y campañas de marketing relevantes. Estas cookies rastrean a los visitantes en los sitios web y recopilan información para proporcionar anuncios personalizados. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="otras" data-toggle="cli-toggle-tab"> Otras </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-otras" class="cli-user-preference-checkbox" data-id="checkbox-otras" /> <label for="wt-cli-checkbox-otras" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Otras</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="otras"> <div class="wt-cli-cookie-description"> Otras cookies no categorizadas son aquellas que están siendo analizadas y aún no han sido clasificadas en ninguna categoría. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necesarias" data-toggle="cli-toggle-tab"> Necesarias </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-necesarias" class="cli-user-preference-checkbox" data-id="checkbox-necesarias" checked='checked' /> <label for="wt-cli-checkbox-necesarias" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Necesarias</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necesarias"> <div class="wt-cli-cookie-description"> Las cookies necesarias son absolutamente esenciales para que el sitio web funcione correctamente. Estas cookies garantizan funcionalidades básicas y características de seguridad del sitio web, de forma anónima. <table class="cookielawinfo-row-cat-table cookielawinfo-winter"><thead><tr><th class="cookielawinfo-column-1">Cookie</th></tr></thead><tbody><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-analytics</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-functional</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-necessary</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-others</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-performance</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">viewed_cookie_policy</td></tr></tbody></table> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">GUARDAR Y ACEPTAR</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <!--googleon: all--><link rel='stylesheet' id='cookie-law-info-table-css' href='https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-table.css?ver=3.2.6' type='text/css' media='all' /> <script type="text/javascript" src="https://drool.es/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://drool.es/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/drool.es\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2024-07-17 09:00:42+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"es"},"This contact form is placed in the wrong place.":["Este formulario de contacto est\u00e1 situado en el lugar incorrecto."],"Error:":["Error:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8" id="contact-form-7-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js?ver=3" id="slick-js"></script> <script type="text/javascript" src="https://drool.es/wp-content/themes/drool-studio/js/javascript.js?ver=3" id="javascript-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfvCJIoAAAAAA5wNvQDmm50_kzBYEmJZOqcKkjI&amp;ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://drool.es/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LfvCJIoAAAAAA5wNvQDmm50_kzBYEmJZOqcKkjI","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.9.8" id="wpcf7-recaptcha-js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10