Diseño gráfico
Diseño interactivo
Comunicación estratégica

Carlos Pi  •  Perfil  •    CV   •  mail@carlospi.com




 

Relabel: identidad gráfica

Barcelona, 2003

Relabel es una empresa líder de comunicación y relaciones públicas para el sector del entretenimiento. El nombre viene de Anabel, Directora y fundadora, y Relaciones Públicas.

Anabel es una mujer marcadamente risueña, sociable y astuta. Después de una notable trayectoria en arte dramático, hoy maneja la comunicación y relaciones públicas de actores, actrices, estrenos de películas y festivales.

En 2003, Anabel me pidió el diseño de una identidad gráfica para su empresa, identidad que necesariamente debía reflejar su propia personalidad.

Comencé mostrándole algunos ejemplos de la última tendencia gráfica, que pensé capturaba algo de la esencia que estábamos buscando: son ilustraciones de vectores, inspiradas en la naturaleza y con un toque de fantasía. Era una tendencia que aparecía por todas partes, y le gustó.






Inspirados por este estilo, desarrollamos varios logotipos, uno de los cuales se muestra abajo.


Para desarrollar una identidad gráfica, sin embargo, hay que ir más allá del logotipo.

Decidí realizar un breve recorrido creativo, comenzando por la tipografía y utilizando la programabilidad informática, para retornar de nuevo al medio estático de la imagen fija.



Anabel Mateo
Directora y fundadora
Relabel Comunicación

Paso 1: Tipografía

Partiendo de una recopilación de uan gran variedad de representaciones tipográficas de la letra R (un lugar válido como cualquier otro para comenzar), retuve tres ejemplos que más se acercaban al tipo de formas curvilíneas que estaba buscando.

Procedía modificar estas tres letras para alejarlas de la tipografía y convertirlas en símbolos gráficos abstraídos de cualquier significado textual.

Fue cuando combiné los tres elementos que sentí que había llegado a un punto interesante desde el que progresar.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Analicé muchos más tipos de letra de los que aquí se muestran. Al combinar los elementos abstractos, vi una forma lo suficientemente interesante para dar el siguiente paso.



Paso 2: Animación simple

Procedía animar cada uno de los tres elementos gráficos por su cuenta. El resultado de la superposición me confirmó que iba por un camino lo suficientemente interesante para proseguir.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Clicar para reiniciar

Al clicar en la imagen se puede comprobar que se trata de una animación que siempre parte del mismo punto. El siguiente paso debería ser añadir un elemento aleatorio.



Paso 3: Posición, tamaño y rotación aleatorios

Añadiendo más variedad a los movimientos de cada elemento e introduciendo un elemento programado aleatorio produce una animación infinitamente variada, dentro de la personalidad gráfica que sieguen manteniendo las curvas.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Cliar para reiniciar

Esta vez, la animación es siempre única, sin repetirse jamás.



Paso 4: De vuelta a lo estático

Habiendo llegado a este punto, sólo con detener la animación obtuve un sistema informatizado que genera infinitas combinaciones gráficas a la vez que mantiene un carácter propio.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Clicar para reiniciar

Estos patrones se pueden ahora exportar para cualquier aplicación gráfica.



Aplicación: papelería y carátulas

Tarjetas de presentación, papel de carta, carátulas y otros productos impresos se pueden desarrollar a partir de estas formas.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Clicar tarjeta



Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Clicar carátulas

El último paso fue integrar este sistema de generación gráfica con el método de impresión, de forma que se puedan generar tantas formas diferentes como sean requeridas.



Aplicación: entorno físico

Decidí dar un paso más y sugerir diversas formas de utilizar la identidad. En este ejemplo, la oficina se convierte en una impactante extensión de la marca.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Clicar pared



Aplicación: animación

Cerrando el círculo creativo, propuse también la animación en sí como elemento propio de la identidad gráfica de Relabel.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player