Centro de Cultura Contemporánea de Barcelona — CCCB
El CCCB es un centro cultural de la ciudad de Barcelona que, gracias a la calidad de su amplia oferta de programación, producción y creación, se ha convertido en un referente cultural de relevancia internacional.
En DOMO-A hemos creado el diseño y los prototipos web del CCCB.
A partir de una estética contemporánea, y conscientes del alto valor documental y teórico del contenido elaborado desde el centro, hemos trabajado la tipografía y la jerarquía de los textos, así como las funcionalidades del sitio web, para lograr una experiencia de usuario más satisfactoria.
El proyecto, minucioso y complejo, ha requerido profundizar en la identidad del CCCB creada anteriormente y buscar la forma de desarrollarla para aplicarla, según cada caso, en entornos físicos y virtuales indistintamente.
A partir del estudio de la identidad del CCCB observamos el uso de ciertos recursos que hemos interpretado en el entorno web.
La identidad
El logotipo aparece siempre por debajo del nombre de las personas o de la información, lo que indica que el CCCB no tiene una estructura jerárquica y está al servicio de la gente. Esta idea se ha trasladado a la cabecera del sitio web. Consideramos muy interesante este desplazamiento porque nos permite crear, visualmente, un rectángulo dentro de la cabecera que nos ayuda a distribuir los elementos en los lados.
Recursos gráficos
El uso de las barras y del espacio en blanco es otra constante en la identidad del CCCB. Los conceptos entre secciones se suelen separar con barras y siempre, ya sea por encima o por debajo de ellas, aparece un espacio en blanco que favorece la legibilidad de la página y facilita un ritmo de lectura óptimo.
Tipografía
El contraste entre cuerpos y pesos tipográficos genera un código visual que nos permite jerarquizar el contenido de una forma sobria y, al mismo tiempo, contundente. Esto nos obligará a disponer de una gran variedad de pesos dentro de la familia tipográfica. La familia Helvetica nos proporciona esta variedad de pesos y nos permite resolver muchas situaciones, por ejemplo: en el menú superior, la Helvetica Condensed nos ayuda a dar más visibilidad a este menú, a comunicar que se sitúa en un plano de navegación superior.
Jerarquía
Las cajas de texto son recursos que hemos utilizado para ordenar varios niveles de contenido y que, además, nos servirán para romper la monotonía y poder abarcar las infinitas fórmulas necesarias a la hora de mostrar la información, siempre tan diversa, de cada entrada.
Fotos de Pep Escoda.
