{"id":221,"date":"2026-06-14T09:00:00","date_gmt":"2026-06-14T09:00:00","guid":{"rendered":"http:\/\/2026.codina.studio\/una-web-es-un-lugar\/"},"modified":"2026-08-17T09:43:57","modified_gmt":"2026-08-17T09:43:57","slug":"una-web-es-un-lugar","status":"publish","type":"post","link":"https:\/\/2026.codina.studio\/es\/una-web-es-un-lugar\/","title":{"rendered":"Una web es un lugar, no una pantalla"},"content":{"rendered":"\n

Cuando alguien dice \u00abnecesito una web\u00bb, la imagen mental que pone suele ser una pantalla. Un rect\u00e1ngulo con informaci\u00f3n ordenada. Algo que se mira.<\/p>\n\n

Vale m\u00e1s pensarla como un lugar. Tiene una puerta, y no siempre es la portada. Tiene recorridos, que la gente hace a su manera y no a la tuya. Tiene jerarqu\u00edas, que dicen qu\u00e9 es importante aunque nadie las lea. Y tiene espacios donde vale la pena quedarse, o no.<\/p>\n\n

La puerta casi nunca es la portada<\/h2>\n\n

Esta es la primera cosa que sorprende cuando se mira una anal\u00edtica de verdad. La gente entra por donde quiere: por una entrada de blog, por una ficha de producto, por una p\u00e1gina de servicio que ha salido en una b\u00fasqueda. La portada, que es donde se ha discutido el 80 % de las decisiones, a menudo no es por donde entra nadie.<\/p>\n\n

La consecuencia pr\u00e1ctica es clara: cada p\u00e1gina importante tiene que poder funcionar como si fuera la primera. Tiene que decir qui\u00e9n eres, qu\u00e9 haces y qu\u00e9 puede hacer el visitante a continuaci\u00f3n, sin dar por hecho que ya ha pasado por otro sitio.<\/p>\n\n

\"Diseño<\/figure>\n\n

Trasladar la marca a un escaparate que responda<\/h2>\n\n

La definici\u00f3n de trabajo que usamos en el estudio es esta: la web es el lugar donde el branding toma forma y se convierte en experiencia.<\/p>\n\n

Eso quiere decir que un proyecto de dise\u00f1o web en Matar\u00f3<\/strong> o en cualquier otro sitio no empieza con una p\u00e1gina en blanco. Empieza con lo que ya se ha decidido sobre la marca: qu\u00e9 promete, a qui\u00e9n habla, qu\u00e9 tono usa, qu\u00e9 quiere que pase. Si eso no existe, la web acabar\u00e1 invent\u00e1ndolo sobre la marcha, y normalmente lo inventar\u00e1 mal.<\/p>\n\n

Una web no tiene que parecerse a la marca. Durante un buen rato, para mucha gente, la web ser\u00e1 la marca.<\/p><\/blockquote>\n\n

Qu\u00e9 hay dentro de un proyecto web<\/h3>\n\n

Dise\u00f1o web, desarrollo front-end, CMS \u2014WordPress, Webflow o lo que pida el proyecto\u2014, ecommerce, animaci\u00f3n y dise\u00f1o UX\/UI. La combinaci\u00f3n depende de qu\u00e9 tiene que hacer la web, no de un paquete cerrado.<\/p>\n\n

C\u00f3mo entr\u00f3 la tecnolog\u00eda en el estudio<\/h2>\n\n

La rama tecnol\u00f3gica de Codina no viene de una decisi\u00f3n de cat\u00e1logo. Viene de una persona.<\/p>\n\n

Rafel Codina hijo, el primero de la segunda generaci\u00f3n en incorporarse, estudi\u00f3 Ingenier\u00eda de Sistemas Audiovisuales. Despu\u00e9s de hacer algunos proyectos por su cuenta, tuvo la oportunidad de trabajar con su padre. Lo que le enganch\u00f3 fue precisamente la naturaleza poco mec\u00e1nica del trabajo: proyectos diferentes, problemas diferentes, d\u00edas diferentes.<\/p>\n\n

Progresivamente aprendi\u00f3 UX design y se especializ\u00f3 en dise\u00f1o y desarrollo web. La formaci\u00f3n t\u00e9cnica ayud\u00f3, pero el detalle importante es otro: la capa digital no lleg\u00f3 como un departamento separado. Creci\u00f3 dentro del mismo equipo que ya hac\u00eda marcas.<\/p>\n\n

\"Manos<\/figure>\n\n

Por qu\u00e9 esto se nota en el resultado<\/h3>\n\n

Cuando la marca y la web las hacen equipos diferentes, hay un momento de traducci\u00f3n donde se pierden cosas. El manual dice una cosa, el desarrollador entiende otra y el resultado es una web que cumple las normas pero no tiene el acento correcto.<\/p>\n\n

Cuando quien dise\u00f1a la marca y quien la programa comparten mesa, esa traducci\u00f3n no existe. Se discute directamente si una animaci\u00f3n es demasiado lenta para el car\u00e1cter de la marca, o si un tipo de letra que funcionaba impreso se vuelve ilegible a 14 p\u00edxeles. Son conversaciones peque\u00f1as que deciden si una web se siente bien o no.<\/p>\n\n

Una web tambi\u00e9n es una herramienta de negocio<\/h2>\n\n

Nada de esto sirve si el lugar no hace su trabajo. Una web es a la vez una puerta, un recorrido, una jerarqu\u00eda, una experiencia, una expresi\u00f3n de marca y una herramienta de negocio. Las seis cosas a la vez, y ninguna de ellas puede comerse a las dem\u00e1s.<\/p>\n\n

Cuando una web \u00abno convierte\u00bb, la causa pocas veces es un bot\u00f3n. Suele ser que el visitante no entiende lo bastante r\u00e1pido d\u00f3nde ha llegado, o que no se le da ninguna raz\u00f3n para confiar antes de pedirle algo. Eso no se resuelve con un color m\u00e1s llamativo: se resuelve arriba, en la parte que nadie ve.<\/p>\n\n

Cuando una web se ha quedado peque\u00f1a<\/h2>\n\n

Hay un momento, en casi todas las empresas, en que la web deja de describir el negocio. Cuesta detectarlo porque no pasa de golpe, y porque quien la mira cada d\u00eda se ha acostumbrado.<\/p>\n\n

Los s\u00edntomas suelen ser estos. Hay servicios importantes que no salen, o que salen como un a\u00f1adido al final. Hay que explicar por tel\u00e9fono cosas que la web deber\u00eda resolver sola. Los contenidos nuevos ya no encajan en ninguna plantilla y se van encajando a la fuerza. Y dentro de la empresa nadie la usa como herramienta: cuando hay que enviar algo a un cliente, se env\u00eda un PDF.<\/p>\n\n

Redise\u00f1ar o reconstruir<\/h3>\n\n

No siempre hay que empezar de nuevo. Si la estructura todav\u00eda responde al negocio y lo que ha envejecido es el aspecto, un redise\u00f1o es m\u00e1s barato y menos arriesgado. Si el problema es que la web explica una empresa que ya no existe, ninguna capa de pintura lo arregla.<\/p>\n\n

La prueba es sencilla: mira el men\u00fa principal. Si para explicar qu\u00e9 hac\u00e9is ten\u00e9is que ir a tres apartados diferentes y a\u00f1adir contexto de viva voz, el problema es de arquitectura, no de dise\u00f1o.<\/p>\n\n