Packaging promocional-institucional para DHL

Diseño de envase para promocionar la empresa de envío de paquetería DHL.
Se trata de una caja convencional de envío formado por un prisma de base triangular cuyo interior presenta un mecanismo lúdico, pero camuflado exteriormente por una gráfica que no hacer referencia a lo que sucede en el interior una vez que es abierto.

packaging DHL, diseño grafico

packaging DHL, diseño grafico

packaging DHL, diseño grafico

packaging DHL, diseño grafico

packaging DHL, diseño grafico


La gráfica del exterior (la posición del logotipo, el sentido de lectura) condiciona a abrir el pack de manera vertical, que es la manera en como funciona el mecanismo en su interior.

packaging DHL, diseño grafico

packaging DHL, diseño grafico

packaging DHL, diseño grafico


Funcionamiento
Una vez abierto, despegando el imán que lo mantenía cerrado, hay cinco compartimientos, los cuales son atravesados por un tubo transparente por el cual circula una bola con el logo de DHL, ubicada al inicio en el compartimiento más alto. Al ir abriendo cada uno de los compartimientos se va liberando la traba que impedía que la bola cayera, y ésta cae al siguiente compartimiento, y así sucesivamente con los siguientes. Al final la bola se puede retirar del tubo.

packaging DHL, diseño grafico

El mensaje y las situaciones
Cada compartimiento presenta una situación, que puede ser desfavorable o favorable:
1) cuando los compartimientos están cerrado se presentan situaciones negativas, apoyadas por una frase, y que en la narrativa de la idea representan obstáculos que impiden que el envío (la bola) llegue al destinatario a tiempo, y
2) al abrirse se transforma la situación de negativa a positiva, por lo tanto se supera el obstáculo que mantenía paralizado el envío, haciendo referencia a las ventajas de contratar a DHL. Ambos estados se complementan gráficamente por la diagonal que se genera al abrirse el compartimiento. En este caso el sentido de lectura es horizontal (de derecha a izquierda).
Además, en forma conjunta cada una de las cinco frases de las situaciones negativas y positivas forman un mensaje que se lee de manera vertical (de arriba a abajo), y que son opuestos entre sí.

packaging DHL, diseño grafico

Creado: Noviembre 2013
Materia: Packaging 2, H. Romero
Dimensiones: Altura: 27 cm / Lados: 11 cm
Tipografía usada: Maven Pro
FADU-UNL

 
 

Verduras

[Trabajo en progreso] Esto es sólo un avance de un trabajo que estoy haciendo para el rediseño de envases de sales. Por el momento muestro tres de las ocho ilustraciones vectoriales de verduras que fueron dibujadas y que serán usadas en la gráfica de los packs de sal fina y sal gruesa.
Pronto más detalles del proyecto. (Actualización: ver proyecto terminado)

 
 

En el campo...

...del día a la noche.

campo ilustracion

Ahora, los tres momentos por separado: de día, al atardecer y de noche:

campo ilustracion

campo ilustracion


En el modo líneas de contorno se aprecia cómo están realizadas las plantas y sus hojas.

campo ilustracion

campo ilustracion

(En un futuro post estaré hablando acerca de la imagen superior.)
La tabla de colores usada de acuerdo al momento del día solar. Para cada uno de los tres estados se fue añadiendo o quitando tonalidades en las mismas proporciones.

campo ilustracion

 
 

Rediseño Vuelo 213 • Etapa 2: blog

Vuelo 213 se renueva, presentando un nuevo diseño del blog a partir de hoy. Desde hace aproximadamente tres años hasta este entonces ha habido cambios mínimos en el diseño, tales como el cambio de fuente, colores, interlíneas de textos, etc., pero en líneas generales han sido modificaciones casi imperceptibles. (Aquí puedes ver el anterior diseño.)

Así es como se veía el contenido en el diseño anterior:


Hace ya varios meses que venía pensando en realizar un cambio en la apariencia del blog, viendo qué se podía mejorar, qué se podía eliminar, qué cosas eran consideradas relevantes y cuáles accesorias. Porque después de más de tres años de Vuelo 213 —no del blog como tal, que ya tiene cinco años— con el mismo diseño veía oportuno hacer un replanteo del mismo.

Objetivos
Los objetivos primordiales de este nuevo diseño eran, primero, eliminar el colorido estilo gráfico imperante (aplicado en la sidebar) y, segundo, ampliar (ensanchar) los artículos (o post) para hacer más visible las imágenes adjuntas en ellos.
El primer objetivo se debe a que el estilo visual del blog tenía demasiada presencia, compitiendo con las imágenes de los post. Ahora, la primera jerarquía se la llevan los post, no la sidebar (o barra lateral).

Modificaciones
Siguiendo con estos dos objetivos, el próximo paso fue reestructurar los componentes principales del blog (cabecera, post, sidebar), quedando de la siguiente manera:

vuelo 213 blog

Las imágenes de los artículos pasan de los 460px a los 640px, permitiendo un aprovechamiento más horizontal mucho mayor que antes, además de prescindir de colocar detalles de las imágenes.
En cuanto a la sidebar, se eliminaron varias secciones y ahora se muestra una selección de trabajos mediante imágenes en grises situadas en una columna con recuadros.
Otro aspecto que sufre modificación es la fuente. Se hace uso de una nueva tipografía, reemplazando a Georgia por Droid Sans como fuente principal y adoptando una fuente secundaria monoespaciada en la sidebar, la variable Mono de la Droid Sans.


vuelo 213 blog


En cuanto a los colores, se reemplazan los tres característicos del viejo logo, los cuales habían sido aplicados a todo el universo visual del blog, por uno nuevo y único: el color púrpura.

vuelo 213 blog


Finalmente hay que decir que con este cambio de anchos de los post ahora hay que reformular algunos artículos, para que se adapten a las nuevas dimensiones. Algunos ya han sido redimensionados; quedan varias decenas por acomodar (no todos porque eso llevaría mucho tiempo). También hay que pulir algunos detalles del nuevo diseño.
Con el transcurso de las semanas se va a ir normalizando.

:: Ver Etapa 1: logo ::

 
 

La espiral

Siguiendo el camino de menor resistencia.

vuelo 213 espiral, diseño grafico

vuelo 213 espiral, diseño grafico

 
 

Los Moanis

Diseño y animación de personajes.




Este trabajo fue realizado junto a Santiago Gatti.

Creado: 2013
Autores: Benjamín Casanova, Santiago Gatti

 
 

Animaciones Vuelo 213

Tres animaciones con el nuevo logo del blog.







 
 

Logo en 3D renderizado

El nuevo logotipo de Vuelo 213 en 3D, renderizado y animado, más filtro de color añadido. Abajo se muestran dos gif animados.

vuelo 213 3D, diseño grafico, motion graphics design

vuelo 213 3D, diseño grafico, motion graphics design

vuelo 213 3D, diseño grafico, motion graphics design

vuelo 213 3D, diseño grafico, motion graphics design

vuelo 213 3D, diseño grafico, motion graphics design

 
 

La fuente, el sol

Como hace mucho tiempo que no hago un post de fotos, ahora hice uno con dos fotos que tienen en común el sol (y algunas cosas más).

diseño grafico concepcion del uruguay vuelo 213

diseño grafico concepcion del uruguay vuelo 213

Locación: Concepción del Uruguay (Arg.)
Arriba: Isla Cambacuá (ver más grande)
Abajo: Faro Stella Maris (ver más grande)

 
 

Rediseño Vuelo 213: “Infinito” • Etapa 1: logo

Después de más de tres años de haber renombrado a este blog como Vuelo 213, hoy presento el nuevo logotipo que se implementará más adelante. Hasta ahora el primer logo se había mantenido intacto, no había sufrido ningún cambio radical en cuanto al estilo gráfico ni en cuanto a sus formas.

vuelo 213 logo



vuelo 213 logo
En el anterior diseño (diciembre 2010) lo que me interesaba en ese entonces era, más que crear un logo,  darle al blog un estilo visual particular (la que está actualmente en uso). Es decir que primero surgieron las ilustraciones y posteriormente creé el logo. El estilo visual era lo que me motivaba, y era la prioridad de aquella ocasión.

vuelo 213 logo
El nuevo logo se caracteriza por estar todas todas sus formas (números y letras) enlazadas entre sí; y vino a cerrar la cuestión que más “urgencia” sentía que necesitaba, que era integrar en un mismo conjunto la palabra “Vuelo” y el número “213. Con este nuevo diseño pude conseguirlo, al constituir en una misma unidad circular las letras y los números.

vuelo 213 logo


Composición
Retícula, relaciones y proporciones
Todas las partes que conforman el logotipo están insertas en un círculo. A partir de esa forma circular se determinaron sectores que permitieron encajar las letras y los números en ellos. Dentro del círculo se inscribe un cuadrado que es el que contiene a los números.
Vale aclarar que cuando empiezo a diseñar no parto (o inicio) de una retícula ya definida, sino que ella va surgiendo a medida que voy diseñando las formas de las letras y de los números; pero a su vez esas formas se van creando a partir de la grilla, de la estructura. La retícula puede ser una limitación, en cuanto impedimento para crear el logo, o una manera de lograr la armonía y la coherencia del conjunto, del diseño.

«Buscar lo “bello” en la plenitud de la luz y en el esplendor del color no es sustancialmente distinto que buscarlo en la pureza de las proporciones y de la forma plástica.»

vuelo 213 logo
vuelo 213 logo
Contraformas
En la imagen de abajo se muestran sectores de las contraformas o espacios negativos que presentan regularidad (mismo grosor) en el espaciado. La forma incrustada dentro de la letra “u” contribuyó para crear una contraforma suave.
vuelo 213 logo
Curvas perfectas
Los trazos “perfectos” fueron construidos mediante círculos y arcos con el fin de lograr la precisión geométrica que en algunas partes de los caracteres era necesaria conseguirla. Los pequeños puntos negros son los centros de compás de cada sector circular.

vuelo 213 logo


Tipografía
Los números del logotipo se componen con trazos de grosor regular o uniforme, mientras que las letras de la palabra "Vuelo” lo hacen con trazos de grosor variable. En este nuevo diseño he mantenido las características tipográficas utilizadas en el anterior: la palabra “Vuelo” se escribe con los rasgos de italic y los números se forman con líneas de ancho homogéneo. Esta es la principal característica que une al nuevo con el viejo; además se mantiene la ligadura de los números 1 y 3. En tanto que la letra “V” sigue estando separada de las restantes.

Creando los caracteres
Anteriormente el logo estaba creado con las tipografías ScriptC (Vuelo) y Sybil Green (213). Ahora, tuve que diseñar las formas de las letras y de los números, tomando como referencia para las letras —al menos al principio del proceso de diseño— las formas de los caracteres de la ya mencionada fuente ScriptC.
Las nuevas letras tenían que encajar con los números y éstos a su vez con la retícula de base, por lo que cuando algo se modificaba tenía que modificar el resto de los elementos. La letra “u” fue la que, en parte, determinó el grosor de los trazos y el ángulo de las demás letras, ya que al estar unida a los números 2 y 1  las restantes letras tenían que ser coherentes con ella.

vuelo 213 logo
Semejanzas y diferencias
Con respecto a la tipografía ScriptC, las diferencias principales con respecto al nuevo diseño del logo son que se han suavizado y engrosado los trazos, cambiado el ángulo de escritura y redefinido algunas letras, por ejemplo:
•Letra V: se mantuvo el bucle y está desligada del resto.
•Letra L: se añadió la “panza”.
•Letra O: la cola se acortó.

Superposición de trazos
En las dos imágenes posteriores se muestran las coincidencias de las curvas de las cinco letras, es decir, cómo encajan entre sí. Esto le permite dar coherencia y ritmo al conjunto, pero teniendo en cuenta que cada letra tiene que tener sus propias características formales.

vuelo 213 logo
vuelo 213 logo






Nodos y controladores
Para la construcción de las letras, la cual involucra a los nodos y a sus respectivos controladores, se ha utilizado la técnica mostrada en este otro post. Se ve que los controladores de cada nodo de las curvas internas como de las externas tienen un centro en común.

vuelo 213 logo


Versiones de uso
El logo presenta cuatro variables que pueden ser utilizadas; dos de ellas son sin pastilla (o fondo) y las otras dos con pastilla.

vuelo 213 logo

vuelo 213 logo

Los siguientes pasos son ir gradualmente rediseñando el blog, la manera de abordarlo, de recorrerlo, y el estilo gráfico.

---
Creado: diciembre 2012 / enero 2013
Autor: Benjamín Casanova

:: Actualización (25/04/14): Nuevo rediseño de este logo ::

 
 

Identidad corporativa de CEC • Parte 2

Continuando con la identidad corporativa de CEC (Conexión Educativa y Cultural) mostrada en la Parte 1 semanas atrás, hoy llega la segunda y última parte que, a diferencia de la primera, está destinada a mostrar las aplicaciones y las imágenes desarrolladas para la identidad.

cec conexion educativa


Modelos tridimensionales
Comencemos primero con las imágenes que se construyeron para la identidad. Se crearon siete monumentos de manera tridimensional, uno para cada destino de viaje; posteriormente fueron renderizados con una textura de piedra gris. Estos objetos se utilizaron para las distintas piezas de comunicación gráfica que componen el sistema de identidad de la institución.

cec conexion educativa

cec conexion educativa

cec conexion educativa

cec conexion educativa

cec conexion educativa

cec conexion educativa

Los monumentos creados fueron: la Sagrada Familia (España), la torre CN (Canadá), la Mitad del Mundo (Ecuador), la torre Eiffel (Francia), el Macchu Pichu (Perú), las pirámides Aztecas (México) y los Alpes y minaretes (Suiza).
Los dibujos son muy esquemáticos; el estilo con que se crearon no presenta demasiados detalles. Es decir, se compone de formas básicas.

cec conexion educativa

cec conexion educativa

cec conexion educativa

cec conexion educativa

cec conexion educativa

cec conexion educativa



Aplicaciones
Aplicaciones en papel
La papelería que se muestra abajo incluye (en orden de aparición):
•tarjeta de presentación (8,5 × 5,5 cm),
•hoja publicitaria (20 × 15 cm),
•hoja membretada (formato A4) y
•folleto (15 × 21 cm - cerrado).

Las imágenes anteriormente mostradas de los modelos 3D son usadas en estas piezas de comunicación.

cec conexion educativa

cec conexion educativa

Aplicaciones en pantalla
Con respecto a las aplicaciones para pantalla, se incluyen:
•home,
•landing page y
•página de información.

La página web que se tuvo que desarrollar es tanto para computadoras como para dispositivos móviles.

cec conexion educativa

cec conexion educativa

---
Creado: agosto 2012
Autor: Benjamín Casanova
Para: CEC

:: Ver parte 1 ::