El sitio de una community manager de Caracas: su nombre como cabecera, una cinta de satén que pasa por detrás de las letras y una tinta que devuelve el color a sus fotos.
Eliana Miliani es community manager y manager en Caracas: lleva las redes de una marca y también lo que nadie ve por detrás, la agenda, los clientes y los eventos. El sitio se construye sobre esa pareja. Presencia que se nota, gestión que no.
Por eso todo en él viene de dos en dos: dos tipografías, una cinta con dos caras, un monograma hecho de un trazo grueso y otro finísimo, un fondo claro y otro oscuro. Lo diseñé y lo construí entero, en español y en inglés, y dibujé su identidad.
- 7páginas en dos idiomas
- 40puntos de tela en la cinta
- 16fotos, ninguna repetida
- 3lienzos: dos para la cinta y uno para el color
Tinta y cinta
Una tinta que da color
Sus fotos son archivos en color que la página muestra en gris. El gris es una lámina tendida sobre toda la página, y la tinta que deja el puntero la abre: donde la tinta cae sobre una foto, la foto se ve en color, con la forma de la tinta, y se vuelve a cerrar cuando la tinta se va.
Una cinta que es tela
Cuarenta puntos a lo largo de la cinta se sujetan cada uno a su sitio con un resorte y van atados a sus vecinos. El movimiento de la página y el paso del puntero solo los empujan, así que la cinta se mece y se asienta en lugar de seguir un recorrido.
Por detrás de una letra, por delante de la siguiente
La cinta se dibuja dos veces: en un lienzo detrás de la página y en otro delante, que solo muestra la parte que ha quedado por delante del texto.
Identidad
Sus iniciales guardan su oficio
Una sola línea continua escribe C y M, de community manager. Una barra dentro de la C la convierte en E, y es el único trazo que no toca la línea.
Una construcción, no una tipografía
Un solo script guarda los números de los que está hecho el monograma y escribe todos los archivos a partir del mismo contorno: el logotipo, el nombre en seis letras, los iconos del navegador y la tarjeta para compartir.
Corregido para el ojo
Un trazo fino horizontal se dibuja más delgado que uno vertical porque se ve más pesado, y la barra queda por encima del centro porque en el centro parece que se ha caído. Los iconos más pequeños se dibujan sobre la cuadrícula de píxeles.
Páginas
Ninguna cabecera se compone igual
Cada página abre con las mismas piezas, un titular, su frase, una foto y la cinta, dispuestas cada vez de otra manera, y la cinta tiene una postura propia para cada una.
El fondo es de la página
Cada sección dice cuál es su fondo, claro o grafito, y cuando llega al centro de la pantalla toda la página pasa a él a la vez. Ninguna sección pinta un fondo propio, porque la cinta y la tinta se dibujan detrás de la página.
Un primer mensaje ya escrito
La página de contacto redacta el primer mensaje del visitante a medida que marca lo que necesita, y le ofrece tres maneras de enviarlo.
Detalles
Vídeos que no dan saltos
Una toma suelta frena hasta detenerse en cada extremo antes de dar la vuelta, como un columpio, y varias tomas se funden unas con otras, la última con la primera, así que ningún bucle deja ver su costura.
Contada por el reloj
La tinta sale por segundo y no por fotograma, así que una pantalla de 60 Hz y otra de 240 Hz muestran el mismo trazo.
Completo sin lienzos
Sin WebGL, o para quien ha pedido menos movimiento, los lienzos no se cargan: las fotos quedan en gris con un filtro normal y cada página sigue diciéndolo todo.
Las fotografías y el vídeo son del archivo de la propia Eliana Miliani.
