{"id":831,"date":"2026-11-04T09:41:00","date_gmt":"2026-11-04T08:41:00","guid":{"rendered":"https:\/\/codina.studio\/?post_type=servei&#038;p=831"},"modified":"2026-11-04T16:19:12","modified_gmt":"2026-11-04T15:19:12","slug":"web","status":"publish","type":"servei","link":"https:\/\/codina.studio\/es\/servicios\/web\/","title":{"rendered":"web"},"content":{"rendered":"<section class=\"wp-block-group alignfull codina-servei-hero has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-384241b8 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\"><p class=\"codina-eyebrow wp-block-paragraph\">web.<\/p>\n\n<h1 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">una web no es una pantalla: <strong><mark class=\"codina-marker\">es un lugar<svg class=\"codina-marker__stroke\" viewBox=\"0 0 310 40\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 20.9999C26.7762 16.2245 49.5532 11.5572 71.7979 14.6666C84.9553 16.5057 97.0392 21.8432 109.987 24.3888C116.413 25.6523 123.012 25.5143 129.042 22.6388C135.981 19.3303 142.586 15.1422 150.092 13.3333C156.799 11.7168 161.702 14.6225 167.887 16.8333C181.562 21.7212 194.975 22.6234 209.252 21.3888C224.678 20.0548 239.912 17.991 255.42 18.3055C272.027 18.6422 288.409 18.867 305 17.9999\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"10\" stroke-linecap=\"round\"\/><\/svg><\/mark><\/strong>.<\/h1>\n\n<p class=\"has-body-large-font-size wp-block-paragraph\">dise\u00f1amos y programamos webs a medida en el Maresme, con puerta, recorrido y jerarqu\u00eda. dise\u00f1o, c\u00f3digo y animaci\u00f3n hechos en casa, pensados para el negocio que hay detr\u00e1s.<\/p>\n\n<div class=\"wp-block-group codina-actions is-layout-flex wp-block-group-is-layout-flex\"><div class=\"is-style-primary-light wp-block-codina-button\" data-split=\"none\">\n\t<a\t\tclass=\"codina-button\"\n\t\tdata-codina-button\n\t\t\t\t\thref=\"https:\/\/codina.studio\/es\/empezar\/\"\n\t\t\t\t\t\t>\n\t\t\t\t<span class=\"codina-button__ring\" aria-hidden=\"true\">\n\t\t\t<svg width=\"100%\" height=\"100%\" overflow=\"visible\" focusable=\"false\" aria-hidden=\"true\">\n\t\t\t\t<rect width=\"100%\" height=\"100%\" \/>\n\t\t\t<\/svg>\n\t\t<\/span>\n\t\t<span class=\"codina-button__face wp-element-button\">cu\u00e9ntanos tu proyecto<\/span>\n\t\t\t<\/a>\n<\/div>\n\n\n<div class=\"is-style-secondary-light wp-block-codina-button\" data-split=\"none\">\n\t<a\t\tclass=\"codina-button\"\n\t\tdata-codina-button\n\t\t\t\t\thref=\"#projectes\"\n\t\t\t\t\t\t>\n\t\t\t\t<span class=\"codina-button__ring\" aria-hidden=\"true\">\n\t\t\t<svg width=\"100%\" height=\"100%\" overflow=\"visible\" focusable=\"false\" aria-hidden=\"true\">\n\t\t\t\t<rect width=\"100%\" height=\"100%\" \/>\n\t\t\t<\/svg>\n\t\t<\/span>\n\t\t<span class=\"codina-button__face wp-element-button\">ver proyectos<\/span>\n\t\t\t<\/a>\n<\/div>\n\n\n<\/div>\n\n<p class=\"codina-servei-hero__trust wp-block-paragraph\">+20 a\u00f1os \u00b7 +200 marcas \u00b7 esta misma web la hemos dise\u00f1ado y programado nosotros.<\/p>\n\n<\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\"><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-plantilla-819x1024.webp\" alt=\"La pantalla del estudio con la plantilla &#xAB;persona&#xBB; de una sesi&#xF3;n de trabajo, sobre una cajonera de madera.\" class=\"wp-image-883\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-plantilla-819x1024.webp 819w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-plantilla-240x300.webp 240w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-plantilla-768x960.webp 768w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-plantilla.webp 1200w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n<\/div>\n\n<\/div>\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-symptoms has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(01)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">tienes una web pero, \u00bf<strong>te trae clientes<\/strong>?<\/h2>\n\n<p class=\"has-body-large-font-size wp-block-paragraph\">una web puede ser bonita y no servir, o servir y no parecerse en nada a la empresa. casi nunca es un problema t\u00e9cnico: es que nadie ha pensado qu\u00e9 tiene que hacer la web por el negocio.<\/p>\n\n<\/div>\n\n<div class=\"codina-postits wp-block-codina-postit-wall\" data-postits=\"\">\n\t<ul class=\"codina-postits__list\" role=\"list\">\n\t\t<li class=\"codina-postit wp-block-codina-postit\" data-postit=\"\">\n\t<span class=\"codina-postit__texture\" aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-postit__content\">\n\t\t<p class=\"wp-block-paragraph\">\u00abla web no convierte\u00bb<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-postit wp-block-codina-postit\" data-postit=\"\">\n\t<span class=\"codina-postit__texture\" aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-postit__content\">\n\t\t<p class=\"wp-block-paragraph\">\u00abse ha quedado antigua y lo sabemos\u00bb<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-postit wp-block-codina-postit\" data-postit=\"\">\n\t<span class=\"codina-postit__texture\" aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-postit__content\">\n\t\t<p class=\"wp-block-paragraph\">\u00abno se parece a nuestra marca\u00bb<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-postit wp-block-codina-postit\" data-postit=\"\">\n\t<span class=\"codina-postit__texture\" aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-postit__content\">\n\t\t<p class=\"wp-block-paragraph\">\u00abpara cambiar un texto tenemos que llamar a alguien\u00bb<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-postit wp-block-codina-postit\" data-postit=\"\">\n\t<span class=\"codina-postit__texture\" aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-postit__content\">\n\t\t<p class=\"wp-block-paragraph\">\u00aben el m\u00f3vil no se ve bien\u00bb<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-postit wp-block-codina-postit\" data-postit=\"\">\n\t<span class=\"codina-postit__texture\" aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-postit__content\">\n\t\t<p class=\"wp-block-paragraph\">\u00abnadie nos encuentra\u00bb<\/p>\n\n\t<\/div>\n<\/li>\n\n\n\t<\/ul>\n<\/div>\n\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-answer has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(02)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">para que la web no se parezca a la marca: <strong>sea la marca<\/strong>.<\/h2>\n\n<p class=\"has-body-large-font-size wp-block-paragraph\">una web es una puerta, un recorrido y una herramienta de negocio. la pensamos as\u00ed desde el primer d\u00eda, y la hacemos entera en el estudio.<\/p>\n\n<\/div>\n\n<div class=\"codina-features wp-block-codina-feature-list\" data-directional-hover=\"\" data-type=\"y\">\n\t<ul class=\"codina-features__list\" role=\"list\">\n\t\t<li class=\"codina-feature wp-block-codina-feature-item\" data-directional-hover-item=\"\">\n\t<span class=\"codina-feature__tile\" data-directional-hover-tile aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-feature__content\">\n\t\t<h3 class=\"wp-block-heading codina-feature__title\">ux\/ui design<\/h3>\n\n<p class=\"codina-feature__text wp-block-paragraph\">la arquitectura, el recorrido y cada pantalla, pensados para quien la va a usar.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-feature wp-block-codina-feature-item\" data-directional-hover-item=\"\">\n\t<span class=\"codina-feature__tile\" data-directional-hover-tile aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-feature__content\">\n\t\t<h3 class=\"wp-block-heading codina-feature__title\">web design<\/h3>\n\n<p class=\"codina-feature__text wp-block-paragraph\">la marca convertida en p\u00e1ginas: tipograf\u00eda, ritmo, imagen y movimiento.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-feature wp-block-codina-feature-item\" data-directional-hover-item=\"\">\n\t<span class=\"codina-feature__tile\" data-directional-hover-tile aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-feature__content\">\n\t\t<h3 class=\"wp-block-heading codina-feature__title\">front-end development<\/h3>\n\n<p class=\"codina-feature__text wp-block-paragraph\">el c\u00f3digo, hecho en casa: r\u00e1pido, accesible y preparado para crecer.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-feature wp-block-codina-feature-item\" data-directional-hover-item=\"\">\n\t<span class=\"codina-feature__tile\" data-directional-hover-tile aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-feature__content\">\n\t\t<h3 class=\"wp-block-heading codina-feature__title\">cms (wordpress, webflow, shopify)<\/h3>\n\n<p class=\"codina-feature__text wp-block-paragraph\">una web que pod\u00e9is editar vosotros, sin depender de nadie para cambiar un texto.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-feature wp-block-codina-feature-item\" data-directional-hover-item=\"\">\n\t<span class=\"codina-feature__tile\" data-directional-hover-tile aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-feature__content\">\n\t\t<h3 class=\"wp-block-heading codina-feature__title\">ecommerce<\/h3>\n\n<p class=\"codina-feature__text wp-block-paragraph\">tiendas que explican el producto, resuelven dudas y hacen la compra clara.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-feature wp-block-codina-feature-item\" data-directional-hover-item=\"\">\n\t<span class=\"codina-feature__tile\" data-directional-hover-tile aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-feature__content\">\n\t\t<h3 class=\"wp-block-heading codina-feature__title\">web animations<\/h3>\n\n<p class=\"codina-feature__text wp-block-paragraph\">el movimiento que explica cosas: de d\u00f3nde viene, ad\u00f3nde va, qu\u00e9 ha cambiado.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n\t<\/ul>\n<\/div>\n\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-why has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(03)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">por qu\u00e9 <strong>codina*<\/strong>studio.<\/h2>\n\n<\/div>\n\n<div class=\"codina-sticky wp-block-codina-sticky-features\" data-sticky-feature-wrap=\"\">\n\t<div class=\"codina-sticky__scroll\">\n\t\t<ol class=\"codina-sticky__list\">\n\t\t\t<li class=\"codina-sticky-item wp-block-codina-sticky-feature\" data-sticky-feature-item=\"\">\n\t<figure class=\"codina-sticky-item__visual\" data-sticky-feature-visual-wrap>\n\t\t<img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-dissenyar-819x1024.webp\" class=\"attachment-large size-large\" alt=\"Manos sobre el teclado, frente a dos pantallas con una propuesta de marca abierta.\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 40vw, 100vw\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-dissenyar-819x1024.webp 819w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-dissenyar-240x300.webp 240w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-dissenyar-768x960.webp 768w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-dissenyar.webp 1066w\" \/>\t<\/figure>\n\t<div class=\"codina-sticky-item__text\" data-sticky-feature-text>\n\t\t<h3 class=\"wp-block-heading\">no somos una agencia: <strong>somos tu equipo creativo externo<\/strong>.<\/h3>\n\n<p class=\"wp-block-paragraph\">La mayor\u00eda de agencias separan lo que piensan de lo que hacen. Nosotros no: conceptualizamos, dise\u00f1amos y producimos desde el mismo lugar, con la misma conversaci\u00f3n y el mismo equipo de principio a fin.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-sticky-item wp-block-codina-sticky-feature\" data-sticky-feature-item=\"\">\n\t<figure class=\"codina-sticky-item__visual\" data-sticky-feature-visual-wrap>\n\t\t<img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-generacions-819x1024.webp\" class=\"attachment-large size-large\" alt=\"Dos personas trabajando frente a sus pantallas en una larga mesa de madera, con la sala de cristal al fondo.\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 40vw, 100vw\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-generacions-819x1024.webp 819w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-generacions-240x300.webp 240w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-generacions-768x960.webp 768w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-generacions.webp 1200w\" \/>\t<\/figure>\n\t<div class=\"codina-sticky-item__text\" data-sticky-feature-text>\n\t\t<h3 class=\"wp-block-heading\">una empresa familiar. dos generaciones. <strong>un solo criterio<\/strong>.<\/h3>\n\n<p class=\"wp-block-paragraph\">Una generaci\u00f3n aporta madurez estrat\u00e9gica; la otra, frescura digital. Las dos trabajan a la vez en tu proyecto. Hace m\u00e1s de veinte a\u00f1os y m\u00e1s de 200 marcas que lo hacemos, y seguimos aprendiendo como si fuera el primer d\u00eda.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-sticky-item wp-block-codina-sticky-feature\" data-sticky-feature-item=\"\">\n\t<figure class=\"codina-sticky-item__visual\" data-sticky-feature-visual-wrap>\n\t\t<img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-es-toca-819x1024.webp\" class=\"attachment-large size-large\" alt=\"Dos adhesivos negros con el asterisco y la frase \u00abcreativity is an attitude\u00bb, sobre un cart\u00f3n, junto a un rotulador.\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 40vw, 100vw\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-es-toca-819x1024.webp 819w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-es-toca-240x300.webp 240w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-es-toca-768x960.webp 768w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-es-toca.webp 1200w\" \/>\t<\/figure>\n\t<div class=\"codina-sticky-item__text\" data-sticky-feature-text>\n\t\t<h3 class=\"wp-block-heading\">la marca tambi\u00e9n <strong>se toca<\/strong>.<\/h3>\n\n<p class=\"wp-block-paragraph\">En el estudio conviven la pantalla y el taller. Probamos materiales, hacemos piezas f\u00edsicas y experimentamos antes de decidir: es lo que hace que una marca no se parezca a ninguna otra.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-sticky-item wp-block-codina-sticky-feature\" data-sticky-feature-item=\"\">\n\t<figure class=\"codina-sticky-item__visual\" data-sticky-feature-visual-wrap>\n\t\t<img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-conversa-819x1024.webp\" class=\"attachment-large size-large\" alt=\"Un grupo conversa alrededor de una mesa de cristal en el estudio, bajo la frase \u00abcrear \u00e9s somiar\u00bb escrita en la pared.\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 40vw, 100vw\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-conversa-819x1024.webp 819w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-conversa-240x300.webp 240w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-conversa-768x960.webp 768w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-conversa.webp 1200w\" \/>\t<\/figure>\n\t<div class=\"codina-sticky-item__text\" data-sticky-feature-text>\n\t\t<h3 class=\"wp-block-heading\">todo empieza con <strong>una conversaci\u00f3n<\/strong>.<\/h3>\n\n<p class=\"wp-block-paragraph\">Hablas con quien hace el trabajo, de t\u00fa a t\u00fa. Estamos en el Cam\u00ed Fondo de Matar\u00f3 y nos gusta sentarnos a la misma mesa: es donde sale la informaci\u00f3n que un briefing no pregunta.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n\t\t<\/ol>\n\t\t<div class=\"codina-sticky__progress\" aria-hidden=\"true\">\n\t\t\t<div class=\"codina-sticky__bar\" data-sticky-feature-progress><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-process has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(04)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">de la conversaci\u00f3n <strong>a la web publicada<\/strong>.<\/h2>\n\n<p class=\"has-body-large-font-size wp-block-paragraph\">cada paso lo ves, lo pruebas y das tu opini\u00f3n antes de pasar al siguiente.<\/p>\n\n<\/div>\n\n<div class=\"codina-timeline wp-block-codina-process-timeline\" data-step-timeline-init=\"\" data-step-timeline-activation=\"0.5\">\n\t<div class=\"codina-timeline__wrapper\">\n\t\t<div class=\"codina-timeline__line\" data-step-timeline-line aria-hidden=\"true\">\n\t\t\t<div class=\"codina-timeline__fill\" data-step-timeline-fill><\/div>\n\t\t<\/div>\n\n\t\t<ol class=\"codina-timeline__list\">\n\t\t\t<li class=\"codina-timeline__item wp-block-codina-process-step\" data-step-timeline-item=\"\" data-status=\"inactive\">\n\t<span class=\"codina-timeline__marker\" data-step-timeline-marker aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-timeline__content\">\n\t\t<h3 class=\"wp-block-heading codina-timeline__title\">conversaci\u00f3n<\/h3>\n\n<p class=\"codina-timeline__text wp-block-paragraph\">Entendemos el negocio, qu\u00e9 tiene que hacer la web y para qui\u00e9n. Si la marca todav\u00eda no est\u00e1 a punto, empezamos por aqu\u00ed.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-timeline__item wp-block-codina-process-step\" data-step-timeline-item=\"\" data-status=\"inactive\">\n\t<span class=\"codina-timeline__marker\" data-step-timeline-marker aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-timeline__content\">\n\t\t<h3 class=\"wp-block-heading codina-timeline__title\">arquitectura<\/h3>\n\n<p class=\"codina-timeline__text wp-block-paragraph\">Ordenamos el contenido y el recorrido: qu\u00e9 p\u00e1ginas hay, en qu\u00e9 orden y qu\u00e9 tiene que pasar en cada una.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-timeline__item wp-block-codina-process-step\" data-step-timeline-item=\"\" data-status=\"inactive\">\n\t<span class=\"codina-timeline__marker\" data-step-timeline-marker aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-timeline__content\">\n\t\t<h3 class=\"wp-block-heading codina-timeline__title\">dise\u00f1o<\/h3>\n\n<p class=\"codina-timeline__text wp-block-paragraph\">La marca toma forma de p\u00e1gina. Lo ves, lo pruebas y lo ajustamos antes de escribir una sola l\u00ednea de c\u00f3digo.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-timeline__item wp-block-codina-process-step\" data-step-timeline-item=\"\" data-status=\"inactive\">\n\t<span class=\"codina-timeline__marker\" data-step-timeline-marker aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-timeline__content\">\n\t\t<h3 class=\"wp-block-heading codina-timeline__title\">desarrollo<\/h3>\n\n<p class=\"codina-timeline__text wp-block-paragraph\">La programamos en el estudio, pensada para el m\u00f3vil desde el primer d\u00eda y con un gestor que podr\u00e1s editar t\u00fa.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n<li class=\"codina-timeline__item wp-block-codina-process-step\" data-step-timeline-item=\"\" data-status=\"inactive\">\n\t<span class=\"codina-timeline__marker\" data-step-timeline-marker aria-hidden=\"true\"><\/span>\n\t<div class=\"codina-timeline__content\">\n\t\t<h3 class=\"wp-block-heading codina-timeline__title\">lanzamiento y 360\u00b0<\/h3>\n\n<p class=\"codina-timeline__text wp-block-paragraph\">La publicamos y seguimos ah\u00ed despu\u00e9s: cuando hace falta una secci\u00f3n nueva, un idioma o una tienda.<\/p>\n\n\t<\/div>\n<\/li>\n\n\n\t\t<\/ol>\n\t<\/div>\n<\/div>\n\n\n<\/section><section id=\"projectes\" class=\"wp-block-group alignfull codina-section codina-servei-projects has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(05)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">de la marca <strong>a la pantalla<\/strong>.<\/h2>\n\n<p class=\"has-body-large-font-size wp-block-paragraph\">webs y tiendas online para marcas que conocemos a fondo: el mismo equipo y el mismo criterio, de la primera conversaci\u00f3n a la web publicada.<\/p>\n\n<\/div>\n\n<div class=\"codina-projects alignfull wp-block-codina-projects-slider\" aria-label=\"Proyectos\" data-radial-slider-init=\"\" data-radial-slider-drag-status=\"grab\">\n\t<div class=\"codina-projects__collection\" data-radial-slider-collection>\n\t\t<div class=\"codina-projects__list\" data-radial-slider-list>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\tclass=\"codina-projects__item\"\n\t\t\t\t\tdata-radial-slider-item\n\t\t\t\t\tdata-radial-slider-item-status=\"active\"\n\t\t\t\t>\n\t\t\t\t\t<article class=\"codina-project\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"codina-project__media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\t\tclass=\"codina-project__video\"\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\t\tplaysinline\n\t\t\t\t\t\t\t\t\tpreload=\"metadata\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<source src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Bidi.mp4\" type=\"video\/mp4\">\n\t\t\t\t\t\t\t\t<\/video>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"810\" height=\"1080\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Bidi-810x1080.webp\" class=\"codina-project__poster wp-post-image\" alt=\"Detalle de un producto blanco de Bidi, con el nombre de la marca en la parte frontal.\" loading=\"eager\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Bidi-810x1080.webp 810w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Bidi-600x800.webp 600w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"codina-project__title screen-reader-text\">Bidi<\/h3>\n\t\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\tclass=\"codina-projects__item\"\n\t\t\t\t\tdata-radial-slider-item\n\t\t\t\t\tdata-radial-slider-item-status=\"inview\"\n\t\t\t\t>\n\t\t\t\t\t<article class=\"codina-project\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"codina-project__media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\t\tclass=\"codina-project__video\"\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\t\tplaysinline\n\t\t\t\t\t\t\t\t\tpreload=\"metadata\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<source src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Torras.mp4\" type=\"video\/mp4\">\n\t\t\t\t\t\t\t\t<\/video>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"810\" height=\"1080\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Torras-810x1080.webp\" class=\"codina-project__poster wp-post-image\" alt=\"Logotipo de Torras, con el a\u00f1o 1890, sobre fondo granate.\" loading=\"lazy\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Torras-810x1080.webp 810w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/09\/CS-Nova-Web-Projectes-Torras-600x800.webp 600w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"codina-project__title screen-reader-text\">Torras<\/h3>\n\t\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\tclass=\"codina-projects__item\"\n\t\t\t\t\tdata-radial-slider-item\n\t\t\t\t\tdata-radial-slider-item-status=\"inview\"\n\t\t\t\t>\n\t\t\t\t\t<article class=\"codina-project\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"codina-project__media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\t\tclass=\"codina-project__video\"\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\t\tplaysinline\n\t\t\t\t\t\t\t\t\tpreload=\"metadata\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<source src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/10\/CS-Nova-Web-Projectes-Balfego.mp4\" type=\"video\/mp4\">\n\t\t\t\t\t\t\t\t<\/video>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"810\" height=\"1080\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/10\/CS-Nova-Web-Projectes-Balfego_1_2000_opt-810x1080.webp\" class=\"codina-project__poster wp-post-image\" alt=\"Sello de Balfeg\u00f3 en blanco sobre fondo azul marino.\" loading=\"lazy\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/10\/CS-Nova-Web-Projectes-Balfego_1_2000_opt-810x1080.webp 810w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/10\/CS-Nova-Web-Projectes-Balfego_1_2000_opt-600x800.webp 600w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"codina-project__title screen-reader-text\">Balfeg\u00f3<\/h3>\n\t\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t\t<button class=\"screen-reader-text\" type=\"button\" data-radial-slider-control=\"prev\">\n\t\tProyecto anterior\t<\/button>\n\n\t<button class=\"screen-reader-text\" type=\"button\" data-radial-slider-control=\"next\">\n\t\tProyecto siguiente\t<\/button>\n<\/div>\n\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-stats has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(06)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">desde 2005 <strong>haciendo lo que nos gusta<\/strong>.<\/h2>\n\n<\/div>\n\n<div class=\"codina-stats wp-block-codina-stats\" data-odometer-group=\"\">\n\t<ul class=\"codina-stats__list\" role=\"list\">\n\t\t<li class=\"codina-stat wp-block-codina-stat\">\n\t<p class=\"codina-stat__value wp-block-paragraph\">+20<\/p>\n\n<p class=\"codina-stat__label wp-block-paragraph\">a\u00f1os de experiencia<\/p>\n\n<\/li>\n\n\n<li class=\"codina-stat wp-block-codina-stat\">\n\t<p class=\"codina-stat__value wp-block-paragraph\">+200<\/p>\n\n<p class=\"codina-stat__label wp-block-paragraph\">marcas<\/p>\n\n<\/li>\n\n\n<li class=\"codina-stat wp-block-codina-stat\">\n\t<p class=\"codina-stat__value wp-block-paragraph\">+10<\/p>\n\n<p class=\"codina-stat__label wp-block-paragraph\">sectores<\/p>\n\n<\/li>\n\n\n<li class=\"codina-stat wp-block-codina-stat\">\n\t<p class=\"codina-stat__value wp-block-paragraph\">+300<\/p>\n\n<p class=\"codina-stat__label wp-block-paragraph\">proyectos<\/p>\n\n<\/li>\n\n\n\t<\/ul>\n<\/div>\n\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-testimonials has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><section class=\"codina-testimonials alignfull wp-block-codina-testimonials\" data-testimonial-wrap=\"\" data-autoplay=\"false\" data-autoplay-duration=\"6000\" aria-label=\"Testimonios\">\n\t<div class=\"codina-testimonials__inner\">\n\n\t\t<div class=\"codina-testimonials__controls\">\n\t\t\t<button class=\"codina-nav-button codina-testimonials__button\" type=\"button\" data-prev aria-label=\"Testimonio anterior\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5.26512 12L6.43721 10.7746L1.48837 5.28169V6.71831L6.45581 1.22535L5.28372 0L0 6L5.26512 12ZM12 6.97183V5.02817H1.30232V6.97183H12Z\" fill=\"currentColor\"><\/path><\/svg>\n\t\t\t<\/button>\n\t\t\t<button class=\"codina-nav-button codina-testimonials__button\" type=\"button\" data-next aria-label=\"Testimonio siguiente\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M6.73488 12L5.56279 10.7746L10.5116 5.28169V6.71831L5.54419 1.22535L6.71628 0L12 6L6.73488 12ZM0 6.97183V5.02817H10.6977V6.97183H0Z\" fill=\"currentColor\"><\/path><\/svg>\n\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t<div class=\"codina-testimonials__main\">\n\t\t\t<p class=\"codina-testimonials__count\">\n\t\t\t\t<span data-current>1<\/span> \/ <span data-total>2<\/span>\n\t\t\t<\/p>\n\n\t\t\t<div class=\"codina-testimonials__collection\">\n\t\t\t\t<div class=\"codina-testimonials__list\" role=\"list\" data-testimonial-list aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"codina-testimonials__item is--active\"\n\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\tdata-testimonial-item\n\t\t\t\t\t\t\taria-hidden=\"false\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<blockquote class=\"codina-testimonials__quote\">\n<p data-testimonial-split class=\"wp-block-paragraph codina-testimonials__paragraph\">Codina Studio combinan dise\u00f1o, funcionalidad y muy buen criterio. Profesionales, cercanos y siempre dispuestos a dar forma a lo que necesitamos.<\/p>\n<\/blockquote>\n\n\t\t\t\t\t\t\t<div class=\"codina-testimonials__profile\">\n\t\t\t\t\t\t\t\t<p class=\"codina-testimonials__name\" data-testimonial-split>Oriol De Ramon i Xavier Coca<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"codina-testimonials__role\" data-testimonial-split>The Tyets<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"codina-testimonials__item\"\n\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\tdata-testimonial-item\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<blockquote class=\"codina-testimonials__quote\">\n<p data-testimonial-split class=\"wp-block-paragraph codina-testimonials__paragraph\">Un equipo que conf\u00eda y en el que puedes confiar. Sin los Codina, no estar\u00eda donde estoy. Ni siquiera s\u00e9 si estar\u00eda.<\/p>\n<\/blockquote>\n\n\t\t\t\t\t\t\t<div class=\"codina-testimonials__profile\">\n\t\t\t\t\t\t\t\t<p class=\"codina-testimonials__name\" data-testimonial-split>Aleix Camps<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"codina-testimonials__role\" data-testimonial-split>Fundador de T\u00edpics<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n<\/section>\n\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-faq has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(07)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">antes de <strong>empezar<\/strong>.<\/h2>\n\n<\/div>\n\n<div class=\"wp-block-group codina-faq has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-cef44461 wp-block-group-is-layout-constrained\"><details class=\"wp-block-details is-style-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>\u00bfpodremos editar la web nosotros?<\/summary><p class=\"wp-block-paragraph\">S\u00ed. Trabajamos con gestores de contenido como WordPress, Webflow o Shopify, y dejamos la web preparada para que cambies textos e im\u00e1genes sin tocar c\u00f3digo.<\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-style-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>\u00bfy si todav\u00eda no tenemos la marca definida?<\/summary><p class=\"wp-block-paragraph\">Entonces vale la pena empezar por el branding: una web que se hace antes de saber qu\u00e9 tiene que decir la marca acaba rehaci\u00e9ndose. Lo podemos hacer a continuaci\u00f3n, con el mismo equipo.<\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-style-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>\u00bfhac\u00e9is tiendas online?<\/summary><p class=\"wp-block-paragraph\">S\u00ed. Las hemos hecho para marcas como Bidi, Torras o T\u00edpics: tiendas que explican el producto, resuelven dudas y hacen la compra clara y segura.<\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-style-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>\u00bfla web puede estar en m\u00e1s de un idioma?<\/summary><p class=\"wp-block-paragraph\">S\u00ed. Esta misma web est\u00e1 en catal\u00e1n y en castellano, con una direcci\u00f3n propia para cada idioma.<\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-style-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>\u00bfcu\u00e1nto cuesta y cu\u00e1nto dura?<\/summary><p class=\"wp-block-paragraph\">Cada web es a medida: te lo concretamos en la propuesta, porque el precio depende de lo que tiene que hacer. En cuanto al plazo, normalmente es un mes, aunque depende de cada proyecto.<\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-style-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>\u00bfqui\u00e9n se encarga del mantenimiento?<\/summary><p class=\"wp-block-paragraph\">Nosotros, si quieres. Tenemos tres modalidades con cuota mensual y contrato anual: solo alojamiento; b\u00e1sico, con actualizaciones, copias de seguridad, monitorizaci\u00f3n y hasta 1 hora al mes de cambios; y premium, para tiendas y \u00e1reas privadas, con copias diarias, actualizaciones semanales y hasta 2 horas al mes.<\/p>\n\n<\/details>\n\n<\/div>\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-cta has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-384241b8 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\"><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-reunio-819x1024.webp\" alt=\"Un hombre escucha con la mano en la barbilla, sentado a una mesa de reuniones con un port&#xE1;til.\" class=\"wp-image-885\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-reunio-819x1024.webp 819w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-reunio-240x300.webp 240w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-reunio-768x960.webp 768w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/11\/codina-serveis-reunio.webp 1200w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n<\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\"><h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">\u00bftienes un proyecto? <strong>cu\u00e9ntanoslo<\/strong>.<\/h2>\n\n<p class=\"has-body-large-font-size wp-block-paragraph\">responde el formulario y te prepararemos una propuesta estrat\u00e9gica. solo son cinco minutos: cuanto mejor respondas, mejor ser\u00e1 la propuesta.<\/p>\n\n<div class=\"wp-block-group codina-actions is-layout-flex wp-block-group-is-layout-flex\"><div class=\"is-style-primary-light wp-block-codina-button\" data-split=\"none\">\n\t<a\t\tclass=\"codina-button\"\n\t\tdata-codina-button\n\t\t\t\t\thref=\"https:\/\/codina.studio\/es\/empezar\/\"\n\t\t\t\t\t\t>\n\t\t\t\t<span class=\"codina-button__ring\" aria-hidden=\"true\">\n\t\t\t<svg width=\"100%\" height=\"100%\" overflow=\"visible\" focusable=\"false\" aria-hidden=\"true\">\n\t\t\t\t<rect width=\"100%\" height=\"100%\" \/>\n\t\t\t<\/svg>\n\t\t<\/span>\n\t\t<span class=\"codina-button__face wp-element-button\">ir al formulario<\/span>\n\t\t\t<\/a>\n<\/div>\n\n\n<\/div>\n\n<p class=\"wp-block-paragraph\">o, si prefieres hablarlo, ll\u00e1manos al <a href=\"tel:+34937074500\">+34 93 707 45 00<\/a> o escr\u00edbenos a <a href=\"mailto:hola@codina.studio\">hola@codina.studio<\/a>.<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-more has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><div class=\"wp-block-group codina-section__head has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f24cc1e7 wp-block-group-is-layout-constrained\"><p class=\"codina-section__num wp-block-paragraph\">(08)<\/p>\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-weight:300\">todo lo que necesita tu marca, <strong>en un solo lugar<\/strong>.<\/h2>\n\n<p class=\"has-body-large-font-size wp-block-paragraph\">branding, web y media + ads, con el mismo equipo y el mismo criterio.<\/p>\n\n<\/div>\n\n<div style=\"--service-links-columns:2\" class=\"codina-service-links wp-block-codina-service-links\">\n\t<ul class=\"codina-service-links__list\" role=\"list\">\n\t\t\t\t\t<li class=\"codina-service-links__item\">\n\t\t\t\t<a class=\"codina-service-link\" href=\"https:\/\/codina.studio\/es\/servicios\/branding\/\">\n\t\t\t\t\t<span class=\"codina-service-link__title\">branding<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"codina-service-link__text\">una marca no es su logotipo: es un sistema de decisiones. estrategia, naming e identidad visual, co-creados contigo.<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"codina-service-link__cta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span>desc\u00fabrelo<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"codina-nav-button codina-service-link__arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M1 6h10M6.5 1.5 11 6l-4.5 4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"codina-service-links__item\">\n\t\t\t\t<a class=\"codina-service-link\" href=\"https:\/\/codina.studio\/es\/servicios\/media\/\">\n\t\t\t\t\t<span class=\"codina-service-link__title\">media + ads<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"codina-service-link__text\">fotograf\u00eda, v\u00eddeo, motion y campa\u00f1as de Meta Ads, hechos por el mismo equipo que ha construido la marca.<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"codina-service-link__cta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span>desc\u00fabrelo<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"codina-nav-button codina-service-link__arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M1 6h10M6.5 1.5 11 6l-4.5 4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t<\/li>\n\t\t\t<\/ul>\n<\/div>\n\n\n<\/section><section class=\"wp-block-group alignfull codina-section codina-servei-stories has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e3b167f wp-block-group-is-layout-constrained\"><h2 class=\"wp-block-heading has-large-font-size\" style=\"font-weight:300\">lee m\u00e1s en <strong>codina*<\/strong>stories&#8230;<\/h2>\n\n<div class=\"codina-related alignfull wp-block-codina-related-stories\">\n\t<ul class=\"codina-related__grid\" role=\"list\">\n\t\t\t\t\t<li class=\"codina-related__item\">\n\t\t\t\t<article class=\"codina-card\">\n\t\t\t\t\t<a class=\"codina-card__link\" href=\"https:\/\/codina.studio\/es\/una-web-es-un-lugar\/\">\n\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"800\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/08\/una-web-es-un-lloc-destacada-600x800.webp\" class=\"codina-card__image wp-post-image\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t<span class=\"codina-card__veil\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t<span class=\"codina-card__body\">\n\t\t\t\t\t\t\t<span class=\"codina-card__title\">Una web es un lugar, no una pantalla<\/span>\n\t\t\t\t\t\t\t<span class=\"codina-card__cta\">Leer la historia<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/article>\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"codina-related__item\">\n\t\t\t\t<article class=\"codina-card\">\n\t\t\t\t\t<a class=\"codina-card__link\" href=\"https:\/\/codina.studio\/es\/manos-y-pantallas\/\">\n\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"800\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/06\/8-mans-i-pntalles_5_2000_opt-600x800.webp\" class=\"codina-card__image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/06\/8-mans-i-pntalles_5_2000_opt-600x800.webp 600w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/06\/8-mans-i-pntalles_5_2000_opt-810x1080.webp 810w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t<span class=\"codina-card__veil\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t<span class=\"codina-card__body\">\n\t\t\t\t\t\t\t<span class=\"codina-card__title\">Manos y pantallas<\/span>\n\t\t\t\t\t\t\t<span class=\"codina-card__cta\">Leer la historia<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/article>\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"codina-related__item\">\n\t\t\t\t<article class=\"codina-card\">\n\t\t\t\t\t<a class=\"codina-card__link\" href=\"https:\/\/codina.studio\/es\/cinco-personas\/\">\n\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"800\" src=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/07\/cover_square_1_2000_opt-600x800.webp\" class=\"codina-card__image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/codina.studio\/wp-content\/uploads\/2026\/07\/cover_square_1_2000_opt-600x800.webp 600w, https:\/\/codina.studio\/wp-content\/uploads\/2026\/07\/cover_square_1_2000_opt-810x1080.webp 810w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t<span class=\"codina-card__veil\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t<span class=\"codina-card__body\">\n\t\t\t\t\t\t\t<span class=\"codina-card__title\">Cinco personas<\/span>\n\t\t\t\t\t\t\t<span class=\"codina-card__cta\">Leer la historia<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/article>\n\t\t\t<\/li>\n\t\t\t<\/ul>\n<\/div>\n\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>webs a medida con puerta, recorrido y jerarqu\u00eda: dise\u00f1o, c\u00f3digo y animaci\u00f3n hechos en casa.<\/p>\n","protected":false},"featured_media":884,"menu_order":2,"template":"","meta":{"_codina_form_service":"web","footnotes":""},"class_list":["post-831","servei","type-servei","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/codina.studio\/es\/wp-json\/wp\/v2\/servei\/831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codina.studio\/es\/wp-json\/wp\/v2\/servei"}],"about":[{"href":"https:\/\/codina.studio\/es\/wp-json\/wp\/v2\/types\/servei"}],"version-history":[{"count":5,"href":"https:\/\/codina.studio\/es\/wp-json\/wp\/v2\/servei\/831\/revisions"}],"predecessor-version":[{"id":909,"href":"https:\/\/codina.studio\/es\/wp-json\/wp\/v2\/servei\/831\/revisions\/909"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codina.studio\/es\/wp-json\/wp\/v2\/media\/884"}],"wp:attachment":[{"href":"https:\/\/codina.studio\/es\/wp-json\/wp\/v2\/media?parent=831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}