Un manual de identidad puede definir un logotipo, una paleta, unas tipografías y determinados criterios compositivos.

Pero una web plantea cientos de situaciones que un manual difícilmente puede prever.

¿Qué ocurre cuando un titular ocupa tres líneas?

¿Y si aparece una fotografía vertical?

¿Cómo distinguimos un contenido principal de uno secundario?

¿Cómo responde un botón?

¿Cómo se reorganiza una composición en móvil?

¿Hasta dónde puede variar una página sin dejar de parecer parte de la misma marca?

Son pequeñas decisiones que, juntas, construyen identidad.

Por eso preferimos pensar en reglas antes que en páginas.

Aquí la concepción sistémica de Otl Aicher sigue siendo útil: una identidad no debería depender de repetir una composición exacta, sino de disponer de suficientes reglas para mantener su coherencia en situaciones diferentes.

En web, esto significa algo muy sencillo:

no necesitamos que todas las páginas sean iguales. Necesitamos que todas parezcan hablar el mismo idioma.

En Proyecto Extremadura esta lógica permitía alojar contenidos distintos sin que cada nueva necesidad obligara a inventar otro lenguaje visual.

La identidad aparece en la tipografía, el color y la composición, pero también en algo menos evidente: las relaciones entre elementos.

Los tamaños.

Los espacios.

La manera de presentar una imagen.

El comportamiento de determinados módulos.

El peso concedido a cada contenido.

Ahí se construye gran parte de la coherencia.

Josef Müller-Brockmann defendió la rejilla como instrumento para ordenar información. No necesitamos convertir una web contemporánea en una pieza de diseño suizo para aprovechar esa idea.

La rejilla no está para que todo quede rígido.

Está para que exista una lógica.

Y cuando conocemos esa lógica también sabemos cuándo podemos romperla.

La arquitectura de información también es marca

Cuando hablamos de branding y web solemos pensar inmediatamente en elementos visuales.

Color.

Tipografía.

Fotografía.

Iconografía.

Movimiento.

Pero existe otra parte de la identidad digital menos visible: la jerarquía de contenidos.

Una web comunica también mediante el orden.

Si una organización afirma que una determinada actividad es estratégica pero cuesta encontrarla, existe una contradicción.

Si todos los contenidos tienen el mismo peso visual, en la práctica estamos diciendo que todo importa igual.

Y cuando todo parece importante, nada destaca demasiado.

Diseñar jerarquías significa decidir:

qué merece un titular;

qué puede permanecer en un segundo nivel;

qué requiere explicación;

qué puede apoyarse en una imagen;

qué debería estar visible desde el principio;

y qué podemos reservar para quien quiera profundizar.

En Proyecto Extremadura este trabajo fue especialmente importante porque no podíamos trasladar directamente la complejidad institucional al visitante.

Había que construir un proyecto común.

Eso significaba que la arquitectura no podía limitarse a sumar dos estructuras preexistentes.

Había que encontrar una tercera lógica.

Una estructura capaz de ordenar ámbitos como Social, Cultura, Ciencia y Talento dentro de una misma experiencia.

Esta parte del diseño tiene poco de espectacular.

Son mapas, esquemas, conversaciones, nomenclaturas y bastantes pruebas.

Pero probablemente sea uno de los trabajos más decisivos de una web corporativa.

Una marca digital también tiene comportamiento

Una identidad en pantalla no solo se ve.

También responde.

Se desplaza.

Oculta información.

La revela.

Nos lleva a otro contenido.

Confirma una acción.

Dos webs pueden utilizar el mismo logotipo, los mismos colores y la misma tipografía y transmitir, sin embargo, sensaciones completamente distintas.

Una puede resultar clara y directa.

Otra pesada o confusa.

Ahí la identidad deja de ser únicamente visual.

Donald Norman lleva años relacionando la experiencia de uso con nuestra percepción de los objetos y las interfaces. En una web corporativa esa experiencia suele empezar por algo bastante básico:

no perderse.

Saber dónde estamos.

Entender qué podemos pulsar.

Encontrar una información sin recorrer media web.

Poder volver.

Comprender qué relación existe entre una página y otra.

En Proyecto Extremadura buscábamos precisamente esa sensación de continuidad.

La estructura tenía suficiente complejidad como para que una navegación llamativa pero imprevisible hubiera sido un problema.

La experiencia tenía que permitir avanzar sin pérdidas.

Eso no significa renunciar a la personalidad.

Significa decidir dónde tiene sentido expresarse y dónde conviene que el diseño prácticamente desaparezca.

Podemos experimentar con una transición, una composición editorial o la presentación de un proyecto.

Tenemos bastante menos margen para ser crípticos con el menú principal.

Una regla que nos resulta útil:

cuanto más importante es una acción, menos debería depender de que el usuario adivine cómo funciona.

Coherencia no significa uniformidad

Aquí aparece una contradicción interesante.

Defendemos sistemas, reglas, patrones y consistencia.

Podría parecer que una buena web corporativa debería ser completamente uniforme.

No lo creemos.

De hecho, una interpretación excesivamente rígida de una identidad puede producir webs impecablemente correctas y bastante impersonales.

Robert Venturi fue especialmente crítico con esa obsesión por reducir y ordenar hasta eliminar toda contradicción. Su famoso “less is a bore” funciona aquí como pequeño recordatorio.

Una marca necesita reglas.

Pero también necesita saber por qué existen.

No defendemos la consistencia como un valor abstracto. La defendemos porque ayuda a comprender relaciones, reconocer patrones y reducir esfuerzo.

Si romper una regla mejora alguna de esas cosas —o introduce carácter sin dificultarlas— puede tener sentido.

Por eso preferimos hablar de coherencia antes que de uniformidad.

Un área institucional puede necesitar una composición más contenida que una pieza editorial.

Un contenido de actualidad puede tener mayor movimiento.

Una sección especialmente relevante puede romper puntualmente la rejilla.

Lo importante es que esas diferencias parezcan decisiones, no accidentes.

En Proyecto Extremadura esta cuestión era especialmente importante porque distintos tipos de contenidos debían convivir dentro de una identidad común.

El sistema debía unir, no aplastar.

El contenido también tiene diseño

Existe una incoherencia bastante frecuente en las webs corporativas.

La identidad visual está trabajada y, sin embargo, los textos podrían pertenecer a cualquier empresa.

“Soluciones innovadoras.”

“Comprometidos con la excelencia.”

“Ponemos al cliente en el centro.”

Podemos cambiar el logotipo y todo sigue funcionando.

Eso también es un problema de identidad.

El tono de comunicación debería formar parte del diseño web desde el principio porque condiciona incluso la forma de una página.

No ocupa lo mismo un titular breve y directo que una explicación institucional.

No necesita el mismo ritmo una marca que puede hablar con frases cortas que otra que necesita contextualizar sus mensajes.

Intentamos no diseñar primero una caja y buscar después un texto que quepa dentro.

En Proyecto Extremadura, tono y jerarquía tenían que trabajar juntos para presentar información institucional con rigor sin convertir la experiencia en algo excesivamente administrativo.

Ahí aparece otra dimensión de la identidad:

no solo cómo se ve,

sino cómo explica.

El tono, la tipografía, el espacio, la extensión de un texto y la posición de una llamada a la acción forman parte de una misma experiencia.

Cuando cada una de esas capas se resuelve por separado aparecen pequeñas fricciones.

Una identidad gráfica contemporánea acompañada de textos escritos como una memoria administrativa.

Un botón excesivamente comercial dentro de una comunicación institucional.

Un tono informal junto a una imagen extremadamente solemne.

Son detalles pequeños, pero acumulados construyen una percepción.

Diseñar una web también es diseñar con el cliente

“Trabajamos mano a mano con el cliente” es una expresión que se ha repetido tantas veces que casi ha dejado de decir algo.

Nos interesa más explicar para qué sirve esa conversación.

En un proyecto web complejo, el cliente posee información que el diseñador necesita y el diseñador plantea preguntas que quizá la propia organización nunca había tenido que responder de forma explícita.

En Proyecto Extremadura tuvimos una comunicación especialmente fluida durante el proceso.

Y esa fluidez tuvo consecuencias concretas.

Permitió entender mejor las relaciones entre las entidades implicadas, ajustar jerarquías, ordenar contenidos y construir una estructura común sin borrar matices necesarios.

Hay cuestiones que no aparecen en un briefing.

Áreas que necesitan una determinada autonomía.

Nombres que tienen historia.

Relaciones institucionales que no podemos simplificar sin más.

Pero existe también el riesgo contrario.

Una web no debería convertirse en una representación literal de cómo está organizada una institución internamente.

El visitante no tiene por qué comprender esa complejidad.

Ahí está parte de nuestro trabajo: escucharla y devolverla de una forma más clara.

Y no siempre se consigue a la primera.

Hay arquitecturas que funcionan perfectamente en un esquema y dejan de hacerlo al introducir contenido real.

Componentes que resuelven tres casos y empiezan a fallar cuando aparecen doce.

Titulares que parecían evidentes hasta que los lee alguien ajeno al proyecto.

Una buena web debería ser capaz de absorber esas correcciones.

Cómo saber si una web es coherente con su marca

La coherencia tiene un inconveniente: es muy fácil afirmar que existe.

Es bastante más interesante comprobarla.

Una primera pregunta que podemos hacernos es:

si quitáramos el logotipo, ¿seguiríamos reconociendo la marca?

Si la respuesta es no, posiblemente la identidad dependa demasiado de sus elementos más evidentes.

Pero podemos ir más lejos.

¿La arquitectura refleja las prioridades reales?

La navegación debería mostrar qué es importante para la organización.

No todo necesita el mismo nivel.

¿Existen reglas reconocibles?

Tipografía, espacios, botones, módulos, imágenes y movimiento deberían responder a una lógica común.

El usuario no necesita conocer las reglas.

Pero sí debería percibir su efecto.

¿Sabemos cuándo romperlas?

Un sistema demasiado rígido envejece rápidamente.

Necesitamos criterios para introducir excepciones sin convertirlas en improvisaciones.

¿El tono pertenece a la misma marca?

Apariencia y lenguaje deberían trabajar juntos.

¿Sabemos siempre dónde estamos?

Podemos construir una interfaz visualmente extraordinaria y fallar en una tarea fundamental: orientar.

¿La web puede crecer?

Nuevos proyectos, noticias, personas, servicios o formatos deberían poder incorporarse sin obligarnos a empezar de cero.

¿Podemos medir algo además de si nos gusta?

No todo necesita convertirse en una métrica, pero podemos observar:

• facilidad para encontrar información;
• errores de navegación;
• consistencia entre páginas;
• uso de determinados componentes;
• facilidad del equipo para publicar;
• cumplimiento de tareas;
• reconocimiento de la identidad.

Para nosotros, una buena web necesita precisamente ese equilibrio entre función, sistema y percepción.

Debe entenderse.

Debe poder mantenerse.

Y debería sentirse como parte de una marca concreta.

Una web no aplica una identidad: la pone a prueba

Una identidad puede parecer perfectamente coherente mientras vive dentro de veinte páginas de un manual.

La dificultad empieza cuando tiene que soportar cientos de contenidos, resoluciones distintas, personas diferentes publicando y nuevas necesidades que nadie había previsto.

Ahí descubrimos si realmente existe un sistema.

Por eso entendemos el diseño web corporativo como una de las aplicaciones más exigentes de una identidad.

Nos obliga a pasar de las intenciones a las decisiones.

De “queremos ser claros” a construir una jerarquía que realmente lo sea.

De “somos cercanos” a encontrar un tono que no resulte impostado.

De “tenemos una identidad flexible” a comprobar qué ocurre cuando aparece un contenido nuevo.

De “somos una organización compleja” a decidir cuánto de esa complejidad necesita conocer realmente quien visita la web.

El trabajo de Proyecto Extremadura fue especialmente interesante por eso.

El reto no era solamente construir una buena página.

Era conseguir que un proyecto común pudiera percibirse realmente como común.

Que identidad, arquitectura, contenidos y experiencia avanzaran en la misma dirección.

Cuando ocurre, gran parte del trabajo de diseño prácticamente desaparece.

La persona no piensa en la rejilla.

Ni en el CMS.

Ni en la arquitectura de información.

Simplemente entiende dónde está, reconoce una personalidad y encuentra lo que necesita.

Y esa probablemente sea una buena señal de que el diseño está funcionando.

Checklist para trasladar una identidad de marca a una web

Antes de considerar terminado un proyecto de diseño web corporativo, revisaríamos al menos estas seis cuestiones:

• Arquitectura: ¿la estructura responde al usuario o reproduce el organigrama interno?
• Jerarquía: ¿se entiende qué información es principal y cuál secundaria?
• Sistema: ¿tipografía, color, imágenes, componentes y espacios siguen una lógica?
• Experiencia: ¿se puede navegar sin tener que descubrir cómo funciona la interfaz?
• Tono: ¿comunicación verbal y visual parecen pertenecer a la misma marca?
• Escalabilidad: ¿podemos incorporar contenido nuevo sin reinventar continuamente el sistema?

Si demasiadas respuestas dependen de “porque queda mejor así”, probablemente todavía falte trabajo.

Preguntas frecuentes sobre diseño web corporativo

¿Qué es el diseño web corporativo?

Es el proceso de trasladar la identidad, los objetivos y la estructura de una empresa o institución a una experiencia digital coherente.

Incluye diseño visual, pero también arquitectura de información, experiencia de usuario, jerarquía de contenidos, tono, interacción y adaptación a distintos dispositivos.

¿Qué debe tener una buena web corporativa?

No existe una estructura universal, pero debería contar con una arquitectura comprensible, navegación clara, identidad visual consistente, contenidos jerarquizados y un sistema suficientemente flexible para crecer.

La tecnología debería estar al servicio de esas decisiones.

¿Cómo se traslada una identidad visual al diseño web?

No basta con reutilizar logotipo, colores y tipografías.

Hay que transformar la identidad en criterios aplicables a composición, espaciado, jerarquía, componentes, imagen, movimiento e interacción.

El objetivo es trasladar la lógica de la marca, no simplemente su apariencia.

¿Qué diferencia hay entre branding y diseño web?

El branding define cómo quiere ser reconocida y entendida una marca.

El diseño web convierte parte de ese sistema en experiencia.

Por eso una decisión de navegación, un tono o una jerarquía de contenidos también pueden reforzar —o contradecir— el posicionamiento de una marca.

¿Cómo mantener la coherencia cuando una web crece?

Trabajando con un sistema y no con páginas aisladas.

Patrones, componentes, jerarquías y criterios editoriales permiten incorporar contenidos nuevos manteniendo una identidad reconocible.

El sistema, eso sí, debería establecer criterios y no imponer uniformidad.

Referencias y lecturas

Detrás de algunas ideas del artículo están Josef Müller-Brockmann, por su trabajo sobre estructura y jerarquía; Otl Aicher, por su concepción de la identidad como sistema; Donald Norman, por la relación entre uso y experiencia; y Robert Venturi, como contrapunto a una interpretación demasiado rígida del orden.

No hace falta convertir una web corporativa en un ejercicio teórico para que estas ideas sigan siendo útiles.

Muchas de las preguntas que hoy resolvemos en pantalla son bastante antiguas: cómo ordenar, cuánto repetir, qué puede cambiar y qué necesitamos mantener para seguir reconociendo una identidad.