PageSourceSearch

https://atico3.com/

html atico3.com collected 2026-10-07 17:52:25 UTC 54,525 bytes, 77 lines download raw bytes

1<!DOCTYPE html><html lang="es" class="no-js"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Agencia UX/UI Barcelona — Precio fijo, sin permanencia | Atico³</title><meta name="description" content="Diseñamos productos digitales para startups y scale-ups. Suscripción mensual, entrega rápida, sin permanencia. Más de 15 años de experiencia. Barcelona."><meta name="keywords" content="UX, Experiencia de Usuario, Diseño, UI, Agencia UX, Diseño digital, Barcelona"><meta name="author" content="Atico3"><meta name="robots" content="index, follow"><link rel="canonical" href="https://atico3.com/"><link rel="alternate" href="https://atico3.com/" hreflang="x-default"><link rel="alternate" href="https://atico3.com/" hreflang="es"><link rel="alternate" href="https://atico3.com/en/" hreflang="en"><link rel="alternate" href="https://atico3.com/ca/" hreflang="ca"><style>@font-face{font-family:"General Sans-2f32b1c8e90960cb";src:url("/_astro/fonts/ff46cff49931ceb6.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal;}@font-face{font-family:"General Sans-2f32b1c8e90960cb";src:url("/_astro/fonts/cc8767cc2a2aa049.woff2") format("woff2");font-display:swap;font-weight:500;font-style:normal;}@font-face{font-family:"General Sans-2f32b1c8e90960cb";src:url("/_astro/fonts/075a552937a42280.woff2") format("woff2");font-display:swap;font-weight:600;font-style:normal;}@font-face{font-family:"General Sans-2f32b1c8e90960cb";src:url("/_astro/fonts/330fee7f31994490.woff2") format("woff2");font-display:swap;font-weight:700;font-style:normal;}@font-face{font-family:"General Sans-2f32b1c8e90960cb fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:100.9419%;ascent-override:100.0575%;descent-override:23.776%;line-gap-override:9.9067%;}@font-face{font-family:"General Sans-2f32b1c8e90960cb fallback: Arial";src:local("Arial");font-display:swap;font-weight:500;font-style:normal;size-adjust:100.9419%;ascent-override:100.0575%;descent-override:23.776%;line-gap-override:9.9067%;}@font-face{font-family:"General Sans-2f32b1c8e90960cb fallback: Arial";src:local("Arial");font-display:swap;font-weight:600;font-style:normal;size-adjust:100.9419%;ascent-override:100.0575%;descent-override:23.776%;line-gap-override:9.9067%;}@font-face{font-family:"General Sans-2f32b1c8e90960cb fallback: Arial Bold";src:local("Arial Bold");font-display:swap;font-weight:700;font-style:normal;size-adjust:93.7538%;ascent-override:107.7289%;descent-override:25.599%;line-gap-override:10.6662%;}:root{--font-general-sans:"General Sans-2f32b1c8e90960cb","General Sans-2f32b1c8e90960cb fallback: Arial","General Sans-2f32b1c8e90960cb fallback: Arial Bold",sans-serif;}</style> <link rel="preload" href="/_astro/fonts/075a552937a42280.woff2" as="font" type="font/woff2" crossorigin><style>@font-face{font-family:Inter-8bcb3b6a2e57bcc5;src:url("/_astro/fonts/3659874296952b59.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal;}@font-face{font-family:Inter-8bcb3b6a2e57bcc5;src:url("/_astro/fonts/86aa531181a71dcc.woff2") format("woff2");font-display:swap;font-weight:500;font-style:normal;}@font-face{font-family:Inter-8bcb3b6a2e57bcc5;src:url("/_astro/fonts/99f8d880cd289748.woff2") format("woff2");font-display:swap;font-weight:600;font-style:normal;}@font-face{font-family:Inter-8bcb3b6a2e57bcc5;src:url("/_astro/fonts/847b6310bfa69c2e.woff2") format("woff2");font-display:swap;font-weight:700;font-style:normal;}@font-face{font-family:"Inter-8bcb3b6a2e57bcc5 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:107.1194%;ascent-override:90.4365%;descent-override:22.518%;line-gap-override:0%;}@font-face{font-family:"Inter-8bcb3b6a2e57bcc5 fallback: Arial";src:local("Arial");font-display:swap;font-weight:500;font-style:normal;size-adjust:107.1194%;ascent-override:90.4365%;descent-override:22.518%;line-gap-override:0%;}@font-face{font-family:"Inter-8bcb3b6a2e57bcc5 fallback: Arial";src:local("Arial");font-display:swap;font-weight:600;font-style:normal;size-adjust:107.1194%;ascent-override:90.4365%;descent-override:22.518%;line-gap-override:0%;}@font-face{font-family:"Inter-8bcb3b6a2e57bcc5 fallback: Arial Bold";src:local("Arial Bold");font-display:swap;font-weight:700;font-style:normal;size-adjust:99.4914%;ascent-override:97.3703%;
1descent-override:24.2444%;line-gap-override:0%;}:root{--font-inter:Inter-8bcb3b6a2e57bcc5,"Inter-8bcb3b6a2e57bcc5 fallback: Arial","Inter-8bcb3b6a2e57bcc5 fallback: Arial Bold",sans-serif;}</style> <link rel="preload" href="/_astro/fonts/3659874296952b59.woff2" as="font" type="font/woff2" crossorigin><link rel="icon" type="image/png" href="/images/icons/fav/icon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/images/icons/fav/icon-96x96.png" sizes="96x96"><link rel="apple-touch-icon" href="/images/icons/fav/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="180x180" href="/images/icons/fav/apple-icon-180x180.png"><link rel="apple-touch-icon" sizes="152x152" href="/images/icons/fav/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/images/icons/fav/apple-icon-167x167.png"><meta property="og:type" content="website"><meta property="og:url" content="https://atico3.com/"><meta property="og:title" content="Agencia UX/UI Barcelona — Precio fijo, sin permanencia | Atico³"><meta property="og:description" content="Diseñamos productos digitales para startups y scale-ups. Suscripción mensual, entrega rápida, sin permanencia. Más de 15 años de experiencia. Barcelona."><meta property="og:image" content="https://atico3.com/images/atico3-share-image.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@atico3studio"><meta name="twitter:title" content="Agencia UX/UI Barcelona — Precio fijo, sin permanencia | Atico³"><meta name="twitter:description" content="Diseñamos productos digitales para startups y scale-ups. Suscripción mensual, entrega rápida, sin permanencia. Más de 15 años de experiencia. Barcelona."><meta name="twitter:image" content="https://atico3.com/images/atico3-share-image.png"><meta name="twitter:url" content="https://atico3.com/"><link rel="preload" href="/css/cookieconsent.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="/css/cookieconsent.css"></noscript>
1<script src="https://analytics.ahrefs.com/analytics.js" data-key="VEtVPMwwWeKmVcyAs4TZgg" async></script>
1<script>
2    window.dataLayer = window.dataLayer || [];
3    function gtag(){dataLayer.push(arguments);}
4    gtag('consent', 'default', {
5      analytics_storage: 'denied',
6      ad_storage: 'denied',
7      ad_user_data: 'denied',
8      ad_personalization: 'denied',
9      wait_for_update: 500,
10    });
11    gtag('js', new Date());
12    gtag('config', 'G-6TJ1LJB942', { send_page_view: true });
13    gtag('config', 'AW-852156308');
14  </script>
14<script>
15    (function () {
16      function loadGtag() {
17        var s = document.createElement('script');
18        s.async = true;
19        s.src = 'https://www.googletagmanager.com/gtag/js?id=G-6TJ1LJB942';
20        document.head.appendChild(s);
21      }
22      var schedule = window.requestIdleCallback || function (cb) { return setTimeout(cb, 1); };
23      if (document.readyState === 'complete') {
24        schedule(loadGtag);
25      } else {
26        window.addEventListener('load', function () { schedule(loadGtag); });
27      }
28    })();
29  </script>
29<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":["Organization","LocalBusiness"],"@id":"https://atico3.com/#organization","name":"Atico³","url":"https://atico3.com","logo":{"@type":"ImageObject","url":"https://atico3.com/images/a3-icon.png"},"email":"[email protected]","address":{"@type":"PostalAddress","addressLocality":"Barcelona","addressRegion":"Catalonia","addressCountry":"ES"},"areaServed":["ES","GB","US","DE","FR","NL"],"description":"Agencia de diseño UX/UI en Barcelona. Productos digitales para startups y scale-ups. Suscripción mensual de diseño.","sameAs":["https://twitter.com/atico3studio"],"knowsAbout":["UX Design","UI Design","Product Design","Web Development","Mobile App Design"]},{"@type":"WebSite","@id":"https://atico3.com/#website","url":"https://atico3.com","name":"Atico³","publisher":{"@id":"https://atico3.com/#organization"}}]}</script>
29<link rel="preload" as="image" imagesrcset="/_astro/sheldonn-ipad.o6hFn8L__22b13P.avif 800w, /_astro/sheldonn-ipad.o6hFn8L__Z1iDYIe.avif 1200w, /_astro/sheldonn-ipad.o6hFn8L__1htyuh.avif 1800w, /_astro/sheldonn-ipad.o6hFn8L__Zemrdk.avif 2400w" imagesizes="(max-width: 768px) 100vw, 55vw" type="image/avif" fetchpriority="high"><link rel="stylesheet" href="/_astro/styles.CSX8-mIj.css"></head> <body class="is-home"> 
29<script type="module" src="/js/cookieconsent-config.js"></script>
29<div id="content"> 
30  
31  <nav class="navbar" role="navigation" aria-label="main navigation"> <a class="nav-logo" href="/" aria-label="Atico3"> <svg width="120" height="50" viewBox="0 0 170 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
32    <g id="p1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
33        <g class="atico3-logo" fill="#ffffff">
34            <polygon class="a" points="30.618 50.371 18.696 22.155 6.774 50.37 0.064 50.37 15.85 13.012 21.543 13.012 37.328 50.372 30.619 50.372"></polygon>
35            <path d="M43.263,9.889 L43.263,22.907 C43.2630001,28.8683333 43.2630001,34.8296667 43.263,40.791 C43.263,44.845 45.176,47.714 48.216,49.234 C49.226,49.739 50.276,50.054 51.321,50.228 C51.686,50.288 52.029,50.328 52.344,50.351 C52.553,50.366 52.721,50.371 52.843,50.371 L55.933,50.371 L55.933,44.191 L52.843,44.191 C52.863,44.191 52.841,44.19 52.783,44.186 C52.6335648,44.1745534 52.4847391,44.1562004 52.337,44.131 C51.8662459,44.0567597 51.4090012,43.9135548 50.98,43.706 C49.964,43.198 49.443,42.416 49.443,40.791 L49.443,26.124 L49.443,22.907 L49.443,13.805 L49.443,6.799 L43.263,6.799 L43.263,9.889 L43.263,9.889 Z M37.083,19.16 L55.623,19.16 L55.623,12.98 L37.083,12.98 L37.083,19.16 Z" class="t" fill-rule="nonzero"></path>
36            <polygon class="i" points="64.894 12.98 71.074 12.98 71.074 50.37 64.894 50.37"></polygon>
37            <path d="M97.65,12.361 C97.456,12.361 97.152,12.371 96.753,12.4 C96.121,12.445 95.426,12.525 94.68,12.65 C92.549,13.005 90.412,13.646 88.389,14.657 C82.451,17.626 78.8,23.103 78.8,31.212 C78.8,39.321 82.451,44.797 88.389,47.766 C90.412,48.778 92.549,49.419 94.68,49.774 C95.426,49.898 96.121,49.978 96.753,50.024 C97.153,50.052 97.456,50.062 97.651,50.062 L97.651,43.882 L97.651,46.972 C97.654,43.882 97.628,43.882 97.577,43.88 C97.471,43.876 97.342,43.87 97.194,43.859 C96.692125,43.8219808 96.1922489,43.7615819 95.696,43.678 C94.134,43.418 92.576,42.95 91.153,42.238 C87.24,40.282 84.981,36.893 84.981,31.212 C84.981,25.53 87.24,22.142 91.153,20.185 C92.577,19.473 94.133,19.006 95.696,18.745 C96.1922647,18.6617531 96.6921407,18.6016879 97.194,18.565 C97.342,18.554 97.471,18.547 97.577,18.544 L97.651,18.542 L97.651,12.362 L97.65,12.361 Z" class="c"></path>
38            <path d="M121.445,50.062 C111.205,50.062 102.904,41.761 102.904,31.521 C102.904,21.281 111.205,12.979 121.445,12.979 C131.685,12.979 139.987,21.28 139.987,31.521 C139.987,41.761 131.685,50.062 121.445,50.062 Z M121.445,43.882 C128.272,43.882 133.806,38.348 133.806,31.521 C133.806,24.694 128.272,19.16 121.446,19.16 C114.619,19.16 109.084,24.694 109.084,31.52 C109.084,38.348 114.619,43.882 121.445,43.882 Z" class="o" fill-rule="nonzero"></path>
39            <path d="M158.672068,16.0695 C160.145855,14.4678018 161,12.2882259 161,9.58 C161,5.527 159.087,2.657 156.047,1.137 C155.038,0.633 153.987,0.318 152.942,0.143 C152.577,0.083 152.234,0.043 151.92,0.02 C151.71,0.006 151.542,0 151.42,0 L148.33,0 L148.33,6.181 L151.42,6.181 C151.399,6.181 151.422,6.181 151.479,6.185 C151.62877,6.19641594 151.77793,6.21476897 151.926,6.24 C152.396754,6.31424034 152.853999,6.45744521 153.283,6.665 C154.299,7.173 154.82,7.955 154.82,9.58 C154.82,11.205 154.299,11.986 153.283,12.494 C152.873,12.7 152.402,12.84 151.926,12.92 C151.759,12.948 151.608,12.965 151.479,12.974 C151.472314,12.9744611 151.466106,12.9749222 151.460389,12.9801749 C151.446411,12.9800563 151.432947,12.98 151.42,12.98 L151.42,12.979 L148.33,12.979 L148.33,16.0695 L148.33,19.16 L151.42,19.16 C151.399,19.16 151.422,19.16 151.479,19.164 C151.62877,19.1754159 151.77793,19.193769 151.926,19.219 C152.396807,19.2935574 152.854053,19.4370998 153.283,19.645 C154.299,20.152 154.82,20.934 154.82,22.559 C154.82,24.184 154.299,24.965 153.283,25.473 C152.873,25.679 152.402,25.819 151.926,25.899 C151.759,25.927 151.608,25.944 151.479,25.953 L151.479,25.953 C151.451,25.955 151.421,25.958 151.111,25.958 L151.42,25.958 L148.33,25.958 L148.33,32.138 L151.42,32.138 C151.542,32.138 151.71,32.133 151.919,32.118 C152.234,32.095 152.577,32.056 152.942,3
391.995 C153.987,31.821 155.037,31.506 156.047,31.001 C159.087,29.481 161,26.612 161,22.559 C161,19.8507741 160.145855,17.6711982 158.672068,16.0695 Z" class="n3" fill-rule="nonzero"></path>
40        </g>
41    </g>
42</svg>
43 </a> <div id="siteNav" class="nav-menu"> <div class="nav-links"> <a href="/" class="nav-link is-active">Inicio</a> <a href="/#work" class="nav-link" data-work-link>Trabajos</a> <a href="/p/services/" class="nav-link">Servicios</a> <a href="/p/subscription/" class="nav-link">Precios</a> <a href="/p/about/" class="nav-link">Nosotros</a> <a href="/blog/" class="nav-link nav-link--mobile-only">Blog</a> </div> <div class="nav-actions"> <div class="nav-lang"> <button class="nav-lang-btn" aria-label="language"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20"><path d="M256,0C114.841,0,0,114.841,0,256S114.841,512,256,512,512,397.159,512,256,397.159,0,256,0ZM32,256a223.492,223.492,0,0,1,7.868-58.88h79.585a476.089,476.089,0,0,0,0,117.76H39.868A223.492,223.492,0,0,1,32,256Zm115.8,0a438.984,438.984,0,0,1,3.908-58.88H240V314.88H151.706A438.984,438.984,0,0,1,147.8,256ZM272,34.724c20.983,7.072,41.33,27.726,57.544,59.059,10.775,20.821,19.208,45,25.061,71.337H272Zm-32,0v130.4H157.4c5.853-26.336,14.286-50.516,25.061-71.337C198.671,62.45,219.017,41.8,240,34.724Zm0,312.156v130.4c-20.983-7.072-41.329-27.726-57.544-59.059-10.775-20.821-19.208-45-25.061-71.337Zm32,130.4V346.88h82.605c-5.853,26.336-14.286,50.516-25.061,71.337C313.33,449.55,292.983,470.2,272,477.276Zm0-162.4V197.12h88.294A438.984,438.984,0,0,1,364.2,256a438.984,438.984,0,0,1-3.908,58.88ZM392.548,197.12h79.584a224.248,224.248,0,0,1,0,117.76H392.548A471.238,471.238,0,0,0,396.2,256,471.238,471.238,0,0,0,392.548,197.12Zm68.169-32H387.3c-6.476-31.755-16.371-61-29.332-86.044a215.821,215.821,0,0,0-19.64-31.4A225.3,225.3,0,0,1,460.717,165.12ZM173.677,47.672a215.823,215.823,0,0,0-19.641,31.4c-12.961,25.045-22.856,54.289-29.332,86.044H51.283A225.3,225.3,0,0,1,173.677,47.672ZM51.283,346.88H124.7c6.476,31.755,16.371,61,29.332,86.044a215.823,215.823,0,0,0,19.641,31.4A225.3,225.3,0,0,1,51.283,346.88ZM338.324,464.328a215.821,215.821,0,0,0,19.64-31.4c12.961-25.045,22.856-54.289,29.332-86.044h73.421A225.3,225.3,0,0,1,338.324,464.328Z"></path></svg> </button> <div class="nav-lang-dropdown"> <a href="/en/" class="nav-lang-item">English</a> <a href="/" class="nav-lang-item">Castellano</a> <a href="/ca/" class="nav-lang-item">Catalan</a> </div> </div> <a href="/p/contact/" class="button is-small is-white">Contacto</a> </div> </div> <button class="nav-burger" aria-label="menu" aria-expanded="false" data-target="siteNav"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </button> </nav> 
43<script type="module">function l(e,t){t.classList.add("is-active"),e.classList.add("is-nav-opening"),e.addEventListener("transitionend",()=>{e.classList.remove("is-nav-opening"),e.classList.add("is-active")},{once:!0})}function o(e){e.querySelector(".nav-burger")?.classList.remove("is-active"),e.classList.add("is-closing"),e.addEventListener("animationend",()=>{e.classList.remove("is-active","is-closing"),e.classList.add("is-returning"),requestAnimationFrame(()=>requestAnimationFrame(()=>{e.classList.remove("is-returning")}))},{once:!0})}document.querySelectorAll(".nav-burger").forEach(e=>{e.addEventListener("click",()=>{const t=e.closest(".navbar");t.classList.contains("is-active")?o(t):l(t,e)})});document.querySelectorAll('.nav-links a[href*="#"]').forEach(e=>{e.addEventListener("click",()=>{const t=e.closest(".navbar");t?.classList.contains("is-active")&&o(t)})});document.querySelectorAll("[data-work-link]").forEach(e=>{e.addEventListener("click",t=>{const n=document.getElementById("work"),c=document.querySelector(".masthead")!==null;if(!n||!c)return;t.preventDefault();const s=e.closest(".navbar");s?.classList.contains("is-active")&&o(s),n.scrollIntoView({behavior:"smooth"})})});document.querySelectorAll(".nav-lang-item").forEach(e=>{e.addEventListener("click",t=>{if(t.preventDefault(),e.dataset.override){window.location.href=e.dataset.override;return}const n=window.location.pathname,c=e.getAttribute("href")??"/";let s=n.replace(/^\/(en|ca)(\/|$)/,"/");c!=="/"&&(s=c+s),s=s.replace(/\/{2,}/g,"/"),s.startsWith("/")||(s="/"+s),window.location.href=s})});const i=document.querySelector(".navbar"),a=document.getElementById("container");let r=window.scrollY;window.addEventListener("scroll",()=>{const e=window.scrollY;i&&(e<=80?i.classList.remove("is-scrolled-away"):e>r&&window.innerWidth<1024?i.classList.add("is-scrolled-away"):i.classList.remove("is-scrolled-away"),r=e,a&&i.classList.toggle("is-light",e>=a.offsetHeight))},{passive:!0});</script>
43
44  <div id="container" class="masthead theme-black is-loading" data-slide-images="{&quot;ipad&quot;:[{&quot;src&quot;:&quot;/_astro/ipad-02_2x.D8eXEkiE.webp&quot;,&quot;w&quot;:2560,&quot;h&quot;:1460}],&quot;appDesign&quot;:[{&quot;src&quot;:&quot;/_astro/app_design_01_2x.hz2gKj92.webp&quot;,&quot;w&quot;:756,&quot;h&quot;:1380},{&quot;src&quot;:&quot;/_astro/app_design_02_2x.DGlg4P4A.webp&quot;,&quot;w&quot;:756,&quot;h&quot;:1380},{&quot;src&quot;:&quot;/_astro/app_design_03_2x.BzM28umm.webp&quot;,&quot;w&quot;:756,&quot;h&quot;:1380}]}"> <div class="masthead-loader"> <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
45   <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
46</svg>
47 </div> <div class="intro-copy"> <h1 class="intro-heading"> <span class="title">Diseñamos y construimos productos digitales</span> <span class="subtitle">Agencia de diseño UX/UI en Barcelona</span> </h1> </div> <div class="slideshow"> <div class="display-box sheldonn-hero"> <div> <picture> <source srcset="/_astro/sheldonn-ipad.o6hFn8L__22b13P.avif 800w, /_astro/sheldonn-ipad.o6hFn8L__Z1iDYIe.avif 1200w, /_astro/sheldonn-ipad.o6hFn8L__1htyuh.avif 1800w, /_astro/sheldonn-ipad.o6hFn8L__Zemrdk.avif 2400w" type="image/avif" sizes="(max-width: 768px) 100vw, 55vw"><source srcset="/_astro/sheldonn-ipad.o6hFn8L__Z1DjvQC.webp 800w, /_astro/sheldonn-ipad.o6hFn8L__1yoAp2.webp 1200w, /_astro/sheldonn-ipad.o6hFn8L__Z1hgF2p.webp 1800w, /_astro/sheldonn-ipad.o6hFn8L__2h4s3U.webp 2400w" type="image/webp" sizes="(max-width: 768px) 100vw, 55vw">  <img src="/_astro/sheldonn-ipad.o6hFn8L__1Xo4Ks.png" srcset="/_astro/sheldonn-ipad.o6hFn8L__Z2paTNc.png 800w, /_astro/sheldonn-ipad.o6hFn8L__Z1TpYz1.png 1200w, /_astro/sheldonn-ipad.o6hFn8L__Z28MUmj.png 1800w, /_astro/sheldonn-ipad.o6hFn8L__1pxcJ1.png 2400w" alt="Diseño app iPad Sheldonn" decoding="async" fetchpriority="high" loading="eager" sizes="(max-width: 768px) 100vw, 55vw" style="object-fit: cover;" width="4119" height="2799"> </picture> </div> </div> </div> <div class="down-arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
48	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
49<g id="Bounding_Boxes">
50	<path fill="none" d="M0,0h24v24H0V0z"/>
51</g>
52<g fill="#fff">
53	<path d="M11,5v11.17l-4.88-4.88c-0.39-0.39-1.03-0.39-1.42,0l0,0c-0.39,0.39-0.39,1.02,0,1.41l6.59,6.59
54		c0.39,0.39,1.02,0.39,1.41,0l6.59-6.59c0.39-0.39,0.39-1.02,0-1.41l0,0c-0.39-0.39-1.02-0.39-1.41,0L13,16.17V5c0-0.55-0.45-1-1-1
55		h0C11.45,4,11,4.45,11,5z"/>
56</g>
57</svg>
58 </div> </div> 
58<script type="module" src="/_astro/Masthead.astro_astro_type_script_index_0_lang.iE3ENpxG.js"></script>
58
59  <section id="about" class="about"> <div class="flex flex-wrap"> <div class="col w-full ws:w-1/2"> <h2 class="title about-title">La pieza que falta en tu equipo</h2> </div> <div class="col about-text-cols w-full ws:w-1/2"> <p>La mayoría de equipos de producto tienen el mismo problema: mucha ingeniería, poca capacidad de diseño UX & UI. Los plazos se estiran, el producto queda a medias, y la deuda de diseño se acumula.</p> <p>Nosotros entramos como tu equipo senior de diseño: entregas rápidas, acceso directo, sin intermediarios. Desde nuestro estudio en Barcelona, llevamos 15+ años diseñando productos para startups y scale-ups de todos los sectores.</p> </div> </div> </section> 
59<script type="module" src="/_astro/About.astro_astro_type_script_index_0_lang.DVr2TXP9.js"></script>
59
60  <section class="logo-strip"> <div class="logo-scroller"> <div class="logo-band"> <ul class="logo-set"> <li class="logo-item"> <img data-src="/_astro/axa.Gfurz7O9_Z8rYYk.webp" data-srcset="/_astro/axa.Gfurz7O9_Z8rYYk.webp 1x, /_astro/axa.Gfurz7O9_Z1ftsBC.webp 2x" width="110" height="60" alt="axa" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/grandvoyage.DDcHvPGn_1Hf23S.webp" data-srcset="/_astro/grandvoyage.DDcHvPGn_1Hf23S.webp 1x, /_astro/grandvoyage.DDcHvPGn_ZstBFd.webp 2x" width="150" height="60" alt="grandvoyage" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/happets.BhWjNJX6_gYvFJ.webp" data-srcset="/_astro/happets.BhWjNJX6_gYvFJ.webp 1x, /_astro/happets.BhWjNJX6_23UozP.webp 2x" width="150" height="60" alt="happets" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/institut-ciencies-mar.D4wmpNUT_20SMFu.webp" data-srcset="/_astro/institut-ciencies-mar.D4wmpNUT_20SMFu.webp 1x, /_astro/institut-ciencies-mar.D4wmpNUT_kXs0C.webp 2x" width="150" height="60" alt="institut ciencies mar" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/inviertis.PlJFfN2p_ZbbwgS.webp" data-srcset="/_astro/inviertis.PlJFfN2p_ZbbwgS.webp 1x, /_astro/inviertis.PlJFfN2p_Z1zC3La.webp 2x" width="150" height="60" alt="inviertis" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/marsbased.CvsIUnf6_1JwYoX.webp" data-srcset="/_astro/marsbased.CvsIUnf6_1JwYoX.webp 1x, /_astro/marsbased.CvsIUnf6_l6rTG.webp 2x" width="150" height="60" alt="marsbased" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/npaw.BNxJgKH8_Z2lANs7.webp" data-srcset="/_astro/npaw.BNxJgKH8_Z2lANs7.webp 1x, /_astro/npaw.BNxJgKH8_Z2v4bf0.webp 2x" width="150" height="60" alt="npaw" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/payzaar.C-flnOH-_1X8eNI.webp" data-srcset="/_astro/payzaar.C-flnOH-_1X8eNI.webp 1x, /_astro/payzaar.C-flnOH-_Z1k8167.webp 2x" width="150" height="60" alt="payzaar" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/qustodio.f5L01miC_4QoQe.webp" data-srcset="/_astro/qustodio.f5L01miC_4QoQe.webp 1x, /_astro/qustodio.f5L01miC_Z2w0LEp.webp 2x" width="150" height="60" alt="qustodio" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/redtrust.CVf1hrPV_1vvSsH.webp" data-srcset="/_astro/redtrust.CVf1hrPV_1vvSsH.webp 1x, /_astro/redtrust.CVf1hrPV_Z15li2V.webp 2x" width="150" height="60" alt="redtrust" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/trabber.CK_VRV5j_Z154IUx.webp" data-srcset="/_astro/trabber.CK_VRV5j_Z154IUx.webp 1x, /_astro/trabber.CK_VRV5j_GQ8Xy.webp 2x" width="150" height="60" alt="trabber" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/visa.BJIDx_nt_Z17OsGn.webp" data-srcset="/_astro/visa.BJIDx_nt_Z17OsGn.webp 1x, /_astro/visa.BJIDx_nt_Z27Y5XR.webp 2x" width="110" height="60" alt="visa" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/vlex.CXtKA-vU_Zp4OcP.webp" data-srcset="/_astro/vlex.CXtKA-vU_Zp4OcP.webp 1x, /_astro/vlex.CXtKA-vU_Z1nuEvq.webp 2x" width="115" height="60" alt="vlex" loading="lazy" decoding="async"> </li><li class="logo-item"> <img data-src="/_astro/volotea.B2-Dr6z__291Xb7.webp" data-srcset="/_astro/volotea.B2-Dr6z__291Xb7.webp 1x, /_astro/volotea.B2-Dr6z__Z19ehII.webp 2x" width="150" height="60" alt="volotea" loading="lazy" decoding="async"> </li> </ul> </div> </div> </section> 
60<script type="module" src="/_astro/LogoStrip.astro_astro_type_script_index_0_lang.CkLJB97C.js"></script>
60
61  <section id="work" class="work"> <div class="work-grid"> <div class="work-card is-tall"> <img data-src="/_astro/soundsmarket-mobile.B4eKHfS7_ZNQqrx.webp" data-srcset="/_astro/soundsmarket-mobile.B4eKHfS7_ZtFLLk.webp 400w, /_astro/soundsmarket-mobile.B4eKHfS7_ZNQqrx.webp 700w, /_astro/soundsmarket-mobile.B4eKHfS7_1DdyBh.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="2636" alt="UX &amp; UI, Ecommerce Design - Soundsmarket" loading="lazy" decoding="async"> <span class="work-label">Soundsmarket</span> <span class="work-meta">UX &amp; UI, Ecommerce Design</span> </div><div class="work-card"> <img data-src="/_astro/anything-app-icon.BMdFiZWV_1fJ926.webp" data-srcset="/_astro/anything-app-icon.BMdFiZWV_Z1Ovh1m.webp 400w, /_astro/anything-app-icon.BMdFiZWV_1fJ926.webp 700w, /_astro/anything-app-icon.BMdFiZWV_1gpwYg.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="Icon Design, Branding - Anything" loading="lazy" decoding="async"> <span class="work-label">Anything</span> <span class="work-meta">Icon Design, Branding</span> </div><div class="work-card"> <img data-src="/_astro/soundsmarket-sticker.79Yi1X0S_Z1qEa1l.webp" data-srcset="/_astro/soundsmarket-sticker.79Yi1X0S_2mWPfP.webp 400w, /_astro/soundsmarket-sticker.79Yi1X0S_Z1qEa1l.webp 700w, /_astro/soundsmarket-sticker.79Yi1X0S_Z1cxPz9.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="Branding, Sticker - Soundsmarket" loading="lazy" decoding="async"> <span class="work-label">Soundsmarket</span> <span class="work-meta">Branding, Sticker</span> </div><div class="work-card is-tall"> <img data-src="/_astro/banktrack-ui.dsv151g7_ZDRrCD.webp" data-srcset="/_astro/banktrack-ui.dsv151g7_G6dtl.webp 400w, /_astro/banktrack-ui.dsv151g7_ZDRrCD.webp 700w, /_astro/banktrack-ui.dsv151g7_Nyoy1.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="2636" alt="UX &amp; UI, Dashboard - Banktrack" loading="lazy" decoding="async"> <span class="work-label">Banktrack</span> <span class="work-meta">UX &amp; UI, Dashboard</span> </div><div class="work-card"> <img data-src="/_astro/simbria.5_AMp49-_LUcqH.webp" data-srcset="/_astro/simbria.5_AMp49-_Z2uoUc0.webp 400w, /_astro/simbria.5_AMp49-_LUcqH.webp 700w, /_astro/simbria.5_AMp49-_Z1KXx6P.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="UX &amp; UI, Product - Simbria" loading="lazy" decoding="async"> <span class="work-label">Simbria</span> <span class="work-meta">UX &amp; UI, Product</span> </div><div class="work-card"> <img data-src="/_astro/kimchi-logo.oldawl83_Z1quskb.webp" data-srcset="/_astro/kimchi-logo.oldawl83_4Fajy.webp 400w, /_astro/kimchi-logo.oldawl83_Z1quskb.webp 700w, /_astro/kimchi-logo.oldawl83_i6Vdi.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="Branding, Identity - Kimchi" loading="lazy" decoding="async"> <span class="work-label">Kimchi</span> <span class="work-meta">Branding, Identity</span> </div><div class="work-card"> <img data-src="/_astro/membersfy-logo.Bwv-vO4D_Z1HrL4Q.webp" data-srcset="/_astro/membersfy-logo.Bwv-vO4D_RII1S.webp 400w, /_astro/membersfy-logo.Bwv-vO4D_Z1HrL4Q.webp 700w, /_astro/membersfy-logo.Bwv-vO4D_Z2iS7ch.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="Branding, Logo - Membersfy" loading="lazy" decoding="async"> <span class="work-label">Membersfy</span> <span class="work-meta">Branding, Logo</span> </div><div class="work-card is-tall"> <img data-src="/_astro/membersfy-site.BfGrCLC9_1gBnQh.webp" data-srcset="/_astro/membersfy-site.BfGrCLC9_1HCvjV.webp 400w, /_astro/membersfy-site.BfGrCLC9_1gBnQh.webp 700w, /_astro/membersfy-site.BfGrCLC9_1JjwGh.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="2636" alt="UX &amp; UI, Web - Membersfy" loading="lazy" decoding="async"> <span class="work-label">Membersfy</span> <span class="work-meta">UX &amp; UI, Web</span> </div><div class="work-card"> <img data-src="/_astro/minka.BPFJmAVW_f12rb.webp" data-srcset="/_astro/minka.BPFJmAVW_Z1OKu6P.webp 400w, /_astro/minka.BPFJmAVW_f12rb.webp 700w, /_astro/minka.BPFJmAVW_Z1uroyU.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="UX &amp; UI - Minka" loading="lazy" decoding="async"> <span class="work-label">Minka</span> <span class="work-meta">UX &amp; UI</span> </div><div class="work-card is-tall"> <img data-src="/_astro/anything-app.S2XI-idu_19Gpvv.webp" data-srcset="/_astro/anything-app.S2XI-idu_2uF5Cu.webp 400w, /_astro/anything-app.S2XI-idu_19Gpvv.webp 700w, /_astro/anything-app.S2XI-idu_145Ocj.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="2636" alt="UX &amp; UI, Mobile App - Anything" loading="lazy" decoding="async"> <span class="work-label">Anything</span> <span class="work-meta">UX &amp; UI, Mobile App</span> </div><div class="work-card"> <img data-src="/_astro/nanowallet.B9f-9y8H_ZYQIhd.webp" data-srcset="/_astro/nanowallet.B9f-9y8H_Z1wSbwG.webp 400w, /_astro/nanowallet.B9f-9y8H_ZYQIhd.webp 700w, /_astro/nanowallet.B9f-9y8H_1tuP6V.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="UX &amp; UI, Web App - Nanowallet" loading="lazy" decoding="async"> <span class="work-label">Nanowallet</span> <span class="work-meta">UX &amp; UI, Web App</span> </div><div class="work-card"> <img data-src="/_astro/sheldonn-logo.Chc2oRkN_2ejTDV.webp" data-srcset="/_astro/sheldonn-logo.Chc2oRkN_znAVn.webp 400w, /_astro/sheldonn-logo.Chc2oRkN_2ejTDV.webp 700w, /_astro/sheldonn-logo.Chc2oRkN_29kR3L.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="Branding, Identity - Sheldonn" loading="lazy" decoding="async"> <span class="work-label">Sheldonn</span> <span class="work-meta">Branding, Identity</span> </div><div class="work-card is-tall"> <img data-src="/_astro/scoop.By1BwQVM_2qwFqO.webp" data-srcset="/_astro/scoop.By1BwQVM_Zx8QJq.webp 400w, /_astro/scoop.By1BwQVM_2qwFqO.webp 700w, /_astro/scoop.By1BwQVM_ZjhGWJ.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="2640" alt="UX &amp; UI, Mobile App - Scoop" loading="lazy" decoding="async"> <span class="work-label">Scoop</span> <span class="work-meta">UX &amp; UI, Mobile App</span> </div><div class="work-card"> <img data-src="/_astro/sheldonn-ui.jVHdbaX0_2g9mf6.webp" data-srcset="/_astro/sheldonn-ui.jVHdbaX0_Z1iR8U6.webp 400w, /_astro/sheldonn-ui.jVHdbaX0_2g9mf6.webp 700w, /_astro/sheldonn-ui.jVHdbaX0_Z1YdFFy.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="UX &amp; UI, Web - Sheldonn" loading="lazy" decoding="async"> <span class="work-label">Sheldonn</span> <span class="work-meta">UX &amp; UI, Web</span> </div><div class="work-card is-tall"> <img data-src="/_astro/singuaru-app.DQP1-Mn6_2sUXQj.webp" data-srcset="/_astro/singuaru-app.DQP1-Mn6_Z1ghtPD.webp 400w, /_astro/singuaru-app.DQP1-Mn6_2sUXQj.webp 700w, /_astro/singuaru-app.DQP1-Mn6_19T7dJ.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="2636" alt="UX &amp; UI, Mobile App - Singularu" loading="lazy" decoding="async"> <span class="work-label">Singularu</span> <span class="work-meta">UX &amp; UI, Mobile App</span> </div><div class="work-card"> <img data-src="/_astro/simbria-logo.fczdtCXg_ZIHMOu.webp" data-srcset="/_astro/simbria-logo.fczdtCXg_Z1GY2Ki.webp 400w, /_astro/simbria-logo.fczdtCXg_ZIHMOu.webp 700w, /_astro/simbria-logo.fczdtCXg_Z1WreGr.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="Branding, Identity - Simbria" loading="lazy" decoding="async"> <span class="work-label">Simbria</span> <span class="work-meta">Branding, Identity</span> </div><div class="work-card"> <img data-src="/_astro/chatripp-icon.BXXkxByz_Z25YHTV.webp" data-srcset="/_astro/chatripp-icon.BXXkxByz_1kg7br.webp 400w, /_astro/chatripp-icon.BXXkxByz_Z25YHTV.webp 700w, /_astro/chatripp-icon.BXXkxByz_2x1C8.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="Branding, Icon Design - Chatripp" loading="lazy" decoding="async"> <span class="work-label">Chatripp</span> <span class="work-meta">Branding, Icon Design</span> </div><div class="work-card">
61 <img data-src="/_astro/soundsmarket-banner.D0yqHChI_1Deoak.webp" data-srcset="/_astro/soundsmarket-banner.D0yqHChI_1aJihJ.webp 400w, /_astro/soundsmarket-banner.D0yqHChI_1Deoak.webp 700w, /_astro/soundsmarket-banner.D0yqHChI_1hB3Uy.webp 1400w" sizes="(max-width: 900px) 50vw, 25vw" width="1868" height="1304" alt="UX &amp; UI, Web - Soundsmarket" loading="lazy" decoding="async"> <span class="work-label">Soundsmarket</span> <span class="work-meta">UX &amp; UI, Web</span> </div> </div> </section> 
61<script type="module" src="/_astro/Work.astro_astro_type_script_index_0_lang.DsFNCqjB.js"></script>
61
62  <section id="services" class="services"> <div class="services-layout stagger-children"> <div class="col services-title"> <h2 class="title title-reveal">¿Qué hacemos?</h2> </div> <div class="services-grid stagger-children" data-stagger-delay="0.08"> <div class="col"> <div class="service-icon"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:palette-bold-duotone">   <path fill="currentColor" d="M7.75 19a.75.75 0 0 1-.75.75H5a.75.75 0 0 1 0-1.5h2a.75.75 0 0 1 .75.75"/><path fill="currentColor" d="M10 18V6c0-1.4 0-2.1-.272-2.635a2.5 2.5 0 0 0-1.093-1.093C8.1 2 7.4 2 6 2s-2.1 0-2.635.272a2.5 2.5 0 0 0-1.093 1.093C2 3.9 2 4.6 2 6v12c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.092C3.9 22 4.6 22 6 22s2.1 0 2.635-.273a2.5 2.5 0 0 0 1.093-1.092C10 20.1 10 19.4 10 18" opacity=".4"/><path fill="currentColor" d="M10 8.243V18c0 .919 0 1.536-.077 2.003l3.299-3.299l5.838-6.09c.973-1.003 1.46-1.505 1.636-2.08a2.5 2.5 0 0 0-.011-1.503C20.5 6.458 20 5.958 19 4.959c-.9-.886-1.352-1.33-1.88-1.514a2.5 2.5 0 0 0-1.353-.085c-.547.118-1.049.502-2.053 1.27L13 5.243zm-1.997 13.68H8v.003z" opacity=".7"/><path fill="currentColor" d="M15.814 14H17.9c1.4 0 2.1 0 2.635.273a2.5 2.5 0 0 1 1.093 1.092C21.9 15.9 21.9 16.6 21.9 18s0 2.1-.272 2.635a2.5 2.5 0 0 1-1.093 1.092C20 22 19.3 22 17.9 22H6c.917 0 1.534 0 2-.077v.003l.003-.003c.245-.04.448-.102.632-.195a2.5 2.5 0 0 0 1.093-1.093c.093-.184.155-.387.195-.632l3.299-3.299z"/> </svg></div> <h3>Diseño de Marca</h3> <p>Logotipo, identidad visual, tipografía y sistema de color. Todo documentado en un libro de marca que cualquier diseñador o desarrollador puede aplicar sin ambigüedades.</p> </div> <div class="col"> <div class="service-icon"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:clipboard-check-bold-duotone">   <path fill="currentColor" d="M21 15.998v-6c0-2.828 0-4.242-.879-5.121C19.353 4.109 18.175 4.012 16 4H8c-2.175.012-3.353.109-4.121.877C3 5.756 3 7.17 3 9.998v6c0 2.829 0 4.243.879 5.122c.878.878 2.293.878 5.121.878h6c2.828 0 4.243 0 5.121-.878c.879-.88.879-2.293.879-5.122" opacity=".5"/><path fill="currentColor" d="M8 3.5A1.5 1.5 0 0 1 9.5 2h5A1.5 1.5 0 0 1 16 3.5v1A1.5 1.5 0 0 1 14.5 6h-5A1.5 1.5 0 0 1 8 4.5z"/><path fill="currentColor" fill-rule="evenodd" d="M15.548 10.488a.75.75 0 0 1-.036 1.06l-4.286 4a.75.75 0 0 1-1.024 0l-1.714-1.6a.75.75 0 1 1 1.024-1.096l1.202 1.122l3.774-3.522a.75.75 0 0 1 1.06.036" clip-rule="evenodd"/> </svg></div> <h3>Análisis Heurístico</h3> <p>El punto de entrada habitual en proyectos de rediseño. Auditamos tu producto, identificamos los problemas reales de usabilidad y conversión, y entregamos un plan priorizado: qué arreglar primero y por qué.</p> </div> <div class="col"> <div class="service-icon"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:layers-bold-duotone">   <path fill="currentColor" d="M4.979 9.685C2.993 8.891 2 8.494 2 8s.993-.89 2.979-1.685l2.808-1.123C9.773 4.397 10.767 4 12 4s2.227.397 4.213 1.192l2.808 1.123C21.007 7.109 22 7.506 22 8s-.993.89-2.979 1.685l-2.808 1.124C14.227 11.603 13.233 12 12 12s-2.227-.397-4.213-1.191z"/><path fill="currentColor" fill-rule="evenodd" d="M2 8c0 .494.993.89 2.979 1.685l2.808 1.124C9.773 
6211.603 10.767 12 12 12s2.227-.397 4.213-1.191l2.808-1.124C21.007 8.891 22 8.494 22 8s-.993-.89-2.979-1.685l-2.808-1.123C14.227 4.397 13.233 4 12 4s-2.227.397-4.213 1.192L4.98 6.315C2.993 7.109 2 7.506 2 8" clip-rule="evenodd"/><path fill="currentColor" d="m5.766 10l-.787.315C2.993 11.109 2 11.507 2 12s.993.89 2.979 1.685l2.808 1.124C9.773 15.603 10.767 16 12 16s2.227-.397 4.213-1.191l2.808-1.124C21.007 12.891 22 12.493 22 12s-.993-.89-2.979-1.685L18.234 10l-2.021.809C14.227 11.603 13.233 12 12 12s-2.227-.397-4.213-1.191z" opacity=".7"/><path fill="currentColor" d="m5.766 14l-.787.315C2.993 15.109 2 15.507 2 16s.993.89 2.979 1.685l2.808 1.124C9.773 19.603 10.767 20 12 20s2.227-.397 4.213-1.192l2.808-1.123C21.007 16.891 22 16.494 22 16c0-.493-.993-.89-2.979-1.685L18.234 14l-2.021.809C14.227 15.603 13.233 16 12 16s-2.227-.397-4.213-1.191z" opacity=".4"/> </svg></div> <h3>Diseño UX</h3> <p>Arquitectura de información y flujos de usuario que resuelven el producto antes del diseño visual. Más barato arreglar esto en papel que después del lanzamiento.</p> </div> <div class="col"> <div class="service-icon"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:ruler-pen-bold-duotone">   <path fill="currentColor" d="M16 22c-1.886 0-2.828 0-3.414-.586c-.503-.502-.574-1.267-.584-2.664L12 17.25V6.75l.002-1.5c.01-1.397.081-2.162.584-2.664C13.172 2 14.114 2 16 2h2c1.886 0 2.828 0 3.414.586S22 4.114 22 6v12c0 1.886 0 2.828-.586 3.414S19.886 22 18 22z" opacity=".5"/><path fill="currentColor" d="M15 8.25h-3v1.5h3a.75.75 0 0 0 0-1.5m-1-3h-1.998L12 6.75h2a.75.75 0 0 0 0-1.5m0 6h-2v1.5h2a.75.75 0 0 0 0-1.5m1 3h-3v1.5h3a.75.75 0 0 0 0-1.5m-1 3h-2l.002 1.5H14a.75.75 0 0 0 0-1.5m-6-2.27V7a7.9 7.9 0 0 1-3 .59A7.9 7.9 0 0 1 2 7v7.98c0 .622 0 .934.038 1.24a5 5 0 0 0 .25 1.056c.102.29.241.569.52 1.126l1.468 2.937a.809.809 0 0 0 1.448 0l1.468-2.937c.279-.557.418-.835.52-1.126a5 5 0 0 0 .25-1.057C8 15.914 8 15.602 8 14.98"/><path fill="currentColor" d="M5 2a3 3 0 0 1 3 3v2a7.9 7.9 0 0 1-3 .589A7.9 7.9 0 0 1 2 7V5a3 3 0 0 1 3-3" opacity=".5"/> </svg></div> <h3>Diseño de Producto</h3> <p>Interfaces en alta fidelidad para web y mobile. Entregamos con estados de componentes, anotaciones y especificaciones listas para desarrollo, sin preguntas.</p> </div> <div class="col"> <div class="service-icon"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:smartphone-bold-duotone">   <path fill="currentColor" d="M12.052 2c1.68 0 3.01 0 4.052.142c1.072.147 1.94.456 2.624 1.152s.988 1.58 1.132 2.67c.14 1.06.14 2.414.14 4.123v3.826c0 1.71 0 3.064-.14 4.123c-.144 1.09-.448 1.974-1.132 2.67s-1.552 1.005-2.624 1.152C15.063 22 13.732 22 12.052 22h-.104c-1.68 0-3.01 0-4.052-.142c-1.072-.147-1.94-.456-2.624-1.152s-.988-1.58-1.132-2.67C4 16.976 4 15.622 4 13.913v-3.826c0-1.71 0-3.064.14-4.123c.144-1.09.448-1.974 1.132-2.67S6.824 2.29 7.896 2.142C8.937 2 10.268 2 11.948 2z" opacity=".5"/><path fill="currentColor" d="M8.571 18.511c0-.385.307-.697.686-.697h5.486c.378 0 .685.312.685.697a.69.69 0 0 1-.685.698H9.257a.69.69 0 0 1-.686-.698"/> </svg></div> <h3>Diseño de App</h3> <p>iOS y Android. Seguimos las guías de Apple y Material Design, pero con identidad propia. Prototipos navegables listos para validar antes de escribir una línea de código.</p> </div> <div class="col"> <div class="service-icon"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:widget-bold-duotone">   <path fill="currentColor" d="M2 6.5c0-2.121 0-3.182.659-3.841S4.379 2 6.5 2s3.182 0 3.841.659S11 4.379 11 6.5s0 3.182-.659 3.841S8.621 11 6.5 11s-3.182 0-3.841-.659S2 8.621 2 6.5m11 11c0-2.121 0-3.182.659-3.841S15.379 13 17.5 13s3.182 0 3.841.659S22 15.379 22 17.5s0 3.182-.659 3.841S19.621 22 17.5 22s-3.182 0-3.841-.659S13 19.621 13 17.5" opacity=".5"/><path fill="currentColor" d="M2 17.5c0-2.121 0-3.182.659-3.841S4.379 13 6.5 13s3.182 0 3.841.659S11 15.379 11 17.5s0 3.182-.659 3.841S8.621 22 6.5 22s-3.182 0-3.841-.659S2 19.621 2 17.5m11-11c0-2.121 0-3.182.659-3.841S15.379 2 17.5 2s3.182 0 3.841.659S22 4.379 22 6.5s0 3.182-.659 3.841S19.621 11 17.5 11s-3.182 0-3.841-.659S13 8.621 13 6.5"/> </svg></div> <h3>Desarrollo</h3> <p>Astro, React y Next.js. Webs de marketing, dashboards y apps web con autenticación e integraciones. Código limpio, bien estructurado y fácil de mantener.</p> </div> </div> </div> </section> <section class="testimonials-section testimonials-section--dark"> <div class="container testimonial testimonial--wide scroll-reveal-scale"> <div class="testimonial-slider"> <div class="testimonial-nav"> <button class="testimonial-arrow testimonial-arrow--prev" aria-label="Previous">&larr;</button> <button class="testimonial-arrow testimonial-arrow--next" aria-label="Next">&rarr;</button> </div> <div class="testimonial-slide"> <div class="testimonial-item testimonial-item--wide"> <div class="testimonial-image">  <img src="/_astro/banktrack-ui.dsv151g7_12GnMq.webp" srcset="/_astro/banktrack-ui.dsv151g7_12GnMq.webp 1
62x, /_astro/banktrack-ui.dsv151g7_27QbaD.webp 2x" alt="Banktrack — UX &amp; UI, Dashboard" loading="lazy" decoding="async" width="400" height="564"> </div> <div class="testimonial-content"> <blockquote>Desde que arrancamos con Banktrack, hemos trabajado con Atico³ con el modelo de suscripción y nos cubren todas las necesidades que tenemos desde diseño de UX/UI, diseño de marca a material de marketing.</blockquote> <div class="author">  <img src="/_astro/testimonial-nacho_2x.4_yG6hM7_ZMX0s7.webp" srcset="/_astro/testimonial-nacho_2x.4_yG6hM7_ZMX0s7.webp 1x, /_astro/testimonial-nacho_2x.4_yG6hM7_Z1Wd5MR.webp 2x" alt="Nacho González Barros" loading="lazy" decoding="async" width="64" height="64"> <div> <p><strong>Nacho González Barros</strong></p> <p class="companies">Fundador de  Infojobs, Mailtrack, Hireflix, Banktrack y más...</p> </div> </div> </div> </div> </div> <div class="testimonial-slide"> <div class="testimonial-item testimonial-item--wide"> <div class="testimonial-image">  <img src="/_astro/soundsmarket-mobile.B4eKHfS7_2nN8A7.webp" srcset="/_astro/soundsmarket-mobile.B4eKHfS7_2nN8A7.webp 1x, /_astro/soundsmarket-mobile.B4eKHfS7_ME4Sw.webp 2x" alt="Sounds Market — UX &amp; UI, Website" loading="lazy" decoding="async" width="400" height="564"> </div> <div class="testimonial-content"> <blockquote>El salto de calidad que notamos en el diseño de nuestra página web desde que empezamos a trabajar con Atico3 es enorme, ha marcado un antes y un después en Sounds Market. Pasamos de tener una web impersonal y con un diseño UX/UI muy obsoleto, a tener una web moderna, profesional y que transmite a la perfección los valores de nuestra marca.</blockquote> <div class="author">  <img src="/_astro/testimonial-pau_2x.TJDgeMh5_xKWBa.webp" srcset="/_astro/testimonial-pau_2x.TJDgeMh5_xKWBa.webp 1x, /_astro/testimonial-pau_2x.TJDgeMh5_Z19kb9K.webp 2x" alt="Pau Agustí Esmerats" loading="lazy" decoding="async" width="64" height="64"> <div> <p><strong>Pau Agustí Esmerats</strong></p> <p class="companies">CEO & Co-founder, Sounds Market</p> </div> </div> </div> </div> </div> <div class="testimonial-slide"> <div class="testimonial-item testimonial-item--wide"> <div class="testimonial-image">  <img src="/_astro/txain-landing.BnKPWtMQ_2fuJh3.webp" srcset="/_astro/txain-landing.BnKPWtMQ_2fuJh3.webp 1x, /_astro/txain-landing.BnKPWtMQ_1jbHJO.webp 2x" alt="Txain — Landing Page" loading="lazy" decoding="async" width="400" height="564"> </div> <div class="testimonial-content"> <blockquote>Desde hace años, en cada proyecto que emprendemos, siempre contamos con Atico3. Una agencia extraordinaria que te acompaña y sorprende constantemente con sus entregas.</blockquote> <div class="author">  <img src="/_astro/testimonial-daniel_2x.CZxr5yLd_ZaUXtG.webp" srcset="/_astro/testimonial-daniel_2x.CZxr5yLd_ZaUXtG.webp 1x, /_astro/testimonial-daniel_2x.CZxr5yLd_Z1EvLH.webp 2x" alt="Daniel Gimenez" loading="lazy" decoding="async" width="64" height="64"> <div> <p><strong>Daniel Gimenez</strong></p> <p class="companies">Fundador de  Trovit, Finletic, Txain y más...</p> </div> </div> </div> </div> </div> <div class="testimonial-slide"> <div class="testimonial-item testimonial-item--wide"> <div class="testimonial-image">  <img src="/_astro/qustodio-kids.CqGxHbFw_1QTcCg.webp" srcset="/_astro/qustodio-kids.CqGxHbFw_1QTcCg.webp 1x, /_astro/qustodio-kids.CqGxHbFw_UAb62.webp 2x" alt="Qustodio Kids — UX &amp; UI, Mobile App" loading="lazy" decoding="async" width="400" height="564"> </div> <div class="testimonial-content"> <blockquote>Hemos estado trabajando con Atico³ desde hace muchos años. Siempre han sido entusiastas y eficientes al tiempo que han entregado UX/UI según las expectativas.</blockquote> <div class="author">  <img src="/_astro/testimonial-eduardo_2x.DseqIDCq_26t4i1.webp" srcset="/_astro/testimonial-eduardo_2x.DseqIDCq_26t4i1.webp 1x, /_astro/testimonial-eduardo_2x.DseqIDCq_ZLz6Pp.webp 2x" alt="Eduardo Cruz" loading="lazy" decoding="async" width="64" height="64"> <div> <p><strong>Eduardo Cruz</strong></p> <p class="companies">Fundador de  Qustodio, Redtrust, Evolium y más...</p> </div> </div> </div> </div> </div> </div> </div> </section> 
62<script type="module" src="/_astro/Testimonials.astro_astro_type_script_index_0_lang.D2peH3TL.js"></script>
62  <section class="cta cta--sub"> <div class="cta-sub-bg">  <img src="/_astro/ux-ui-work-02_2x.CNuvJg8K_Z2crID1.webp" alt loading="lazy" decoding="async" width="5712" height="1935" class="cta-sub-bg-img"> </div> <div class="container text-center scroll-reveal"> <span class="service-pill">Design & Product Partner</span> <h2 class="title">Tu equipo de diseño. Listo mañana.</h2> <p class="cta-sub-tagline">Sin permanencia · Entregas en 1–2 días · Cancela cuando quieras</p> <a href="/p/subscription/" class="button is-large is-white">Ver precios</a> </div> </section> 
62<script type="module" src="/_astro/Cta.astro_astro_type_script_index_0_lang.D2R-877v.js"></script>
62 
62<script type="module" src="/_astro/Cta.astro_astro_type_script_index_1_lang.CkJodIt8.js"></script>
62
63  <footer class="footer"> <div class="container"> <div class="footer-grid"> <!-- Col 1: Logo + slogan + copyright --> <div class="footer-brand"> <a href="/" class="footer-logo" aria-label="Atico3"> <svg width="120" height="50" viewBox="0 0 170 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
64    <g id="p1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
65        <g class="atico3-logo" fill="#ffffff">
66            <polygon class="a" points="30.618 50.371 18.696 22.155 6.774 50.37 0.064 50.37 15.85 13.012 21.543 13.012 37.328 50.372 30.619 50.372"></polygon>
67            <path d="M43.263,9.889 L43.263,22.907 C43.2630001,28.8683333 43.2630001,34.8296667 43.263,40.791 C43.263,44.845 45.176,47.714 48.216,49.234 C49.226,49.739 50.276,50.054 51.321,50.228 C51.686,50.288 52.029,50.328 52.344,50.351 C52.553,50.366 52.721,50.371 52.843,50.371 L55.933,50.371 L55.933,44.191 L52.843,44.191 C52.863,44.191 52.841,44.19 52.783,44.186 C52.6335648,44.1745534 52.4847391,44.1562004 52.337,44.131 C51.8662459,44.0567597 51.4090012,43.9135548 50.98,43.706 C49.964,43.198 49.443,42.416 49.443,40.791 L49.443,26.124 L49.443,22.907 L49.443,13.805 L49.443,6.799 L43.263,6.799 L43.263,9.889 L43.263,9.889 Z M37.083,19.16 L55.623,19.16 L55.623,12.98 L37.083,12.98 L37.083,19.16 Z" class="t" fill-rule="nonzero"></path>
68            <polygon class="i" points="64.894 12.98 71.074 12.98 71.074 50.37 64.894 50.37"></polygon>
69            <path d="M97.65,12.361 C97.456,12.361 97.152,12.371 96.753,12.4 C96.121,12.445 95.426,12.525 94.68,12.65 C92.549,13.005 90.412,13.646 88.389,14.657 C82.451,17.626 78.8,23.103 78.8,31.212 C78.8,39.321 82.451,44.797 88.389,47.766 C90.412,48.778 92.549,49.419 94.68,49.774 C95.426,49.898 96.121,49.978 96.753,50.024 C97.153,50.052 97.456,50.062 97.651,50.062 L97.651,43.882 L97.651,46.972 C97.654,43.882 97.628,43.882 97.577,43.88 C97.471,43.876 97.342,43.87 97.194,43.859 C96.692125,43.8219808 96.1922489,43.7615819 95.696,43.678 C94.134,43.418 92.576,42.95 91.153,42.238 C87.24,40.282 84.981,36.893 84.981,31.212 C84.981,25.53 87.24,22.142 91.153,20.185 C92.577,19.473 94.133,19.006 95.696,18.745 C96.1922647,18.6617531 96.6921407,18.6016879 97.194,18.565 C97.342,18.554 97.471,18.547 97.577,18.544 L97.651,18.542 L97.651,12.362 L97.65,12.361 Z" class="c"></path>
70            <path d="M121.445,50.062 C111.205,50.062 102.904,41.761 102.904,31.521 C102.904,21.281 111.205,12.979 121.445,12.979 C131.685,12.979 139.987,21.28 139.987,31.521 C139.987,41.761 131.685,50.062 121.445,50.062 Z M121.445,43.882 C128.272,43.882 133.806,38.348 133.806,31.521 C133.806,24.694 128.272,19.16 121.446,19.16 C114.619,19.16 109.084,24.694 109.084,31.52 C109.084,38.348 114.619,43.882 121.445,43.882 Z" class="o" fill-rule="nonzero"></path>
71            <path d="M158.672068,16.0695 C160.145855,14.4678018 161,12.2882259 161,9.58 C161,5.527 159.087,2.657 156.047,1.137 C155.038,0.633 153.987,0.318 152.942,0.143 C152.577,0.083 152.234,0.043 151.92,0.02 C151.71,0.006 151.542,0 151.42,0 L148.33,0 L148.33,6.181 L151.42,6.181 C151.399,6.181 151.422,6.181 151.479,6.185 C151.62877,6.19641594 151.77793,6.21476897 151.926,6.24 C152.396754,6.31424034 152.853999,6.45744521 153.283,6.665 C154.299,7.173 154.82,7.955 154.82,9.58 C154.82,11.205 154.299,11.986 153.283,12.494 C152.873,12.7 152.402,12.84 151.926,12.92 C151.759,12.948 151.608,12.965 151.479,12.974 C151.472314,12.9744611 151.466106,12.9749222 151.460389,12.9801749 C151.446411,12.9800563 151.432947,12.98 151.42,12.98 L151.42,12.979 L148.33,12.979 L148.33,16.0695 L148.33,19.16 L151.42,19.16 C151.399,19.16 151.422,19.16 151.479,19.164 C151.62877,19.1754159 151.77793,19.193769 151.926,19.219 C152.396807,19.2935574 152.854053,19.4370998 153.283,19.645 C154.299,20.152 154.82,20.934 154.82,22.559 C154.82,24.184 154.299,24.965 153.283,25.473 C152.873,25.679 152.402,25.819 151.926,25.899 C151.759,25.927 151.608,25.944 151.479,25.953 L151.479,25.953 C151.451,25.955 151.421,25.958 151.111,25.958 L151.42,25.958 L148.33,25.958 L148.33,32.138 L151.42,32.138 C151.542,32.138 151.71,32.133 151.919,32.118 C152.234,32.095 152.577,32.056 152.942,3
711.995 C153.987,31.821 155.037,31.506 156.047,31.001 C159.087,29.481 161,26.612 161,22.559 C161,19.8507741 160.145855,17.6711982 158.672068,16.0695 Z" class="n3" fill-rule="nonzero"></path>
72        </g>
73    </g>
74</svg>
75 </a> <p class="footer-slogan">Agencia de diseño UX/UI en Barcelona. Productos digitales para startups y marcas globales. +15 años de experiencia.</p> <p class="footer-copyright">2013–2026 &copy; Atico3 S.C.P<br>Todos los derechos reservados.</p> <p class="footer-legal-links"> <a href="/p/privacy/">Política de privacidad</a> <span aria-hidden="true"> · </span> <a href="/p/cookies/">Cookies</a> </p> </div> <!-- Col 2: Main pages --> <div class="footer-col footer-col--nav"> <ul> <li><a href="/">Inicio</a></li> <li><a href="/p/services/">Servicios</a></li> <li><a href="/p/subscription/">Precios</a></li> <li><a href="/p/about/">Nosotros</a></li> <li><a href="/p/contact/">Contacto</a></li> </ul> </div> <!-- Col 3: Work (case studies) --> <div class="footer-col"> <p class="footer-col-heading">Proyectos</p> <ul> <li><a href="/case-study/amex/">American Express</a></li><li><a href="/case-study/axa/">AXA</a></li><li><a href="/case-study/nanowallet/">Nanowallet</a></li><li><a href="/case-study/qustodio-kids-ux-ui/">Qustodio</a></li><li><a href="/case-study/startup-genome-ux-ui/">Startup Genome</a></li> </ul> </div> <!-- Col 4: Articles --> <div class="footer-col"> <p class="footer-col-heading"> <a href="/blog/">Artículos</a> </p> <ul> <li> <a href="/blog/astro-para-webs-de-marketing/">Por qué recomendamos Astro para webs de marketing (y cuándo no)</a> </li><li> <a href="/blog/suscripcion-diseno-ux-vs-agencia/">Suscripción de diseño UX/UI vs agencia tradicional: qué modelo rinde más</a> </li><li> <a href="/blog/roi-diseno-ux/">ROI del diseño UX: lo que realmente recuperas al invertir en diseño</a> </li><li> <a href="/blog/diseno-ux-b2b-saas/">Diseño UX para B2B SaaS: por qué es diferente</a> </li><li> <a href="/blog/diseno-ux-ui-startups-saas/">Diseño UX/UI para startups SaaS: qué necesitas en cada etapa</a> </li> </ul> </div> </div> </div> </footer>
76  <a href="/p/contact/" class="float-cta float-cta--dark" id="homeFloatCta">¿Hablamos?</a>
77 </div> 
77<script type="module" src="/_astro/Base.astro_astro_type_script_index_0_lang.CzCwk3z-.js"></script>
77</body> </html> 
77<script type="module">const t=document.getElementById("homeFloatCta"),i=document.getElementById("work");if(t&&i){let s=function(){const e=t.getBoundingClientRect(),n=e.top+e.height/2;let o=!1;r.forEach(a=>{const c=a.getBoundingClientRect();n>=c.top&&n<=c.bottom&&(o=!0)}),t.classList.toggle("float-cta--dark",!o),t.classList.toggle("float-cta--light",o)};new IntersectionObserver(([e])=>{e.isIntersecting&&t.classList.add("is-visible")},{threshold:.1}).observe(i);const r=document.querySelectorAll(".work, .testimonials-section--dark, .cta, [data-dark]");window.addEventListener("scroll",s,{passive:!0}),s()}</script>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.