[{"data":1,"prerenderedAt":597},["ShallowReactive",2],{"cookie-texts-en":3,"header-menu-en-primary":18,"legal-menu-en-legal":47,"blog-en-responsive-design-mobile-first":58,"blog-translations-map":552,"widgets-en":588,"social-links-footer-en":591},{"title":4,"description":5,"btnAccept":6,"btnReject":7,"btnCustomize":8,"btnSave":9,"linkCookiesText":10,"linkPrivacyText":11,"catNecessaryName":12,"catNecessaryAlwaysLabel":13,"catNecessaryDesc":14,"catAnalyticsName":15,"catAnalyticsDesc":16,"manageBtn":17},"We use cookies","We use first-party and third-party cookies to analyse the use of the website...","Accept all","Only necessary","Customize","Save preferences","Cookie policy","Privacy policy","Necessary","Always active","Essential for the basic functioning of the website. They cannot be disabled.","Analytics","They help us understand how you interact with the website (Google Analytics). No personally identifiable data is collected.","Manage cookies",{"slug":19,"items":20},"primary",[21,27,32,37,42],{"id":22,"title":23,"url":24,"parent":25,"order":26},2200,"Services","#servicios",0,1,{"id":28,"title":29,"url":30,"parent":25,"order":31},2201,"Method","#proceso",2,{"id":33,"title":34,"url":35,"parent":25,"order":36},2202,"Data","#datos",3,{"id":38,"title":39,"url":40,"parent":25,"order":41},2203,"Technology","#tecnologias",4,{"id":43,"title":44,"url":45,"parent":25,"order":46},2126,"Blog","/en/blog/",5,{"slug":48,"items":49},"legal",[50,54],{"id":51,"title":52,"url":53,"parent":25,"order":26},2130,"Privacy Policy","/en/privacy-policy/",{"id":55,"title":56,"url":57,"parent":25,"order":31},2131,"Cookie Policy","/en/cookie-policy/",{"id":59,"date":60,"date_gmt":61,"guid":62,"modified":64,"modified_gmt":65,"slug":66,"status":67,"type":68,"link":69,"title":70,"content":72,"excerpt":75,"author":26,"featured_media":77,"comment_status":78,"ping_status":79,"sticky":74,"template":80,"format":81,"meta":82,"categories":83,"tags":85,"destacado":90,"class_list":91,"acf":103,"yoast_head":104,"yoast_head_json":105,"_featured_image":203,"_links":206,"_embedded":252},3367,"2026-09-28T09:00:00","2026-09-28T07:00:00",{"rendered":63},"https://cms.tornem.net/?p=3367","2026-09-24T21:36:44","2026-09-24T19:36:44","responsive-design-mobile-first","publish","post","https://cms.tornem.net/en/responsive-design-mobile-first/",{"rendered":71},"Responsive design and mobile first: much more than adapting a website to mobile",{"rendered":73,"protected":74},"\u003Cp>Today we practically take it for granted that a website has to work on mobile. The problem is that “working” can mean very different things.\u003C/p>\n\u003Cp>A page can fit inside a phone screen and still be uncomfortable to use. It may have text that is too small, buttons that are difficult to tap, impractical menus, sections appearing in a strange order or elements designed around a mouse that make very little sense when we interact with them using a finger.\u003C/p>\n\u003Cp>That is why, when we talk about \u003Cstrong>responsive design\u003C/strong> and \u003Cstrong>mobile first\u003C/strong>, we are not simply talking about making a website smaller. We are talking about designing an experience that can adapt to the available space without losing clarity, functionality or hierarchy.\u003C/p>\n\u003Cp>And although the two concepts are often used together, responsive and mobile first do not mean exactly the same thing.\u003C/p>\n\u003Ch2>What it really means for a website to be responsive\u003C/h2>\n\u003Cp>Responsive design allows the same website to adapt its layout to different screen sizes and characteristics. A composition that uses several columns on a large monitor can switch to two columns on a tablet and reorganise completely when viewed on a phone.\u003C/p>\n\u003Cp>The idea sounds simple, but a good implementation goes considerably further than having one desktop version, one tablet version and one mobile version.\u003C/p>\n\u003Cp>Today there is an enormous variety of screen sizes, resolutions and aspect ratios. Between a small phone and an ultrawide monitor we have laptops, tablets, foldable devices, browser windows that do not occupy the full screen and countless situations in between. Trying to design a specific version for every one of them would be impossible.\u003C/p>\n\u003Cp>That is why it is more useful to think in terms of \u003Cstrong>flexible interfaces\u003C/strong> rather than a closed collection of devices.\u003C/p>\n\u003Cp>Content, images, columns, spacing and individual components should be able to reorganise naturally according to the available space. \u003Ca href=\"https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Responsive_Design\">MDN’s documentation on responsive web design\u003C/a> explains precisely this approach: building layouts capable of working correctly across different screen sizes and resolutions.\u003C/p>\n\u003Cp>This connects directly with something we already discussed when looking at \u003Ca href=\"https://tornem.net/en/blog/what-a-professional-website-needs/\">what a professional website needs today\u003C/a>: a website working properly on mobile should no longer be considered an additional feature. It is part of the basic quality of the project.\u003C/p>\n\u003Ch2>Responsive and mobile first are not exactly the same thing\u003C/h2>\n\u003Cp>Although they are often used almost as synonyms, it is worth separating the two concepts.\u003C/p>\n\u003Cp>\u003Cstrong>Responsive\u003C/strong> mainly describes the behaviour of the interface: a website that can adapt correctly to different amounts of available space.\u003C/p>\n\u003Cp>\u003Cstrong>Mobile first\u003C/strong>, on the other hand, describes a way of approaching design and development.\u003C/p>\n\u003Cp>With a more traditional approach, we might begin by building a wide desktop version and then gradually reduce, reposition or remove elements until everything works inside a small screen.\u003C/p>\n\u003Cp>Mobile first approaches the process in the opposite direction. We first build a clear and functional experience for the most limited space and, as more width becomes available, progressively expand what the design can do.\u003C/p>\n\u003Cp>We can introduce additional columns, use broader compositions, increase spacing, change alignments or present secondary information differently once we genuinely have enough room to do so.\u003C/p>\n\u003Cp>MDN uses precisely this idea when explaining \u003Ca href=\"https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Media_queries\">media queries and mobile-first design\u003C/a>: begin with a layout suitable for narrow screens and progressively add complexity as more space becomes available.\u003C/p>\n\u003Cp>This does not mean designing only for mobile. It means starting with what is essential and expanding the experience afterwards instead of trying to compress it.\u003C/p>\n\u003Ch2>The problem with designing for desktop first and shrinking afterwards\u003C/h2>\n\u003Cp>Designing initially for a large screen is comfortable because there is plenty of space available. We can use huge images, multiple columns, complete menus, secondary elements and a great deal of information visible at the same time.\u003C/p>\n\u003Cp>The problems appear when we later try to transfer that same composition to a screen only a few centimetres wide.\u003C/p>\n\u003Cp>Suddenly, navigation that worked perfectly no longer fits. Four columns have to become one. A large image occupies almost the entire first screen. Certain controls are too small to use with a finger, and some sections have to change position completely for the content to retain its meaning.\u003C/p>\n\u003Cp>That is when a kind of permanent negotiation with the design begins: what do we hide, what do we reduce, what do we move and what do we leave where it is even though it no longer works particularly well?\u003C/p>\n\u003Cp>The result can easily become a compressed desktop design rather than an interface genuinely designed for mobile.\u003C/p>\n\u003Cp>A mobile-first approach forces us to make some of those decisions earlier. What does the user need to see first? Which action is genuinely important? Which information is secondary? Which elements need enough room to be used comfortably?\u003C/p>\n\u003Cp>The interesting part is that answering those questions well usually improves the desktop version too. Designing within constraints forces us to establish priorities.\u003C/p>\n\u003Ch2>A mobile phone is not simply a small monitor\u003C/h2>\n\u003Cp>One of the most common mistakes when approaching responsive design is to think only in terms of dimensions.\u003C/p>\n\u003Cp>The experience changes because the way the device is used also changes.\u003C/p>\n\u003Cp>On a computer we usually have a keyboard, a precise pointer and a relatively large screen. On a phone we use our fingers, may be browsing with one hand, walking, standing in bright sunlight, using a mobile connection slower than the fibre connection at home or checking a page for only a few seconds.\u003C/p>\n\u003Cp>All of that directly affects design decisions.\u003C/p>\n\u003Cp>Buttons need sufficiently comfortable tap targets. Forms should avoid unnecessary fields and use appropriate controls. Text needs a size and line length that makes it comfortable to read. Menus have to be easy to open and navigate, and primary actions should remain obvious even when many of the visual possibilities offered by a large screen disappear.\u003C/p>\n\u003Cp>The order of the content changes too. Two sections that appear side by side on desktop will inevitably have to sit one after another when the layout collapses into a single column. Deciding which one comes first stops being a purely aesthetic matter and begins to affect the experience itself.\u003C/p>\n\u003Cp>That is why a good mobile experience cannot be solved simply by adding a handful of media queries at the end of development. It requires thinking about how the interface is actually used.\u003C/p>\n\u003Ch2>Breakpoints should respond to the content, not the latest phone model\u003C/h2>\n\u003Cp>For years it has been common to work with a fixed list of resolutions: mobile, tablet, laptop and desktop. Those references can still be useful, but treating them as rigid rules makes less and less sense.\u003C/p>\n\u003Cp>A breakpoint should primarily appear when \u003Cstrong>the design needs it\u003C/strong>.\u003C/p>\n\u003Cp>If two columns begin to become too narrow, that may be the right moment to turn them into one. If navigation no longer has enough space, it may be time to change its behaviour. If a collection of cards begins to lose readability, we can reduce the number of columns.\u003C/p>\n\u003Cp>We do not need to know whether that exact width belongs to an iPhone, a Samsung Galaxy, a particular tablet or a Chrome window that the user has manually resized.\u003C/p>\n\u003Cp>What matters is identifying the point at which the content stops working properly.\u003C/p>\n\u003Cp>This is also the principle described by \u003Ca href=\"https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Media_queries\">MDN when explaining media queries\u003C/a>: it is more robust to introduce changes when the content or composition itself requires them than to chase an endless list of specific devices.\u003C/p>\n\u003Ch2>Responsive also means thinking about images\u003C/h2>\n\u003Cp>Images are another good example of why adapting a website should not stop at the layout.\u003C/p>\n\u003Cp>A photograph intended to occupy 1,600 pixels of width on a monitor may not need the same file when it ends up displayed at 350 pixels inside a phone. Always downloading the largest image and then limiting its dimensions with CSS may work visually, but it forces the device to transfer data it may never actually use.\u003C/p>\n\u003Cp>HTML provides mechanisms for supplying different resources according to rendering needs, while a good frontend architecture can combine appropriate dimensions, modern formats and properly prioritised loading.\u003C/p>\n\u003Cp>The benefit works in two directions: the composition adapts better and we avoid making mobile users pay, in both data and download time, for resources intended for a much larger screen.\u003C/p>\n\u003Ch2>Responsive design and performance are more closely related than they seem\u003C/h2>\n\u003Cp>An interface can be perfectly organised on a mobile screen and still provide a poor experience if it takes too long to load or responds slowly.\u003C/p>\n\u003Cp>On mobile devices, factors such as image weight, the amount of JavaScript executed, fonts, third-party resources and visual stability while the page loads become particularly important.\u003C/p>\n\u003Cp>That is why responsive design and performance should be considered together.\u003C/p>\n\u003Cp>There is little value in creating a visually flawless mobile experience if users have to download several megabytes of unnecessary resources to see it, or wait while the browser processes an application much heavier than it needs to be.\u003C/p>\n\u003Cp>In our article about \u003Ca href=\"https://tornem.net/en/blog/website-speed-sales/\">why a faster website sells more\u003C/a>, we explained that speed is not simply a technical metric: it affects the experience, the perception of quality and the likelihood that the user will continue using the page.\u003C/p>\n\u003Cp>And when we want to analyse the problem more precisely, metrics such as LCP, INP and CLS come into play. In \u003Ca href=\"https://tornem.net/en/blog/core-web-vitals-website-performance-diagnosis/\">our article about Core Web Vitals\u003C/a>, we explain how they can be used to diagnose what is actually happening on a website instead of merely chasing a PageSpeed score.\u003C/p>\n\u003Cp>Designing for mobile also means learning how to prioritise resources.\u003C/p>\n\u003Ch2>Mobile first does not mean making a simpler website\u003C/h2>\n\u003Cp>Another fairly common interpretation is to associate mobile first with removing functionality.\u003C/p>\n\u003Cp>That does not have to be the case.\u003C/p>\n\u003Cp>A complex application can contain a large number of tools and still work perfectly from a phone. The difference lies in how those functions are organised and presented.\u003C/p>\n\u003Cp>On a large screen we can show side navigation, filters, secondary information, primary content and multiple actions simultaneously. On mobile, we may need to distribute those same capabilities through menus, panels, tabs, accordions or contextual controls.\u003C/p>\n\u003Cp>The functionality can remain available; what changes is the way users access it.\u003C/p>\n\u003Cp>In fact, this is one of the differences between simply “making an interface responsive” and genuinely designing it for different contexts. If we only change sizes and hide whatever gets in the way, we will probably lose functionality. If we rethink the interaction, we can preserve it in a much more appropriate form.\u003C/p>\n\u003Ch2>What does mobile first have to do with SEO?\u003C/h2>\n\u003Cp>The mobile experience is not isolated from search visibility either.\u003C/p>\n\u003Cp>Google uses the mobile version of a page’s content for its indexing and ranking processes, an approach it calls \u003Cstrong>mobile-first indexing\u003C/strong>. In its \u003Ca href=\"https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing\">documentation on mobile-first indexing\u003C/a>, Google explains the importance of ensuring that the mobile version retains the relevant content and elements of the page.\u003C/p>\n\u003Cp>That does not mean there is an SEO trick called “mobile first” that will automatically make a page rank higher on Google.\u003C/p>\n\u003Cp>The practical consequence is much more straightforward: important content, links, relevant images, structured data and the main information on the page should remain available in the mobile experience.\u003C/p>\n\u003Cp>If we build a complete desktop version and then reduce the mobile version until only part of the content remains, we may end up offering a worse experience both to users and to the systems trying to understand the page.\u003C/p>\n\u003Cp>The solution is not to design for Google. It is to avoid treating mobile as a second-class version of the website.\u003C/p>\n\u003Ch2>Testing responsive design is much more than opening DevTools and choosing an iPhone\u003C/h2>\n\u003Cp>Browser tools make checking different dimensions much easier, but serious responsive validation should go a little further.\u003C/p>\n\u003Cp>Changing the viewport width is useful for identifying many layout problems, but it is also worth actually using the interface: opening the menu, completing forms, pressing buttons, moving through carousels, testing filters, changing screen orientation, checking long content and reviewing what happens with error messages, empty states and dynamic components.\u003C/p>\n\u003Cp>Intermediate widths matter too.\u003C/p>\n\u003Cp>An interface can look perfect at 375 pixels and at 1,440 pixels and break spectacularly at 820. That famous territory where nobody prepared a Figma screenshot but where users somehow still exist.\u003C/p>\n\u003Cp>That is why I prefer to think of responsive design as continuous behaviour rather than three photographs labelled mobile, tablet and desktop.\u003C/p>\n\u003Ch2>A good responsive website should not attract attention for being responsive\u003C/h2>\n\u003Cp>When everything has been solved properly, the user will probably never even think about it.\u003C/p>\n\u003Cp>They can simply read comfortably, navigate, find what they need, complete a form or use an application regardless of the device they entered from.\u003C/p>\n\u003Cp>That should be the goal.\u003C/p>\n\u003Cp>Today a website can be opened on a small phone, a tablet, a laptop, a huge monitor, a window occupying half the screen or devices we had not even considered when the project was originally designed.\u003C/p>\n\u003Cp>Trying to prepare a separate version for every possibility would be absurd.\u003C/p>\n\u003Cp>Responsive design allows us to build interfaces flexible enough to respond to that reality. And a mobile-first approach helps us do it by beginning with what really matters: content, hierarchy, interaction and functionality.\u003C/p>\n\u003Cp>From there, we can progressively take advantage of all the additional space offered by larger screens.\u003C/p>\n\u003Cp>Because a good responsive website should not feel like a desktop site we somehow managed to squeeze into a phone. It should feel like a properly designed experience, regardless of where you open it.\u003C/p>\n\u003Cp>If you are thinking about creating a new website or have an existing site that does not quite work properly on mobile, we can analyse what is happening and propose a solution suited to the project. \u003Cstrong>\u003Ca href=\"https://tornem.net/en/#contacto\">Tell us about your project through Tornem’s contact form\u003C/a>\u003C/strong> and let’s talk.\u003C/p>\n",false,{"rendered":76,"protected":74},"\u003Cp>A responsive website is not simply a smaller version of a desktop site. We explain what mobile-first design means and what changes when the experience is planned properly from the beginning.\u003C/p>\n",3371,"closed","open","","standard",{"_acf_changed":74,"inline_featured_image":74,"footnotes":80},[84],101,[86,87,88,89],110,122,260,155,[],[92,68,93,94,95,96,97,98,99,100,101,102],"post-3367","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-corporate-website","tag-user-experience","tag-web-development","tag-web-performance",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Responsive design and mobile first: what they are and why they matter\u003C/title>\n\u003Cmeta name=\"description\" content=\"Discover what responsive design really means, what a mobile-first approach adds and why a good mobile experience goes far beyond resizing a website.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://tornem.net/en/blog/responsive-design-mobile-first/\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Responsive design and mobile first: what they are and why they matter\" />\n\u003Cmeta property=\"og:description\" content=\"Discover what responsive design really means, what a mobile-first approach adds and why a good mobile experience goes far beyond resizing a website.\" />\n\u003Cmeta property=\"og:url\" content=\"https://tornem.net/en/blog/responsive-design-mobile-first/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Tornem - Raúl Torner\" />\n\u003Cmeta property=\"article:published_time\" content=\"2026-09-28T07:00:00+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first.jpg\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1672\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"941\" />\n\t\u003Cmeta property=\"og:image:type\" content=\"image/jpeg\" />\n\u003Cmeta name=\"author\" content=\"raultorner\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Written by\" />\n\t\u003Cmeta name=\"twitter:data1\" content=\"raultorner\" />\n\t\u003Cmeta name=\"twitter:label2\" content=\"Est. reading time\" />\n\t\u003Cmeta name=\"twitter:data2\" content=\"11 minutes\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/#article\",\"isPartOf\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/responsive-design-mobile-first\\/\"},\"author\":{\"name\":\"raultorner\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/person\\/687aeb7bc9c4ecfec9312fbb66c5c4f9\"},\"headline\":\"Responsive design and mobile first: much more than adapting a website to mobile\",\"datePublished\":\"2026-09-28T07:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/responsive-design-mobile-first\\/\"},\"wordCount\":2303,\"publisher\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\"},\"image\":{\"@id\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/09\\/diseno-responsive-mobile-first.jpg\",\"keywords\":[\"Corporate website\",\"User experience\",\"Web development\",\"Web performance\"],\"articleSection\":[\"Web development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/responsive-design-mobile-first\\/\",\"url\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/\",\"name\":\"Responsive design and mobile first: what they are and why they matter\",\"isPartOf\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/09\\/diseno-responsive-mobile-first.jpg\",\"datePublished\":\"2026-09-28T07:00:00+00:00\",\"description\":\"Discover what responsive design really means, what a mobile-first approach adds and why a good mobile experience goes far beyond resizing a website.\",\"breadcrumb\":{\"@id\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/#primaryimage\",\"url\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/09\\/diseno-responsive-mobile-first.jpg\",\"contentUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/09\\/diseno-responsive-mobile-first.jpg\",\"width\":1672,\"height\":941,\"caption\":\"Woman browsing a responsive website on her smartphone by the sea\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/tornem.net\\/en\\/blog\\/responsive-design-mobile-first\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\/\\/cms.tornem.net\\/en\\/home\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive design and mobile first: much more than adapting a website to mobile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"name\":\"Tornem\",\"description\":\"Soluciones digitales a medida\",\"publisher\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\"},\"alternateName\":\"Tornem\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/cms.tornem.net\\/en\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\",\"name\":\"Tornem\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"contentUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Tornem\"},\"image\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/person\\/687aeb7bc9c4ecfec9312fbb66c5c4f9\",\"name\":\"raultorner\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/541c61f23050576596dde65c7abf65742370f179a4e5ce2fa25dfb3b1cf3d2e7?s=96&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/541c61f23050576596dde65c7abf65742370f179a4e5ce2fa25dfb3b1cf3d2e7?s=96&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/541c61f23050576596dde65c7abf65742370f179a4e5ce2fa25dfb3b1cf3d2e7?s=96&r=g\",\"caption\":\"raultorner\"},\"sameAs\":[\"https:\\/\\/cms.tornem.net\"]}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":106,"description":107,"robots":108,"canonical":114,"og_locale":115,"og_type":116,"og_title":106,"og_description":107,"og_url":114,"og_site_name":117,"article_published_time":118,"og_image":119,"author":125,"twitter_card":126,"twitter_misc":127,"schema":129},"Responsive design and mobile first: what they are and why they matter","Discover what responsive design really means, what a mobile-first approach adds and why a good mobile experience goes far beyond resizing a website.",{"index":109,"follow":110,"max-snippet":111,"max-image-preview":112,"max-video-preview":113},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","https://tornem.net/en/blog/responsive-design-mobile-first/","en_US","article","Tornem - Raúl Torner","2026-09-28T07:00:00+00:00",[120],{"width":121,"height":122,"url":123,"type":124},1672,941,"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first.jpg","image/jpeg","raultorner","summary_large_image",{"Written by":125,"Est. reading time":128},"11 minutes",{"@context":130,"@graph":131},"https://schema.org",[132,151,163,166,174,190,197],{"@type":133,"@id":134,"isPartOf":135,"author":136,"headline":71,"datePublished":118,"mainEntityOfPage":138,"wordCount":139,"publisher":140,"image":142,"thumbnailUrl":123,"keywords":144,"articleSection":149,"inLanguage":150},"Article","https://tornem.net/en/blog/responsive-design-mobile-first/#article",{"@id":69},{"name":125,"@id":137},"https://cms.tornem.net/en/#/schema/person/687aeb7bc9c4ecfec9312fbb66c5c4f9",{"@id":69},2303,{"@id":141},"https://cms.tornem.net/en/#organization",{"@id":143},"https://tornem.net/en/blog/responsive-design-mobile-first/#primaryimage",[145,146,147,148],"Corporate website","User experience","Web development","Web performance",[147],"en-US",{"@type":152,"@id":69,"url":114,"name":106,"isPartOf":153,"primaryImageOfPage":155,"image":156,"thumbnailUrl":123,"datePublished":118,"description":107,"breadcrumb":157,"inLanguage":150,"potentialAction":159},"WebPage",{"@id":154},"https://cms.tornem.net/en/#website",{"@id":143},{"@id":143},{"@id":158},"https://tornem.net/en/blog/responsive-design-mobile-first/#breadcrumb",[160],{"@type":161,"target":162},"ReadAction",[114],{"@type":164,"inLanguage":150,"@id":143,"url":123,"contentUrl":123,"width":121,"height":122,"caption":165},"ImageObject","Woman browsing a responsive website on her smartphone by the sea",{"@type":167,"@id":158,"itemListElement":168},"BreadcrumbList",[169,173],{"@type":170,"position":26,"name":171,"item":172},"ListItem","Portada","https://cms.tornem.net/en/home/",{"@type":170,"position":31,"name":71},{"@type":175,"@id":154,"url":176,"name":177,"description":178,"publisher":179,"alternateName":177,"potentialAction":180,"inLanguage":150},"WebSite","https://cms.tornem.net/en/","Tornem","Soluciones digitales a medida",{"@id":141},[181],{"@type":182,"target":183,"query-input":186},"SearchAction",{"@type":184,"urlTemplate":185},"EntryPoint","https://cms.tornem.net/en/?s={search_term_string}",{"@type":187,"valueRequired":188,"valueName":189},"PropertyValueSpecification",true,"search_term_string",{"@type":191,"@id":141,"name":177,"url":176,"logo":192,"image":196},"Organization",{"@type":164,"inLanguage":150,"@id":193,"url":194,"contentUrl":194,"width":195,"height":195,"caption":177},"https://cms.tornem.net/en/#/schema/logo/image/","https://cms.tornem.net/wp-content/uploads/2026/03/tornem-logo-name-full-dark.svg","1024",{"@id":193},{"@type":198,"@id":137,"name":125,"image":199,"sameAs":201},"Person",{"@type":164,"inLanguage":150,"@id":200,"url":200,"contentUrl":200,"caption":125},"https://secure.gravatar.com/avatar/541c61f23050576596dde65c7abf65742370f179a4e5ce2fa25dfb3b1cf3d2e7?s=96&r=g",[202],"https://cms.tornem.net",{"id":77,"url":123,"alt":165,"width":121,"height":122,"srcset":204,"sizes":205,"webp_url":80,"webp_srcset":80},"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first.jpg 1672w, https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-600x338.jpg 600w, https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-1024x576.jpg 1024w, https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-768x432.jpg 768w, https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-1536x864.jpg 1536w","(max-width: 1672px) 100vw, 1672px",{"self":207,"collection":213,"about":216,"author":219,"replies":222,"version-history":225,"predecessor-version":228,"wp:featuredmedia":232,"wp:attachment":235,"wp:term":238,"curies":248},[208],{"href":209,"targetHints":210},"https://cms.tornem.net/en/wp-json/wp/v2/posts/3367",{"allow":211},[212],"GET",[214],{"href":215},"https://cms.tornem.net/en/wp-json/wp/v2/posts",[217],{"href":218},"https://cms.tornem.net/en/wp-json/wp/v2/types/post",[220],{"embeddable":188,"href":221},"https://cms.tornem.net/en/wp-json/wp/v2/users/1",[223],{"embeddable":188,"href":224},"https://cms.tornem.net/en/wp-json/wp/v2/comments?post=3367",[226],{"count":26,"href":227},"https://cms.tornem.net/en/wp-json/wp/v2/posts/3367/revisions",[229],{"id":230,"href":231},3373,"https://cms.tornem.net/en/wp-json/wp/v2/posts/3367/revisions/3373",[233],{"embeddable":188,"href":234},"https://cms.tornem.net/en/wp-json/wp/v2/media/3371",[236],{"href":237},"https://cms.tornem.net/en/wp-json/wp/v2/media?parent=3367",[239,242,245],{"taxonomy":240,"embeddable":188,"href":241},"category","https://cms.tornem.net/en/wp-json/wp/v2/categories?post=3367",{"taxonomy":243,"embeddable":188,"href":244},"post_tag","https://cms.tornem.net/en/wp-json/wp/v2/tags?post=3367",{"taxonomy":246,"embeddable":188,"href":247},"destacado","https://cms.tornem.net/en/wp-json/wp/v2/destacado?post=3367",[249],{"name":250,"href":251,"templated":188},"wp","https://api.w.org/{rel}",{"author":253,"wp:featuredmedia":269,"wp:term":338},[254],{"id":26,"name":125,"url":202,"description":80,"link":255,"slug":125,"avatar_urls":256,"yoast_head":259,"yoast_head_json":259,"acf":260,"_links":261},"https://cms.tornem.net/en/author/raultorner/",{"24":257,"48":258,"96":200},"https://secure.gravatar.com/avatar/541c61f23050576596dde65c7abf65742370f179a4e5ce2fa25dfb3b1cf3d2e7?s=24&r=g","https://secure.gravatar.com/avatar/541c61f23050576596dde65c7abf65742370f179a4e5ce2fa25dfb3b1cf3d2e7?s=48&r=g",null,[],{"self":262,"collection":266},[263],{"href":221,"targetHints":264},{"allow":265},[212],[267],{"href":268},"https://cms.tornem.net/en/wp-json/wp/v2/users",[270],{"id":77,"date":271,"slug":272,"type":273,"link":274,"title":275,"author":26,"featured_media":25,"acf":277,"caption":278,"alt_text":165,"media_type":279,"mime_type":124,"media_details":280,"source_url":123,"_links":318},"2026-09-23T17:05:08","responsive-design-and-mobile-first","attachment","https://cms.tornem.net/en/responsive-design-mobile-first/responsive-design-and-mobile-first/",{"rendered":276},"Responsive design and mobile first",[],{"rendered":80},"image",{"width":121,"height":122,"file":281,"filesize":282,"sizes":283,"image_meta":315},"2026/09/diseno-responsive-mobile-first.jpg",108799,{"medium":284,"large":290,"thumbnail":296,"medium_large":301,"1536x1536":307,"full":313},{"file":285,"width":286,"height":287,"filesize":288,"mime_type":124,"source_url":289},"diseno-responsive-mobile-first-600x338.jpg",600,338,37735,"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-600x338.jpg",{"file":291,"width":292,"height":293,"filesize":294,"mime_type":124,"source_url":295},"diseno-responsive-mobile-first-1024x576.jpg",1024,576,83246,"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-1024x576.jpg",{"file":297,"width":298,"height":298,"filesize":299,"mime_type":124,"source_url":300},"diseno-responsive-mobile-first-320x320.jpg",320,20753,"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-320x320.jpg",{"file":302,"width":303,"height":304,"filesize":305,"mime_type":124,"source_url":306},"diseno-responsive-mobile-first-768x432.jpg",768,432,53806,"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-768x432.jpg",{"file":308,"width":309,"height":310,"filesize":311,"mime_type":124,"source_url":312},"diseno-responsive-mobile-first-1536x864.jpg",1536,864,151352,"https://cms.tornem.net/wp-content/uploads/2026/09/diseno-responsive-mobile-first-1536x864.jpg",{"file":314,"width":121,"height":122,"mime_type":124,"source_url":123},"diseno-responsive-mobile-first.jpg",{"aperture":316,"credit":80,"camera":80,"caption":80,"created_timestamp":316,"copyright":80,"focal_length":316,"iso":316,"shutter_speed":316,"title":80,"orientation":316,"keywords":317,"alt":80},"0",[],{"self":319,"collection":323,"about":326,"author":329,"replies":331,"wp:attached-to":334,"curies":336},[320],{"href":234,"targetHints":321},{"allow":322},[212],[324],{"href":325},"https://cms.tornem.net/en/wp-json/wp/v2/media",[327],{"href":328},"https://cms.tornem.net/en/wp-json/wp/v2/types/attachment",[330],{"embeddable":188,"href":221},[332],{"embeddable":188,"href":333},"https://cms.tornem.net/en/wp-json/wp/v2/comments?post=3371",[335],{"embeddable":188,"post_type":68,"id":59,"href":209},[337],{"name":250,"href":251,"templated":188},[339,385,551],[340],{"id":84,"link":341,"name":147,"slug":342,"taxonomy":240,"yoast_head":343,"yoast_head_json":344,"acf":367,"_links":368},"https://cms.tornem.net/en/category/web-development/","web-development","\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Web development | Tornem - Raúl Torner\u003C/title>\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://cms.tornem.net/en/category/web-development/\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Web development | Tornem - Raúl Torner\" />\n\u003Cmeta property=\"og:url\" content=\"https://cms.tornem.net/en/category/web-development/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Tornem - Raúl Torner\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/category\\/web-development\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/category\\/web-development\\/\",\"name\":\"Web development | Tornem - Raúl Torner\",\"isPartOf\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/category\\/web-development\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/category\\/web-development\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\/\\/cms.tornem.net\\/en\\/home\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"name\":\"Tornem\",\"description\":\"Soluciones digitales a medida\",\"publisher\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\"},\"alternateName\":\"Tornem\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/cms.tornem.net\\/en\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\",\"name\":\"Tornem\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"contentUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Tornem\"},\"image\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":345,"robots":346,"canonical":341,"og_locale":115,"og_type":116,"og_title":345,"og_url":341,"og_site_name":117,"twitter_card":126,"schema":347},"Web development | Tornem - Raúl Torner",{"index":109,"follow":110,"max-snippet":111,"max-image-preview":112,"max-video-preview":113},{"@context":130,"@graph":348},[349,354,358,364],{"@type":350,"@id":341,"url":341,"name":345,"isPartOf":351,"breadcrumb":352,"inLanguage":150},"CollectionPage",{"@id":154},{"@id":353},"https://cms.tornem.net/en/category/web-development/#breadcrumb",{"@type":167,"@id":353,"itemListElement":355},[356,357],{"@type":170,"position":26,"name":171,"item":172},{"@type":170,"position":31,"name":147},{"@type":175,"@id":154,"url":176,"name":177,"description":178,"publisher":359,"alternateName":177,"potentialAction":360,"inLanguage":150},{"@id":141},[361],{"@type":182,"target":362,"query-input":363},{"@type":184,"urlTemplate":185},{"@type":187,"valueRequired":188,"valueName":189},{"@type":191,"@id":141,"name":177,"url":176,"logo":365,"image":366},{"@type":164,"inLanguage":150,"@id":193,"url":194,"contentUrl":194,"width":195,"height":195,"caption":177},{"@id":193},[],{"self":369,"collection":374,"about":377,"wp:post_type":380,"curies":383},[370],{"href":371,"targetHints":372},"https://cms.tornem.net/en/wp-json/wp/v2/categories/101",{"allow":373},[212],[375],{"href":376},"https://cms.tornem.net/en/wp-json/wp/v2/categories",[378],{"href":379},"https://cms.tornem.net/en/wp-json/wp/v2/taxonomies/category",[381],{"href":382},"https://cms.tornem.net/en/wp-json/wp/v2/posts?categories=101",[384],{"name":250,"href":251,"templated":188},[386,429,470,510],{"id":86,"link":387,"name":145,"slug":388,"taxonomy":243,"yoast_head":389,"yoast_head_json":390,"_links":412},"https://cms.tornem.net/en/tag/corporate-website/","corporate-website","\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Corporate website archivos | Tornem - Raúl Torner\u003C/title>\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://cms.tornem.net/en/tag/corporate-website/\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Corporate website archivos | Tornem - Raúl Torner\" />\n\u003Cmeta property=\"og:url\" content=\"https://cms.tornem.net/en/tag/corporate-website/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Tornem - Raúl Torner\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/corporate-website\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/corporate-website\\/\",\"name\":\"Corporate website archivos | Tornem - Raúl Torner\",\"isPartOf\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/corporate-website\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/corporate-website\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\/\\/cms.tornem.net\\/en\\/home\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Corporate website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"name\":\"Tornem\",\"description\":\"Soluciones digitales a medida\",\"publisher\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\"},\"alternateName\":\"Tornem\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/cms.tornem.net\\/en\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\",\"name\":\"Tornem\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"contentUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Tornem\"},\"image\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":391,"robots":392,"canonical":387,"og_locale":115,"og_type":116,"og_title":391,"og_url":387,"og_site_name":117,"twitter_card":126,"schema":393},"Corporate website archivos | Tornem - Raúl Torner",{"index":109,"follow":110,"max-snippet":111,"max-image-preview":112,"max-video-preview":113},{"@context":130,"@graph":394},[395,399,403,409],{"@type":350,"@id":387,"url":387,"name":391,"isPartOf":396,"breadcrumb":397,"inLanguage":150},{"@id":154},{"@id":398},"https://cms.tornem.net/en/tag/corporate-website/#breadcrumb",{"@type":167,"@id":398,"itemListElement":400},[401,402],{"@type":170,"position":26,"name":171,"item":172},{"@type":170,"position":31,"name":145},{"@type":175,"@id":154,"url":176,"name":177,"description":178,"publisher":404,"alternateName":177,"potentialAction":405,"inLanguage":150},{"@id":141},[406],{"@type":182,"target":407,"query-input":408},{"@type":184,"urlTemplate":185},{"@type":187,"valueRequired":188,"valueName":189},{"@type":191,"@id":141,"name":177,"url":176,"logo":410,"image":411},{"@type":164,"inLanguage":150,"@id":193,"url":194,"contentUrl":194,"width":195,"height":195,"caption":177},{"@id":193},{"self":413,"collection":418,"about":421,"wp:post_type":424,"curies":427},[414],{"href":415,"targetHints":416},"https://cms.tornem.net/en/wp-json/wp/v2/tags/110",{"allow":417},[212],[419],{"href":420},"https://cms.tornem.net/en/wp-json/wp/v2/tags",[422],{"href":423},"https://cms.tornem.net/en/wp-json/wp/v2/taxonomies/post_tag",[425],{"href":426},"https://cms.tornem.net/en/wp-json/wp/v2/posts?tags=110",[428],{"name":250,"href":251,"templated":188},{"id":87,"link":430,"name":146,"slug":431,"taxonomy":243,"yoast_head":432,"yoast_head_json":433,"_links":455},"https://cms.tornem.net/en/tag/user-experience/","user-experience","\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>User experience archivos | Tornem - Raúl Torner\u003C/title>\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://cms.tornem.net/en/tag/user-experience/\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"User experience archivos | Tornem - Raúl Torner\" />\n\u003Cmeta property=\"og:url\" content=\"https://cms.tornem.net/en/tag/user-experience/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Tornem - Raúl Torner\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/user-experience\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/user-experience\\/\",\"name\":\"User experience archivos | Tornem - Raúl Torner\",\"isPartOf\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/user-experience\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/user-experience\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\/\\/cms.tornem.net\\/en\\/home\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"name\":\"Tornem\",\"description\":\"Soluciones digitales a medida\",\"publisher\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\"},\"alternateName\":\"Tornem\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/cms.tornem.net\\/en\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\",\"name\":\"Tornem\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"contentUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Tornem\"},\"image\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":434,"robots":435,"canonical":430,"og_locale":115,"og_type":116,"og_title":434,"og_url":430,"og_site_name":117,"twitter_card":126,"schema":436},"User experience archivos | Tornem - Raúl Torner",{"index":109,"follow":110,"max-snippet":111,"max-image-preview":112,"max-video-preview":113},{"@context":130,"@graph":437},[438,442,446,452],{"@type":350,"@id":430,"url":430,"name":434,"isPartOf":439,"breadcrumb":440,"inLanguage":150},{"@id":154},{"@id":441},"https://cms.tornem.net/en/tag/user-experience/#breadcrumb",{"@type":167,"@id":441,"itemListElement":443},[444,445],{"@type":170,"position":26,"name":171,"item":172},{"@type":170,"position":31,"name":146},{"@type":175,"@id":154,"url":176,"name":177,"description":178,"publisher":447,"alternateName":177,"potentialAction":448,"inLanguage":150},{"@id":141},[449],{"@type":182,"target":450,"query-input":451},{"@type":184,"urlTemplate":185},{"@type":187,"valueRequired":188,"valueName":189},{"@type":191,"@id":141,"name":177,"url":176,"logo":453,"image":454},{"@type":164,"inLanguage":150,"@id":193,"url":194,"contentUrl":194,"width":195,"height":195,"caption":177},{"@id":193},{"self":456,"collection":461,"about":463,"wp:post_type":465,"curies":468},[457],{"href":458,"targetHints":459},"https://cms.tornem.net/en/wp-json/wp/v2/tags/122",{"allow":460},[212],[462],{"href":420},[464],{"href":423},[466],{"href":467},"https://cms.tornem.net/en/wp-json/wp/v2/posts?tags=122",[469],{"name":250,"href":251,"templated":188},{"id":88,"link":471,"name":147,"slug":342,"taxonomy":243,"yoast_head":472,"yoast_head_json":473,"_links":495},"https://cms.tornem.net/en/tag/web-development/","\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Web development archivos | Tornem - Raúl Torner\u003C/title>\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://cms.tornem.net/en/tag/web-development/\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Web development archivos | Tornem - Raúl Torner\" />\n\u003Cmeta property=\"og:url\" content=\"https://cms.tornem.net/en/tag/web-development/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Tornem - Raúl Torner\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-development\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-development\\/\",\"name\":\"Web development archivos | Tornem - Raúl Torner\",\"isPartOf\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-development\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-development\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\/\\/cms.tornem.net\\/en\\/home\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"name\":\"Tornem\",\"description\":\"Soluciones digitales a medida\",\"publisher\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\"},\"alternateName\":\"Tornem\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/cms.tornem.net\\/en\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\",\"name\":\"Tornem\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"contentUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Tornem\"},\"image\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":474,"robots":475,"canonical":471,"og_locale":115,"og_type":116,"og_title":474,"og_url":471,"og_site_name":117,"twitter_card":126,"schema":476},"Web development archivos | Tornem - Raúl Torner",{"index":109,"follow":110,"max-snippet":111,"max-image-preview":112,"max-video-preview":113},{"@context":130,"@graph":477},[478,482,486,492],{"@type":350,"@id":471,"url":471,"name":474,"isPartOf":479,"breadcrumb":480,"inLanguage":150},{"@id":154},{"@id":481},"https://cms.tornem.net/en/tag/web-development/#breadcrumb",{"@type":167,"@id":481,"itemListElement":483},[484,485],{"@type":170,"position":26,"name":171,"item":172},{"@type":170,"position":31,"name":147},{"@type":175,"@id":154,"url":176,"name":177,"description":178,"publisher":487,"alternateName":177,"potentialAction":488,"inLanguage":150},{"@id":141},[489],{"@type":182,"target":490,"query-input":491},{"@type":184,"urlTemplate":185},{"@type":187,"valueRequired":188,"valueName":189},{"@type":191,"@id":141,"name":177,"url":176,"logo":493,"image":494},{"@type":164,"inLanguage":150,"@id":193,"url":194,"contentUrl":194,"width":195,"height":195,"caption":177},{"@id":193},{"self":496,"collection":501,"about":503,"wp:post_type":505,"curies":508},[497],{"href":498,"targetHints":499},"https://cms.tornem.net/en/wp-json/wp/v2/tags/260",{"allow":500},[212],[502],{"href":420},[504],{"href":423},[506],{"href":507},"https://cms.tornem.net/en/wp-json/wp/v2/posts?tags=260",[509],{"name":250,"href":251,"templated":188},{"id":89,"link":511,"name":148,"slug":512,"taxonomy":243,"yoast_head":513,"yoast_head_json":514,"_links":536},"https://cms.tornem.net/en/tag/web-performance/","web-performance","\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Web performance archivos | Tornem - Raúl Torner\u003C/title>\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://cms.tornem.net/en/tag/web-performance/\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Web performance archivos | Tornem - Raúl Torner\" />\n\u003Cmeta property=\"og:url\" content=\"https://cms.tornem.net/en/tag/web-performance/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Tornem - Raúl Torner\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-performance\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-performance\\/\",\"name\":\"Web performance archivos | Tornem - Raúl Torner\",\"isPartOf\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-performance\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/tag\\/web-performance\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\/\\/cms.tornem.net\\/en\\/home\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web performance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#website\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"name\":\"Tornem\",\"description\":\"Soluciones digitales a medida\",\"publisher\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\"},\"alternateName\":\"Tornem\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/cms.tornem.net\\/en\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#organization\",\"name\":\"Tornem\",\"url\":\"https:\\/\\/cms.tornem.net\\/en\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\",\"url\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"contentUrl\":\"https:\\/\\/cms.tornem.net\\/wp-content\\/uploads\\/2026\\/03\\/tornem-logo-name-full-dark.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Tornem\"},\"image\":{\"@id\":\"https:\\/\\/cms.tornem.net\\/en\\/#\\/schema\\/logo\\/image\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":515,"robots":516,"canonical":511,"og_locale":115,"og_type":116,"og_title":515,"og_url":511,"og_site_name":117,"twitter_card":126,"schema":517},"Web performance archivos | Tornem - Raúl Torner",{"index":109,"follow":110,"max-snippet":111,"max-image-preview":112,"max-video-preview":113},{"@context":130,"@graph":518},[519,523,527,533],{"@type":350,"@id":511,"url":511,"name":515,"isPartOf":520,"breadcrumb":521,"inLanguage":150},{"@id":154},{"@id":522},"https://cms.tornem.net/en/tag/web-performance/#breadcrumb",{"@type":167,"@id":522,"itemListElement":524},[525,526],{"@type":170,"position":26,"name":171,"item":172},{"@type":170,"position":31,"name":148},{"@type":175,"@id":154,"url":176,"name":177,"description":178,"publisher":528,"alternateName":177,"potentialAction":529,"inLanguage":150},{"@id":141},[530],{"@type":182,"target":531,"query-input":532},{"@type":184,"urlTemplate":185},{"@type":187,"valueRequired":188,"valueName":189},{"@type":191,"@id":141,"name":177,"url":176,"logo":534,"image":535},{"@type":164,"inLanguage":150,"@id":193,"url":194,"contentUrl":194,"width":195,"height":195,"caption":177},{"@id":193},{"self":537,"collection":542,"about":544,"wp:post_type":546,"curies":549},[538],{"href":539,"targetHints":540},"https://cms.tornem.net/en/wp-json/wp/v2/tags/155",{"allow":541},[212],[543],{"href":420},[545],{"href":423},[547],{"href":548},"https://cms.tornem.net/en/wp-json/wp/v2/posts?tags=155",[550],{"name":250,"href":251,"templated":188},[],{"vibe-coding-desarrollo-web-ia":553,"vibe-coding-desenvolupament-web-ia":557,"vibe-coding-web-development-ai":558,"puede-una-ia-descontrolarse":559,"pot-descontrolar-se-una-ia":563,"can-ai-go-out-of-control":564,"que-tipo-de-hosting-necesita-tu-web":565,"quin-tipus-de-hosting-necessita-la-teua-web":569,"what-kind-of-hosting-your-website-needs":570,"personalizacion-avanzada-mybooking-wordpress":571,"personalitzacio-avancada-mybooking-wordpress":575,"advanced-mybooking-customization-wordpress":576,"wordpress-a-medida-o-constructores-visuales":577,"wordpress-a-mida-o-constructors-visuals":581,"custom-wordpress-or-visual-builders":582,"diseno-responsive-mobile-first":583,"disseny-responsive-mobile-first":586,"responsive-design-mobile-first":587},{"es":554,"ca":555,"en":556},"vibe-coding-desarrollo-web-ia","vibe-coding-desenvolupament-web-ia","vibe-coding-web-development-ai",{"es":554,"ca":555,"en":556},{"es":554,"ca":555,"en":556},{"es":560,"ca":561,"en":562},"puede-una-ia-descontrolarse","pot-descontrolar-se-una-ia","can-ai-go-out-of-control",{"es":560,"ca":561,"en":562},{"es":560,"ca":561,"en":562},{"es":566,"ca":567,"en":568},"que-tipo-de-hosting-necesita-tu-web","quin-tipus-de-hosting-necessita-la-teua-web","what-kind-of-hosting-your-website-needs",{"es":566,"ca":567,"en":568},{"es":566,"ca":567,"en":568},{"es":572,"ca":573,"en":574},"personalizacion-avanzada-mybooking-wordpress","personalitzacio-avancada-mybooking-wordpress","advanced-mybooking-customization-wordpress",{"es":572,"ca":573,"en":574},{"es":572,"ca":573,"en":574},{"es":578,"ca":579,"en":580},"wordpress-a-medida-o-constructores-visuales","wordpress-a-mida-o-constructors-visuals","custom-wordpress-or-visual-builders",{"es":578,"ca":579,"en":580},{"es":578,"ca":579,"en":580},{"es":584,"ca":585,"en":66},"diseno-responsive-mobile-first","disseny-responsive-mobile-first",{"es":584,"ca":585,"en":66},{"es":584,"ca":585,"en":66},[589,590],"\u003Cdiv class=\"wp-widget\">\u003Cdiv class=\"menu-primary-ingles-container\">\u003Cul id=\"menu-primary-ingles\" class=\"menu\">\u003Cli id=\"menu-item-2200\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2200\">\u003Ca href=\"/en/#servicios\">Services\u003C/a>\u003C/li>\n\u003Cli id=\"menu-item-2201\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2201\">\u003Ca href=\"/en/#proceso\">Method\u003C/a>\u003C/li>\n\u003Cli id=\"menu-item-2202\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2202\">\u003Ca href=\"/en/#datos\">Data\u003C/a>\u003C/li>\n\u003Cli id=\"menu-item-2203\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2203\">\u003Ca href=\"/en/#tecnologias\">Technology\u003C/a>\u003C/li>\n\u003Cli id=\"menu-item-2126\" class=\"menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-2126\">\u003Ca href=\"/en/blog/\">Blog\u003C/a>\u003C/li>\n\u003C/ul>\u003C/div>\u003C/div>","\u003Cdiv class=\"wp-widget\">\t\t\t\u003Cdiv class=\"textwidget\">\u003Cp>Follow us on social media to explore how we combine creativity, development, and digital vision in every project\u003C/p>\n\u003C/div>\n\t\t\u003C/div>",{"telefono":592,"whatsapp":592,"email":593,"direccion":80,"mapa_iframe":80,"horario_atencion":80,"redes_sociales":594},"+34 652 526 955","hello@tornem.net",[595],{"facebook":80,"instagram":80,"linkedin":596,"x":80,"behance":80},"https://www.linkedin.com/in/raul-torner-martinell/",1790583034466]