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.

Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona

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.

Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona

A partir del estudio de la identidad del CCCB observamos el uso de ciertos recursos que hemos interpretado en el entorno web.

Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona

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.

Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona

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.

Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona
Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona

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.

Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona
Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona
Centro de Cultura Contemporánea de Barcelona — CCCB (diseño gráfico, arte y cultura, sector público, web), por DOMO-A | Dirección de arte y diseño gráfico, Barcelona

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.

Visitacccb.org

Fotos de Pep Escoda.