VitaminaCe

WEB

¿Por qué, cuándo, dónde, cómo?

fundación banús
La web nueva: fondo oscuro, el nombre de la fundación a toda página, el lema «Cultura, talento y memoria en la Costa del Sol» y una vista aérea del puerto al atardecer.
La web antigua de la Fundación Banús: fondo azul degradado, el escudo, un menú de ocho apartados, una foto de archivo del Puerto Banús y una sola frase de presentación.

La Fundación Banús lleva desde 1998 en la Costa del Sol fomentando la cultura y el deporte: becas, conciertos y un concurso de cuentos con veintiséis ediciones. Su web era un WordPress que se había quedado atrás —contenidos viejos, plantilla heredada y nada debajo que la sostuviera— y me pidieron rehacerla. De cero. Trece páginas, un sistema de diseño propio y una forma de contar los eventos que antes no existía.

el sistema

Antes de maquetar una sola página monté el sistema: los colores, las tipografías, los espacios y las piezas que se repiten, cada una con su nombre y en un solo sitio. Dentro de las páginas no hay ni un color suelto ni un margen escrito a mano. Y hacía falta, porque de las trece ninguna se maqueta igual: unas son índice, otras ficha, otras documento. Es la parte que no se ve, y es la que hace que la maquetación funcione en vez de salir bien por suerte.

Fundación Banús · sistema de diseño · tres superficies

Rótulo · Deuterium 100 Fundación
Banús

Cultura, talento y memoria en la Costa del Sol.

Public Sans a peso 200 para el texto largo, que a 400 se leía macizo al lado de un rótulo tan fino. Los enlaces no usan el rosa fuerte: usan el claro, que sí se lee.

1998 desde 668 cuentos 5.000 € premio Convocatoria abierta
fondo negro cálido #1A1A1A
arena #D4D2CA
panel gris oscuro #3B3A3D
gris medio #656468
texto blanco roto #F2F0E6
rótulos rosa #C26474
enlaces rosa claro #C6919A
vino #6E4A55
abierta verde #AAC3A2
verde oscuro #3A5D30

Medido: el rosa sobre negro da 4,45:1, justo por debajo de lo que pide un texto. Por eso hay dos rosas: el fuerte para rótulos y cifras, el claro para leer.

los eventos

Un evento no caduca: cambia de estado. Aquí cada uno tiene una sola dirección toda su vida y dos caras. Antes es el anuncio —fecha, sede, entradas—. Después, sin moverse de sitio, cambia el verbo, se va la venta de entradas, llega el sello «Celebrado» y en la agenda salta de las próximas citas a las celebradas. Esto no es decoración: es decidir dónde vive cada cosa.

La página del festival mientras se anunciaba: «presenta», entradas a la venta y un botón para comprarlas. La misma página, celebrado el festival: «presentó», la etiqueta «Celebrado» y sin botón de entradas.
La misma dirección. Cambia el verbo (presenta → presentó), se va el botón de entradas, llega el sello.
La agenda con el festival en «próximas citas», con su foto y sus datos. La agenda con el festival encabezando la lista de «celebrados».
Y en la agenda salta de «próximas citas» a «celebrados».

las bases

Las bases del concurso de cuentos son un documento jurídico largo, y hay quien lo lee en el móvil y quien lo imprime. Está maquetado para las dos cosas: articulado numerado, jerarquía clara y aire suficiente para no perder el hilo en pantalla. Es la única página del sitio sin pie, y es a propósito: al imprimirla, el menú y los enlaces legales sobran.

Las bases del concurso en un móvil, de arriba abajo: título, convocatoria, dotación y el articulado numerado.
Primera hoja impresa: el título, la convocatoria y la dotación, sin menú.Segunda hoja impresa: el articulado numerado.
Impreso desde el navegador, tal cual: seis hojas A4, sin menú ni pie.

en el móvil

La agenda podía haber sido una rejilla de tarjetas, que es lo fácil y lo que hace todo el mundo. Son filas anchas: la imagen a un lado; la fecha, el título y los datos al otro. Se lee como una página de revista, no como un catálogo. Lo que se paga por ello es que una fila ancha no cabe en un móvil: hay que apilarla, y al apilarla lo que no puede cambiar es el orden en que se lee.

gira el móvil para ver la fila entera y cómo se apila

Escena de Nabucco: el coro con escudos y un carro sobre el escenario.
Música

Festival Internacional de Ópera

La Ópera Nacional de Moldavia presenta Nabucco, L'Elisir d'Amore y la Gran Gala de los Tres Tenores, con traducción simultánea al castellano.

Hora
21:00 h
Lugar
Teatro Ciudad de Marbella

visita la web (se abre en una pestaña nueva)

¿HABLAMOS?